/*Set Background color for all pages*/
body { background: #000033; }

/*Set global link styles, white with hover underline*/
a { text-decoration:none; color:#0000FF; }
a:hover { text-decoration:underline; }
a:visited { color:#0000FF; }
ul { padding-left:5px; margin:0px; list-style:none; }
li { margin-top:5px; }

/*Outside wrapper that specifies width and centers content*/
#wrapper {
	width:784px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}

/*Div that holds all the content for the page, inside wrapper*/
#content { }

/************/
/** Header **/
/************/

/*Class for images in the header, float left*/
.headerImage { float:left; }

#header {
	width:100%;
}

/*Div that holds the navigation items in the header*/
#headerNav {
	float:left;
	width:152px;
	height:92px;
	background: url("../images/jbb_newskin/jbb_home_bg.jpg") repeat-x;
	font-size:11px;
	padding-top:15px;
}
#headerNav ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#headerNav li { padding:0px; margin:0px; }
#headerNav a:visited, #headerNav a { color:#99b3d5; }

/*************/
/** Top Nav **/
/*************/

/*Div that holds the top nav*/
#topNav { float:left; background-color:#000033; width:784px; }
#topNav a { text-decoration: none;}
.topNavItem { float:left; }
.topNavItem a, .topNavItema:visited { text-decoration:none; color:#FFF; }
.topNavItemText {
	padding:8px 33px 8px 32px;
	background-color:#000033;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:13px;
}

/************/
/** Footer **/
/************/
#footer {
	float:left;
	width:100%;
	color:#99b3d5;
	text-align:center;
	font-size:10px;
	background-color:#254576;
	padding-top: 20px;
	padding-bottom:20px;
}
#footerText { float:left; padding:20px 0px 0px 90px; }
#footerText a, #footerText a:visited { color:#FFF; }

/**********/
/** Home **/
/**********/
/*Main*/
#homeMain {
	float:left;
	width:779px;
	height:382px;
	padding:23px 0px 0px 5px;
	background: url(../images/jbb_newskin/main_background.jpg) no-repeat;
}
#homeMain a {
	text-decoration: none;
	color: #000000;
}
#homeMain a .wh_a_on	{color: #ffffff; text-decoration: none;}
#homeMain a .wh_a_off	{color: #000000; text-decoration: none;}
#homeWhatsHappening {
	float: left;
	width: 317px;
	height: 309px;
	padding: 40px 0px 0px 15px;
	background: url(../images/jbb_newskin/whats_happening.jpg) no-repeat;
}
#eventPic {
	float: left;
}
#eventHeadings {
	float: left;
	width: 276px;
	height: 130px;
	padding: 2px 2px 2px 2px;
	background: #dfe6f1;
}
#eventsHeadingsTable {
	font-size: 11px;
	width: 276px;
	height: 130px;
	padding: 10px 0 10px 0;
	background: url(../images/jbb_newskin/whats_happening_bg.jpg) no-repeat;
	line-height: 20px;
}

/*Footer*/
#homeFooter {
	float:left;
	width:100%;
	background:url(../images/jbb_newskin/footer_bg.jpg) no-repeat;
	color:#99b3d5;
	font-size:12px;
	font-weight:bold;
	background-color: #254576;
}
#homeFooterTop { float:left; padding:30px 20px 30px 20px; }
/*#homeFooterTop { float:left; padding:30px 58px 30px 40px; }*/
#homeFooterText {
	float:left;
	width:330px;
	margin-left:30px;
	font-size:11px;
	font-weight:normal;
}
/*#homeFooterText {
	float:left;
	width:425px;
	margin-right:62px;
	line-height:175%;
}*/
#homeFooterBottom { clear:left; text-align:center; font-size:10px; padding: 50px 20px 0 20px; margin-bottom:45px; }
#homeFooterBottom a, #homeFooterBottom a:visited { color:#FFF; }

.wh_row_on	{background: url(../images/jbb_newskin/wh_row_on_bg.jpg) repeat-x;}
.wh_row_off	{ }

