@charset "UTF-8";
body  {
	background:url(../images/graphics/background/double-logo.jpg) no-repeat top;
	}
/* Page Header */
h1, h2, h3, h4 {
	margin:0px;
	font-weight:normal;
	color:#336666;
	}
h1 {
	font-size:29px;
	padding:25px 0px 15px 0px;
	margin:0px;
	text-transform:none;
	}
h2 {
	font-size:24px;
	padding:15px 0px 5px 0px;
	
	}
h3 {
	font-size:20px;
	}
h4 {
	font-size:17px;
	}
#page_header { width: 364px; height: 60px; position: relative; top:20px; left:20px; margin-bottom:40px;}
div.page_header_why 		{ background: url(../images/elements/page_header_sprite.png) 0px 0px no-repeat; }
div.page_header_skills 		{ background: url(../images/elements/page_header_sprite.png) 0px -60px no-repeat; }
div.page_header_immersion 	{ background: url(../images/elements/page_header_sprite.png) 0px -120px no-repeat; }
div.page_header_jungle 		{ background: url(../images/elements/page_header_sprite.png) 0px -180px no-repeat; }

/* Page Titles */ 
div.page_title_programs { width: 165px; height: 32px; background: url(../images/elements/page_section_titles.png) 0px 0px no-repeat; margin:35px 0px 15px 0px; }
div.page_title_upcoming { width: 300px; height: 32px; background: url(../images/elements/page_section_titles.png) 0px -32px no-repeat; margin:45px 0px 15px 0px; }
div.page_title_tv 		{ width: 185px; height: 32px; background: url(../images/elements/page_section_titles.png) 0px -64px no-repeat; margin:15px 0px; }
div.page_title_share 	{ width: 56px; height: 21px; margin: 15px 0px 10px 0px; background: url(../images/elements/page_small_titles.png) 0px 0px no-repeat; }
div.page_title_print 	{ width: 56px; height: 21px; margin: 15px 0px 10px 0px; background: url(../images/elements/page_small_titles.png) 0px -21px no-repeat; }

/* Page Content */
#page_content_back { width: 1000px; position: relative;top:580px; left:0px;	margin: 0px auto; background: url(../images/elements/pages_content_back.jpg) 0px -668px repeat-y; }
#page_content 					{ width: 1000px; position: relative; top:-530px; left:10px; margin: 0px auto; }

#page_content_left 				{ width: 225px; float: left; margin:0px 0px 0px 30px; }
#page_content_left_nav 			{ width: 225px; height: 529px; text-align: center; padding: 20px 0px 0px 0px; margin:0px; }

div.left_nav	{ width: 150px; height: 27px; padding:10px 0px 0px 0px; margin:0px;}
div.left_nav a  { font-size: 14px; color:#660000; text-decoration:none; padding:10px 0px 15px 10px; margin:0px; }
div.left_nav a:hover  { color: #b53702; }
div.left_nav_on { width: 185px; height: 30px; background: url(../images/elements/page_leftnav_arrow.png) 0px no-repeat ; margin-left:-5px; font-size: 14px; color: #d0b787;  padding:10px 0px 0px 0px;}

#page_content_left_programs 	{ width: 160px; margin: 0px auto; }
#page_content_left_programs p 	{ margin: 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4a3323; line-height: 21px; }
#page_content_left_programs a 	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #4a3323; line-height: 21px; }
#page_content_left_programs a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #b53702; line-height: 21px; }

#page_content_middle 	{ width: 480px; float: left; margin:0px 0px 0px 20px; }
#page_content_middle p	{ font-size: 14px; color:#000000; line-height: 24px; } 
#page_content_middle a	{ color: #1e5b6f; text-decoration: none; }
#page_content_middle a:visited { color: #1e5b6f; text-decoration: none; }
#page_content_middle a:hover { color: #1e5b6f; text-decoration: underline; }
table.upcoming_schedule { width: 100%; margin: 0px 0px 10px 0px; }
table.upcoming_schedule td { font-family: Arial, Helvetica, san-serif; font-size: 18px; color: #1e5b6f; padding: 5px 15px 5px 0px; }

#page_content_right { width: 177px; float: left; margin: 45px 0px 0px 15px; text-align: center; }
#page_content_right div { margin: 0px auto 25px auto; }
#page_content_right p { margin: 0px 0px 25px 0px; }

#page_content_whole { width: 700px; min-height: 450px; float: left; margin: 0px 0px 0px 50px; position:relative; top:-80px; }

#page_content_whole .page_sub_title {
	font-family: Georgia, Verdana, Arial, Helvetica;
	font-size: 18px;
	font-style: italic;
	color:#b53702;
	margin: 10px 0px 4px 0px;
}

#page_content_whole input[type=image] {
	margin: 15px 0px 0px 0px;
}

/* Wigets & Stuffs */
#widget_social { width:100px; margin:0px auto; }
#widget_mailing { float:left; width: 177px; height: 32px; background: url(../images/elements/mailing_list_back.png) 0px 0px no-repeat; margin: 0px 0px 10px 0px; }
#widget_mailing input[type=text] { width:100px; height:18px; border:0px; font-size:12px; padding: 0px; margin: 7px 0px 0px 14px; background: transparent; }
#widget_mailing [type=submit] { width: 34px; height:14px; border:0px; margin: 0px; position: relative; top:0px; left:11px; cursor:pointer; background: url(../images/buttons/widget_mailing_join.png) 0px 0px no-repeat; }
#widget_mailing [type=submit]:hover { width: 34px; height:14px; border:0px; cursor:pointer; background: url(../images/buttons/widget_mailing_join.png) 0px -17px no-repeat; }



/* Index Widgets & Callout */
#program_container { width:1060px;text-align: center; position: relative; margin:50px 45px}
div.program_callout { width: 268px; height: 235px; position: relative; top: -15px; left:0px; background: url(../images/elements/index_callout_back.png) 0px 0px no-repeat; margin: 0px 0px 0px 20px; float:left; }
div.program_callout p { margin: 15px auto 0px auto; font-family: Verdana, Arial, Helvetica; font-size: 14px; color: #ffe9c4; }
div.program_callout_title { width:  235px; height: 20px; margin: 20px auto 13px auto; }
div.program_callout_jungle { background: url(../images/elements/index_callout_sprite.png) 0px 0px no-repeat; } 
div.program_callout_immersion { background: url(../images/elements/index_callout_sprite.png) 0px -20px no-repeat; } 
div.program_callout_summer { background: url(../images/elements/index_callout_sprite.png) 0px -40px no-repeat; } 

#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 0px;
}
#maincontent { 
	float:left;
	width: 760px;
	margin:0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#featured {
	margin-bottom:10px;
	width:170px;
	float:left;
	}
#main {
	margin-bottom:5px;
	width:525px;
	float:right;
	padding:5px 35px 0px 30px;
}
.divider {
	clear:both;
	padding:10px 0px 10px 0px;