body{background-color:#334e5b; margin:33px 0; font:normal 11px verdana; color:#666666; line-height:15px;}

a:link{color:#318db0; text-decoration:none}
a:visited{color:#318db0; text-decoration:none}
a:hover{color:#318db0; text-decoration:underline}
a:active{color:#318db0; text-decoration:none}

ul{list-style-type:none; margin:0; padding:0}
h1{font: normal 28px arial; color:#0f5178; margin:0px 0px 10px 0px}
h2{font: bold 14px verdana; color:#334e5b}
h3{font: bold 12px verdana; color:#334e5b}
.clearing{clear:both}

.menu{ width:816px; height:41px; margin-left:auto; margin-right:auto}
.menuHome{ width:80px; height:41px; background:url(../images/menu_01.gif) no-repeat 0px -82px; display:block; float:left}
.menuHome a{ width:80px; height:41px; background:url(../images/menu_01.gif) no-repeat 0px 0px; display:block}
.menuHome a:hover{ background:url(../images/menu_01.gif) no-repeat 0px -41px}

.menuAbout{ width:85px; height:41px; background:url(../images/menu_02.gif) no-repeat 0px -82px; display:block; float:left}
.menuAbout a{ width:85px; height:41px; background:url(../images/menu_02.gif) no-repeat 0px 0px; display:block}
.menuAbout a:hover{ background:url(../images/menu_02.gif) no-repeat 0px -41px}

.menuTreatment{ width:115px; height:41px; background:url(../images/menu_03.gif) no-repeat 0px -82px; display:block; float:left}
.menuTreatment a{ width:115px; height:41px; background:url(../images/menu_03.gif) no-repeat 0px 0px; display:block}
.menuTreatment a:hover{ background:url(../images/menu_03.gif) no-repeat 0px -41px}

.menuChildren{ width:112px; height:41px; background:url(../images/menu_04.gif) no-repeat 0px -82px; display:block; float:left}
.menuChildren a{ width:112px; height:41px; background:url(../images/menu_04.gif) no-repeat 0px 0px; display:block}
.menuChildren a:hover{ background:url(../images/menu_04.gif) no-repeat 0px -41px}

.menuTeens{ width:113px; height:41px; background:url(../images/menu_05.gif) no-repeat 0px -82px; display:block; float:left}
.menuTeens a{ width:113px; height:41px; background:url(../images/menu_05.gif) no-repeat 0px 0px; display:block}
.menuTeens a:hover{ background:url(../images/menu_05.gif) no-repeat 0px -41px}

.menuAdults{ width:112px; height:41px; background:url(../images/menu_06.gif) no-repeat 0px -82px; display:block; float:left}
.menuAdults a{ width:112px; height:41px; background:url(../images/menu_06.gif) no-repeat 0px 0px; display:block}
.menuAdults a:hover{ background:url(../images/menu_06.gif) no-repeat 0px -41px}

.menuSchools{ width:100px; height:41px; background:url(../images/menu_07.gif) no-repeat 0px -82px; display:block; float:left}
.menuSchools a{ width:100px; height:41px; background:url(../images/menu_07.gif) no-repeat 0px 0px; display:block}
.menuSchools a:hover{ background:url(../images/menu_07.gif) no-repeat 0px -41px}

.menuSupport{ width:99px; height:41px; background:url(../images/menu_08.gif) no-repeat 0px -82px; display:block; float:left}
.menuSupport a{ width:99px; height:41px; background:url(../images/menu_08.gif) no-repeat 0px 0px; display:block}
.menuSupport a:hover{ background:url(../images/menu_08.gif) no-repeat 0px -41px}

.bgTopHeader{ width:839px; height:7px; background:url(../images/bg_top.gif) no-repeat;overflow:hidden; margin-left:auto; margin-right:auto}
.header{width:816px; height:83px; background:url(../images/bg_top_content.jpg) repeat-x; margin-left:auto; margin-right:auto; }
.header img.logo{ margin:22px; border:0px}
.header img.panel{ margin-bottom:0px; margin-left:390px}
.panelheader{width:816px; height:338px; background:url(../images/bg_top_content.jpg) repeat-x; margin-left:auto; margin-right:auto; overflow:hidden; }
.panelheader img.logo{ margin:22px}
.panelheader div.panel{ margin-top:-26px; }
.panelspacer { height: 2px; overflow:hidden; }

.bgFooter{width:839px; height:3px; background:url(../images/bg_content_btm.gif) no-repeat; margin-left:auto; margin-right:auto; clear:both;overflow:hidden;}
.footer{ width:839px; height:55px; background:#465f6b;margin-left:auto; margin-right:auto}
.footerContent{width:816px; height:41px; background:url(../images/bg_footer.gif) repeat-x; font-size:10px; color: #a3afb5; padding-top:10px;margin-left:auto; margin-right:auto ; line-height:1.3;}
.footLeft{float:left; }
.footRight{float:right}
.footRight a:link { color: #a3afb5; }
.footRight a:visited { color: #a3afb5; }
.footRight a:hover { color: #a3afb5; text-decoration:underline; }
.footRight a:active { color: #a3afb5; }

.content{ width:839px; background:url(../images/bg_content.gif) repeat-y; margin-left:auto; margin-right:auto}

.bnrDefault{width:816px;margin-left:auto; margin-right:auto; margin-top:8px; margin-bottom:5px}
.boxSection{width:268px; min-height:100px}

.bgBtmFooter{ width:839px; height:4px; background:url(../images/bg_foot_btm.gif) no-repeat; margin-left:auto; margin-right:auto}

.txtContent{ width:816px; clear:both; margin-left:auto; margin-right:auto;  padding-top:8px;  background:url(../images/bg_sections.jpg) repeat-x; }
.box1{ margin-right:6px;background:url(../images/photo_kids.jpg) no-repeat bottom right;}
.box2{ background:url(../images/photo_girl.jpg) no-repeat bottom right;}
.box3{margin-left:6px; background:url(../images/photo_guy.jpg) no-repeat bottom right;}

.boxSection{ width:249px; min-height:225px; height:225px; float:left; padding-top:20px; padding-left:19px; font-size:12px; margin-bottom:3px}
.boxSection img.titSection{margin-bottom:10px}
.boxSection img.photo{float:right; }

.listDefault li{ background:url(../images/ico_green.gif) no-repeat 0px 3px; padding-left:16px; margin-bottom:5px}

.listLinks{margin-top:5px; margin-bottom:10px}
.listLinks li{ background:url(../images/ico_blue.gif) no-repeat 0px 3px; padding-left:16px; margin-bottom:3px}

.listSubmenu li{ border-bottom:solid 1px #d6e9f0; padding-bottom:5px; font-weight:bold; color:#145378; height:auto;}
.listSubmenu li a{ font-weight:bold; color:#318db0;  padding-bottom:5px ; height:auto;}
.listSubmenu li a:link{ color:#318db0; }
.listSubmenu li a:visited{ color:#318db0; }
.listSubmenu li a:active{ color:#318db0; }

ul.listSubmenuSecond  { padding:0;}
.listSubmenuSecond li{ background:none; border-bottom:none; padding: 5px 0 0px 0; margin:0 ;  font-weight:normal; color:#fc3923;}
.listSubmenuSecond li a{border-bottom:none; font-weight:normal; color:#318db0; margin:0 ;}
.listSubmenuSecond li a:link{color:#318db0;}
.listSubmenuSecond li a:visited{color:#318db0;}
.listSubmenuSecond li a:hover{border-bottom:none; padding-bottom:5px; font-weight:normal; color:#318db0; text-decoration:underline}
.listSubmenuSecond li a:active{color:#318db0;}

.colMenu{ width:191px; padding:20px 20px 20px 5px; margin-right:10px;float:left}
.colContent{ width:530px; padding:15px 20px; float:left; margin-bottom:20px}

table.default {background-color: #E5E5E5}
table.default  td{ padding:3px; }
table.default  td.title{ background-color:#318db0; color:#FFFFFF; }

table.criteria {background-color: #ededed}
table.criteria  td{ padding-left:15px; padding-right:15px }

/*******pop up********/
.contentPopup{ width:580px; background:url(../images/bg_contentpopup.gif) repeat-y;  clear:both}
.bnrPopup{width:560px;margin-left:auto; margin-right:auto; margin-top:8px; margin-bottom:5px}
.bgTopHeaderPopup{ width:580px; height:7px; background:url(../images/bg_toppopup.gif) no-repeat;overflow:hidden;}
.txtContentPopup{ width:540px;   padding:8px 10px 20px 10px;  background:url(../images/bg_sections.jpg) repeat-x; margin-left:10px;; margin-right:10px}
.headerPopup{width:560px; height:83px; background:url(../images/bg_top_content.jpg) repeat-x; margin-left:10px; }
.headerPopup img.logo{ margin:22px}
.headerPopup img.panel{ margin-bottom:0px; margin-left:390px}

.bgFooterPopup{width:580px; height:3px; background:url(../images/bg_content_btm.gif) no-repeat; overflow:hidden;}
.footerPopup{ width:580px; height:37px; background:#465f6b; clear:both}
.footerContentPopup{width:560px; height:33px; background:url(../images/bg_footer.gif) repeat-x; font-size:10px; color: #a3afb5; padding-top:2px; margin-left:auto; margin-right:auto}

/***************************display pop up*************/
.hiddenState {
	position:absolute;

	width:580px;
	height:1px;
}
/* Some rought layout, could be anything including backgrounds etc */
.visibleBg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height:300%;
	background-color: #000000;
	color: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.visibleNotifyMsg {
	
	width: 100%;
	height:300%;
	
}

/*****screener*******/
.screener_question {
	clear:both;
	float:left;
	width:383px;
	margin:0px;
	padding:2px;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	border-top:1px solid #D6E9F0;
	border-left:1px solid #D6E9F0;
	border-right:1px solid #D6E9F0;
	height:40px;
	background-color:#F0F8FF;
}

.screener_answers {
	border-top:1px solid #D6E9F0;
	border-right:1px solid #D6E9F0;
	width:109px;
	float:left;
	height:48px;
	margin-left:0px;
	background-color:#FFFFFF;
}

.response_q {
	float:left;
	width:384px;
	clear:both;
	margin-bottom:20px;
	padding-left:16px;
	background:transparent url(../images/ico_green.gif) no-repeat scroll 0 3px;
}

.response_a {
	float:left;	
	margin-left:20px;
}

.screener_alt {
	background-color:#F0F8FF;
	width:20px;
}