html { 
	min-height: 100%;
	height: auto; 
	}
	
body { 
	margin: 0; 
	padding: 0; 
	background: #7cbcfe url(/images/GLOBAL/bg_trees_tile.gif) left bottom repeat-x fixed;
	}
	
/* TOP BACKGROUND POSITIONING */

#bgclouds {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 166px;
	/* background: url(/images/GLOBAL/bg_tile_clouds.gif) no-repeat top left; */ /* Non-centered version */
	background: url(/images/GLOBAL/bg_tile_clouds.gif) repeat-x top left;
	}
	
/* LNF DIMENSIONS */

#outerpage {
	position: relative;
	z-index: 20;
	/* margin: 0 0 0 20px; */ /* Non-centered version */
	margin: 0 auto 0 auto;
	width: 757px;
	}

/* LNF BACKGROUND SETTINGS */

#branding {
	position: relative;
	z-index: 30;
	margin: 5px 0 -18px 12px;
	width: 166px;
	height: 116px;
	background: url(/images/GLOBAL/logo_campsunshine.png) no-repeat;
	}
#bordertop {
	height: 27px;
	background: url(/images/GLOBAL/bg_border_top.png) no-repeat;
	}
#bordermid {
	background: url(/images/GLOBAL/bg_border_sides.png) repeat-y;
	}
#borderbtm {
	height: 66px;
	background: url(/images/GLOBAL/bg_border_bottom.png) top no-repeat;
	}
#innerpage {
	margin: 0 18px;
	background: url(/images/GLOBAL/bg_leftrail.jpg) repeat-y top left #fff;
	}
	
/* TOP HYPERLINK STYLING WITHIN BRANDING */

#bordertop span#txtlink {
	position: absolute; 
	left: 350px; 
	margin-top: 5px; 
	color: #086337;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#bordertop span#txtlink a {
	color: #086337;
	text-decoration: none;
	font-weight: bold;
	}
#bordertop span#txtlink a:hover {
	text-decoration: underline;
	}
#bordertop span#tablink {
	position: absolute; 
	left: 547px;
	}
	
/* LEFTRAIL NAVIGATION STYLING */

#navigation {
	position: relative;
	z-index: 100000;
	display: inline;
	width: 165px;
	padding-right: 45px;
	float: left;
	}
#navigation a {
	color: #fff;
	}
#navigation ul {
	margin: 30px 0 0 20px;
	padding: 0;
	text-align: left;
	list-style-type: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#navigation ul li a {
	display: block;
	padding: 3px 5px 5px 22px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: url(/images/GLOBAL/bg_nav_off.gif) no-repeat;
	}
#navigation li a.top {
	color: #0b7d46;
	text-decoration: none;
	padding: 6px 5px 7px 25px;
	}
#navigation li:hover a.top {
	color: #fff;
	background: url(/images/GLOBAL/topnav_background_single.png) no-repeat;
	}
#navigation li:hover a.top:hover {
	color: #ffd204;
	background: url(/images/GLOBAL/topnav_background_single.png) no-repeat;
	}
#navigation li ul {
	position: absolute;
	width: 170px;
	margin-top: -37px;
	margin-left: -10px;
	padding: 15px 10px 0 22px;
	left: -999em;
	}
#navigation ul ul#subs_about {
	height: 260px;
	background: url(/images/GLOBAL/bg_subnav_G.png) no-repeat;
	}
#navigation ul ul#subs_programs {
	height: 230px;
	background: url(/images/GLOBAL/bg_subnav_F.png) no-repeat;
	}
#navigation ul ul#subs_events {
	height: 85px;
	background: url(/images/GLOBAL/bg_subnav_B.png) no-repeat;
	}
#navigation ul ul#subs_testimonials {
	height: 50px;
	background: url(/images/GLOBAL/bg_subnav_A.png) no-repeat;
	}
#navigation ul ul#subs_support {
	height: 144px;
	background: url(/images/GLOBAL/bg_subnav_E.png) no-repeat;
	}
#navigation li li {
	margin: -2px 0 0 -20px;
	line-height: .76em;
}
#navigation li li a {
	display: block;
	width: 100%;
	font-size: 12px;
	font-weight: normal !important;
	color: #fff;
	text-decoration: none;
	background: none !important;
}
#navigation li:hover ul, #navigation li.sfhover ul {
	left: 148px;
	}
#navigation li li a:hover, #navigation li.sfhover li a:hover {
	color: #ffd204;
	background: none !important;
}

/* CONTENT AREA STYLING */

#content_area {
	display: inline;
	width: 510px;
	float: left;
	}
#content_area h1, #content_area h2, #content_area h3, #content_area h4 {
	margin: 0;
	padding: 0;
	color: #0b7d46;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#content_area h1 {
	line-height: 20px;
	font-size: 25px;
	}
#content_area h2 {
	line-height: 20px;
	font-size: 18px;
	}
#content_area h3 {
	line-height: 20px;
	font-size: 16px;
	}
#content_area h4 {
	line-height: 20px;
	font-size: 14px;
	}
#content_area a {
	color: #0b7d46;
	}
#content_area a:hover {
	color: #15af64;
	}
#content_area img.featured {
	margin: 0 0 10px 20px;
	}
#content_area .copy {
	display: inline;
	padding: 15px 20px 10px 0;
	line-height: 16px;
	color: #767676;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	}
	
/* FOOTER HYPERLINK STYLING */

#footer {
	margin: 0 0 0 210px;
	padding: 20px 0;
	width: 510px;
	text-align: center;
	color: #0b7d46;
	font-size: 10px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#footer a {
	color: #0b7d46;
	text-decoration: none;
	text-transform: uppercase;
	}
#footer a:hover {
	color: #15af64;
	text-decoration: underline;
	}
	
/* BREADCRUMB NAVIGATION STYLING */

div.breadcrumb { 
	margin: 15px 20px 0 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #767676;
	color: #767676;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
div.breadcrumb a {
	font-weight: bold;
	color: #767676;
	text-decoration: none;
	}
div.breadcrumb a:hover {
	text-decoration: underline;
	}
	
/* FORM FIELD STYLING */

input.xl {width: 350px;}
input.lg {width: 150px;}
input.md {width: 100px;}
input.sm {width: 25px;}
address {padding-left: 50px;}

/* PROGRAM SECTION STYLING */

#programs ul {list-style: square;}
#programs li {padding: 3px;}
#programs li a {font-weight: bold;}
div.progCopy {display: none; padding-left: 20px;}
div#toggleAll {border-top: 1px dotted #086236; border-bottom: 1px dotted #086236; padding: 5px 10px; font-size: 11px;}
div.copy li {list-style: square; padding: 5px;}
div.copy ol li {list-style: decimal; padding: 5px;}
div.copy li span {font-weight: bold; font-size: 14px; color: #0b7d46;}
table#events th, table#events td {border-bottom: 1px solid #767676;}
#testimonials div.letter {padding: 5px 0; border-top: 1px solid #767676;}

/* MISC TWEAKS */

strong {color: #4F4A4A;} /* To compensate for IE's lack of differentiation between bold/normal font weight for 767676 */
div.clear {clear: both;}
img.staff {border: 1px solid #000; margin: 0px 10px 10px 0;}
span.required {font-weight: bold; color: #c00;}