/************/
/** Level2 **/
/************/
/*Top*/
#level2Top {
	float:left;
	width:754px;
	height:37px;
	padding:5px 0px 0px 30px;
	font-size:24px;
}
/*
#level2TopSpacer {
	float:left;
	height:42px;
	width:18px;
	background-color:#f2f6fa;
}*/
/*Lower*/
#level2Main {
	float:left;
	width:784px;
	padding:0px 0px 0px 0px;
	background-position:bottom left;
	background-repeat:repeat-y;
	background-image:url(../images/jbb/level2_background_repeat.gif);
}
/*gradient bottom border, style to match level2Main*/
#level2MainBottom {
	float:left;
	width:inherit;
	height:11px;
	background-position:bottom left;
	background-repeat:repeat-y;
	background-image:url(../images/jbb/level2_background_bottom.gif);
}
/*Left*/
#level2Left {
	float:left;
	width:238px;
	padding:15px 0px 10px 24px;
}
#level2Nav { color:#000033; font-weight:bold; font-size:12px; }
#level2ColorBox { float:left; height:9px; width:9px; margin:3px 5px 0px 0px; }
#level2Nav a { color:#003; display:block; height:16px; width:215px; }
#level2Nav ul {
	float:left;
	padding:0px;
	margin:5px 0px 0px 0px;
	list-style:none;
}
#level2Nav li {
	height:16px;
	width:215px;
	margin-top:2px;
	padding:2px 0px 0px 5px;
	background-color:#d9e3ef;
}
.level2Quote {
	float: left;
	width:225px; 
}
.level2Quote p {
	float: left;
	font-family: "Trebuchet MS";
	font-size: 20px;
	text-align:left;
	color: #7195C0;
}
#level2LeftBottom {
	float:left;
	text-align:right;
	width:220px;
	padding-top: 20px;
	padding-bottom: 20px;
	color:#7195c0;
	font-weight:bold;
	font-size:14px;
}
.leftImage { float: right; border: 5px solid white; margin:0px 0px 10px 0px; }
/*Right*/
#level2Right {
	float:left;
	width:483px;/*523px total width?*/
	/* padding: 0px 10px 10px 30px; */
	padding-left: 30px;
	padding-bottom: 30px;
	color:#666666;
	font-size:11px;
	line-height:150%;
}
#level2RightImageWrapper {
	width: 492px;
	height: 100px;
	margin-left: -30px;
	padding-bottom: 5px;
	padding-left: 30px;
}
#level2Right p {
	padding: 10px 0 0 0;
}
.topImage {float:left; margin-right:2px; width:138px; height:92px; }
#level2NavCurrentPage = {  }

/*************/
/** Level 3 **/
/*************/
#level3Title {
	float:left;
	width:100%;
	height:20px;
	padding:2px 0px 2px 0px;
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
}
#level3Nav { padding-left:40px; margin-bottom:20px; font-size:12px; color:#FFF; float:right; margin:10px 50px 0px 0px; display:inline; }
#level3Nav a, #level3Nav a:visited { color:#FFF; }
#level3Body {  }

#level3ul ul {
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	width: 100px;
	
}
#level3ul li {
	height:16px;
	margin-top:2px;
	padding-top:2px;
	padding-left:23px;
	background-color:#BECFE3;
}
/******************/
/** Testimonials **/
/******************/
.testimonial { padding: 0 5px 0 5px; }
.testimonial a { display:block; }
.testimonial a, .testimonial a:visited { color:#666; }
.testimonial a:hover { text-decoration:none; }

/********************/
/** Gallery Styles **/
/********************/
#gallery_parent {
	float:left;
	width:500px; /*523px total width?*/
	padding:24px 0px 10px 15px;
	color:#666666;
	font-size:11px;
	line-height:130%;
}

.gallery_bread {
	color: #103492;
	font-weight: bold;
}

.gallery_bread a,
.gallery_bread a:hover,
.gallery_bread a:visited {
	color: #bfd0e4;
}

.gallery_pod{
	float: left;
	padding-right: 14px;
	height: 150px;
}

.thumb_pod {
	border: 1px solid #dddddd;
	padding: 5px;
	width: 80px;
	height: 53px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	background-color:#FFFFFF;
}

.gallery_table {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	width: 150px;
	height: 140px;
}

.gallery_table a,
.gallery_table a:hover,
.gallery_table a:visited {
	display: block;
	color: #666666;
	text-decoration: none;
}

#gallery_parent img {
	border: 0;
}

#gallery_parent h2 {
	margin-bottom: 5px;
}

/***************/
/** Donations **/
/***************/

