/* CSS Document */



/* General Rules
----------------------------------------------- */

body {
	background: #d3e9da url(/img/booster/template/bkg_page.gif) top left repeat-x;
	color: #353535;
	font-family: 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',Verdana,Arial,Sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	text-align: center; /* This is for IE5's benefit */
	}

img { border: none; }

p { margin: .75em 0; }


h1 {
	color: #353535;
	font-size: 28px;
	font-weight: normal;
	}
h2 {
	font-size: 21px;
	font-weight: normal;
	margin: 40px 0 20px 0;
	}

ul, ol { margin: 5px 0 5px 42px; padding: 0; }
ul ul, ol ol { margin-left: 42px; }
ul li { margin: 2px 0; padding: 0; }

blockquote { margin: 10px 20px; }

hr {
	border: none;
	border-top: 1px solid #dfdfdf;
	clear: both;
	margin: 25px 0;
	width: 492px;
	}

a, a:visited { color: #669900; }
a:hover { color: #406000; }



/* Misc Rules
----------------------------------------------- */

.clearBoth { clear: both; }

.floatRight { float: right; }
.floatLeft { float: left; }

.imgFloatRight { float: right; margin: 0 0 8px 8px; }
.imgFloatLeft { float: left; margin: 0 8px 8px 0; }

.alignRight { text-align: right; }
.alignLeft { text-align: left; }

.small { font-size: 90%; }

.noMargin { margin: 0; }
.noTopMargin { margin-top: 0; }
.noBottomMargin { margin-bottom: 0; }

.noBorder { border: none; }

.fade { color: #c18980; }

table {
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	font-size: 10px;
	}
td, th {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px;
	text-align: center;
	}
th {
	background-color: #999;
	color: #fff;
	font-weight: bold;
	}
th a, th a:visited {
	background: none;
	color: #fff;
	padding: 0;
	text-decoration: underline;
	}
th a:hover { background: none; text-decoration: underline; }

table.noBorders {
	border-left: none;
	border-top: none;
	font-size: 12px;
	}
table.noBorders td, table.noBorders th {
	border-right: none;
	border-bottom: none;
	padding: 0px;
	text-align: left;
	}
table.noBorders th {
	background-color: none;
	}
th a, th a:visited {
	background: none;
	color: #fff;
	padding: 0;
	text-decoration: underline;
	}
th a:hover { background: none; text-decoration: underline; }


/* Body Wrap
----------------------------------------------- */

#bodyWrap, #bodyWrapHome {
	background: #ddf7d8 url(/img/booster/template/bkg_wrap.gif) top left repeat-y;
	margin: 0 auto 0 auto;
	text-align: left; /* Resets the accommodation we made for IE5 in the body statement */
	width: 776px;
	}

#headerprint { display: none; }



/* Navigation
----------------------------------------------- */


/* Main Nav */
	
#mainNav {
	background: url(/img/booster/template/bkg_nav.jpg) no-repeat;
	height: 166px;
	position: relative;
	width: 776px;
	}

#mainNav ul { margin: 0; }
#mainNav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#mainNav li, #mainNav a { height: 166px; display: block; background: none; text-decoration: none; }

#navHome 			{ text-indent: -999em; overflow: hidden; left: 0px; width: 85px; }
#navProfessional 	{ text-indent: -999em; overflow: hidden; left: 85px; width: 233px; }
#navParents 		{ text-indent: -999em; overflow: hidden; left: 318px; width: 195px; }
#navKids 			{ text-indent: -999em; overflow: hidden; left: 513px; width: 166px; }
#navContact 		{ text-indent: -999em; overflow: hidden; left: 679px; width: 97px; }

#navHome a:hover, #navHome.active					{ background: transparent url(/img/booster/template/bkg_nav.jpg) 0 -166px no-repeat; }
#navProfessional a:hover, #navProfessional.active	{ background: transparent url(/img/booster/template/bkg_nav.jpg) -85px -166px no-repeat; }
#navParents a:hover, #navParents.active				{ background: transparent url(/img/booster/template/bkg_nav.jpg) -318px -166px no-repeat; }
#navKids a:hover, #navKids.active					{ background: transparent url(/img/booster/template/bkg_nav.jpg) -513px -166px no-repeat; }
#navContact a:hover, #navContact.active				{ background: transparent url(/img/booster/template/bkg_nav.jpg) -679px -166px no-repeat; }


/* Landing Page Nav */

#navLanding {
	background: url(/img/booster/template/bkg_navHome.jpg) no-repeat;
	height: 160px;
	position: relative;
	width: 776px;
	}

#navLanding ul { margin: 0; }
#navLanding li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#navLanding li, #navLanding a { height: 160px; display: block; background: none; text-decoration: none; }

#navLanding #navProfessional	{ text-indent: -999em; overflow: hidden; left: 0px; width: 303px; }
#navLanding #navParents 		{ text-indent: -999em; overflow: hidden; left: 303px; width: 241px; }
#navLanding #navKids 			{ text-indent: -999em; overflow: hidden; left: 544px; width: 232px; }

#navLanding #navProfessional a:hover, #navLanding #navProfessional.active	{ background: transparent url(/img/booster/template/bkg_navHome.jpg) 0px -160px no-repeat; }
#navLanding #navParents a:hover, #navLanding #navParents.active				{ background: transparent url(/img/booster/template/bkg_navHome.jpg) -303px -160px no-repeat; }
#navLanding #navKids a:hover, #navLanding #navKids.active					{ background: transparent url(/img/booster/template/bkg_navHome.jpg) -544px -160px no-repeat; }
	


/* Sub Nav */

#subNav {
	border-bottom: 1px solid #9cb1a1;
	margin: 17px 25px -10px 25px;
	padding-bottom: 5px;
	}
#subNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#subNav li {
	border-right: 1px solid #c4ddc2;
	color: #c4ddc2;
	display: block;
	float: left;
	margin: 0 12px 0 0;
	padding: 0 12px 0 0;
	}
#subNav li.noBorder { border: none; }
#subNav li a { color: #819787; text-decoration: none; }
#subNav li a:hover { color: #4a463e; }
#subNav li.active a { color: #4a463e; font-weight: bold; }



/* Body
----------------------------------------------- */

#body {
	padding: 10px 25px 0px 25px;
	text-align: left;
	}
	
#introText {
	background: #ddf7d8 url(/img/booster/img_childrenTooSmall.gif) top left no-repeat;
	display: block;
	height: 35px;
	margin: 40px auto;
	overflow: hidden;
	text-indent: -999em;
	width: 647px;
	}

#homeIntro {
	background: #ddf7d8 url(/img/booster/template/bkg_headerHome.jpg) top left no-repeat;
	height: 218px;
	
	border-top: 1px solid #fff;
	}
#homeIntro h2 {
	color: #669900;
	font-size: 28px;
	margin: 80px 540px 0 25px;
	}
#homeIntro p {
	margin: 15px 540px 0 25px;
	font-size: 16px;
	line-height: 21px;
	text-shadow: #ddf7d8 1px 1px 1px; /* Some finesse for Safari */
	}



/* Footer
----------------------------------------------- */

#footer {
	background: #ddf7d8 url(/img/booster/template/bkg_foot.gif) bottom left no-repeat;
	color: #999;
	font-size: 10px;
	margin: 20px 0 0 0;
	text-align: right;
	}
#footer p { border-top: 1px solid #9cb1a1; padding: 10px 0 18px 0; margin: 0 25px; }