.donation_step {
	float:right;
	text-align:center;
	font-size:16px;
	color:#004295;
	font-weight:bold;
	margin-top:-10px;
}
.donation_form {
	float:left;
	background-color:#e8f1f8;
	background-image:url(../images/donations/donation_background_top.gif);
	background-repeat:repeat-x;
	font-size:12px;
}
.donation_form td { padding:5px 0px 5px 0px; }
.donation_form td.label { text-align:right; font-weight:bold; padding-right:10px; vertical-align:top; }
.donation_form td.donation_form_header {
	width:493px;
	height:22px;
	padding:0px 0px 0px 15px;
	background-image:url(../images/donations/blue_bar.gif);
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
}

/*********************/
/** Camp Max Straus **/
/*********************/
#campmax_nav {
	float: left;
	padding-top: 72px;
	padding-left: 47px;
	color: #ffffff;
	font-family: "Arial Narrow";
	font-size: 11px;
}
#campmax_nav tr {
	
}
#campmax_nav td {
	height: 30px; 
}
.mouse_on {
	background: url(../images/jbb_newskin/campmax/campmax_nav_on.jpg) repeat-x;
	color: #ffffff;
	cursor: pointer;
	cursor: hand;
}
.mouse_off {}
#campmax_nav a { color: #ffffff; font-size: 11px; }

#campmax_nav2 {
	float: left;
	font-family: "Arial Narrow";
	font-size: 11px;
	padding-left: 175px;
	margin-top: 2px;
}
#campmax_nav2 td {
	
}
#campmax_nav2 a { color: #000000; }
#campmax_nav2 a:hover { color: #ffffff; }
.mouse_on2 {
	background: url(../images/jbb_newskin/campmax/campmax_nav_on.jpg) repeat-x;
	color: #ffffff;
}
.mouse_on2 a { color: #ffffff; }
.mouse_off2 { color: #000000; }
.mouse_off2 a { color: #000000;}

#campmax_app {
	float: left;
	margin-top: 50px;
	margin-left: 26px;
}

#campmax_body {
	float: left;
	padding-left: 0px; 
	padding-right: 10px;
	padding-top: 100px;
	width: 275px;
}
#campmax_body ul {
	display: block;
	list-style-type: square;
}

#campmax_activities {
	float: left;
	background: url(../images/jbb_newskin/campmax/campmax_activities.jpg) no-repeat;
	width: 192px;
	height: 333px;
	margin-top: 180px;
	margin-left: 15px;
	font-size: 10px;
}
#campmax_activities_text {
	float: left;
	padding-left: 35px;
	padding-top: 60px;
	line-height: 10px;
}
#campmax_activities_text ul {
	font-size: 10px;
	line-height: 10px;
	list-style-type: square;
	list-style-position: inside;
}
#campmax_activities_text li {
	font-size: 10px;
	line-height: 10px;
	padding-left: 5px;
	margin-top: 3px; margin-bottom: 3px;
}
/* FOR THE OLD CAMP MAX STRAUS LAYOUT

#cms_tag_wrapper {
	float: left;
	margin-top: 250px;
	margin-left: -10px;
	width: 150px;
}
.cms_tag_main {
	float: left;
	background-color: #c56526;
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin: 5px;
}
.cms_tag_sub {
	float: left;
	background-color: #22976f;
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin: 5px;
}*/
/***********************************************************************************************************
 *	TIMELINE -> by GT 09.19.2007
 ***********************************************************************************************************/
#timeline_nav ul {
	margin: 20px 0 0 5px;
	padding: 0;
	list-style-type: none;
}
#timeline_nav li {
	display: inline;
	margin-right: 20px;
}
.tl_nav_off a  {
	background-color: #033686;
	color: #fff;
	padding: 7px;
	font-size: 14px;
	font-weight: bold;
}
.tl_nav_off a:hover {
	background-color: #aa487a;
	text-decoration: none;
}
.tl_nav_on a {
	background-color: #aa487a;
	padding: 7px;
	font-size: 14px;
	font-weight: bold;
}
.tl_nav_on a:hover  {
	background-color: #aa487a;
	padding: 7px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#timeline_body {
	float: left;
	margin-top: 135px;
	*margin-top: 25px; /* Cuz IE sucks */
	margin-left: 5px;
	width: 290px;
	* width: 285px; /* Cuz IE sucks */
}
#timeline_body ul {
	list-style-type: square;
	margin-left: 10px;
}
#timeline_right {
	float: left;
	width: 184px;
	margin-top: 135px;
	*margin-top: 25px; /* Cuz IE sucks */
}
.year {
	color: #aa487a;
	font-size: 14px;
	font-weight: bold;
}