html { overflow-y:scroll; overflow-x: auto }
html,
body { padding:0; margin:0; width: 100%; height: 100%; }

div { padding: 0; margin: 0; }

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:8pt;
	line-height: 1.3em;
	background: #EEF4FB url(../img/bg.png) top repeat-x; 
	color: #000;
	width: 1000px;
	margin: 0 auto;
}



a { color:#0099CC; font-weight:bold; outline:none; text-decoration:none;}
a:hover {text-decoration:underline;}
a img { border:0; }
p { line-height: 1.6em; margin: 0 0 1em 0; }


ul li { margin: 0 0 0.5em 0; padding: 0; line-height: 1.3em; }

dl { line-height: 1.6em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

h1, h2 { font: bold 24px Myriad, Helvetica, sans-serif; color: #000;  }

table { background: #EEF4FB; border: none; border-collapse: collapse; margin: 1em 0 2em 0; width: 100%; }
table td,
table th { vertical-align: top; border: 3px solid #fff; padding: 0.5em; text-align: left; }
table tfoot { font-size: 7pt; text-align: right; }

table ul { padding: 0; margin: 0 0 1em 1em; }

table.activity td { width: 50%; }

#header, #wrapper, #footer { width: 100%; margin: 0 auto;  }

#header { background: #fff url(../img/header.png) left 13px no-repeat; }

	#header h1 { text-align: right; padding: 10px 20px 5px 0; margin: 0; }

	#header #menu { padding: 4px 0 1px 0; margin: 0; float: left; list-style: none; width: 100%; background: #bad530; border-bottom: 6px solid #97ae27; }
	#header #menu li { float:left; }
	#header #menu li.home { margin-left: 16px; }
	#header #menu li a { background: url(../img/menu/menu.png) top left no-repeat; height: 31px; float:left; text-decoration: none; }
	#header #menu li a span { visibility: hidden; }
	#header #menu .home a { background-position: 0 0; width: 91px; }
	#header #menu .publications a { background-position: -92px 0; width: 153px; }
	#header #menu .links a { background-position: -244px 0; width: 218px; }
	
	#header #menu .home a:hover, #header #menu .home a.active { background-position: 0 -31px; width: 91px; }
	#header #menu .publications a:hover, #header #menu .publications a.active { background-position: -92px -31px; width: 153px; }
	#header #menu .links a:hover, #header #menu .links a.active { background-position: -244px -31px; width: 218px; }
	


#wrapper { background: #fff; }

#submenu { background: #4C83BC url(../img/submenu-bottom.png) left bottom no-repeat; width: 175px; margin: 0 10px 0 15px; list-style:none; padding: 0 0 10px 0; overflow:hidden; border-top: 6px solid #4475a9; clear: none; float: left; }
	#submenu li { float:left; clear: none; }
	#submenu li a { float:left; width: 177px; padding: 3px 0; background-color: #4C83BC; background-repeat:no-repeat;  background-position: 0 3px; text-decoration: none; margin: 0 0 3px 0; }
	#submenu li a span { visibility: hidden; }
	#submenu li a.active,
	#submenu li a:hover { background-position: -177px 3px; background-color: #1A4C7F;  }
	#submenu .benefits a { background-image: url(../img/menu/benefits.png); height: 39px; }
	#submenu .children a { background-image: url(../img/menu/children.png); height: 39px; }
	#submenu .adults a { background-image: url(../img/menu/adults.png); height: 19px; }
	#submenu .older a { background-image: url(../img/menu/older.png); height: 19px; }
	#submenu .disabled a { background-image: url(../img/menu/disabled.png); height: 39px; }
	#submenu .weight a { background-image: url(../img/menu/weight.png); height: 39px; }
	#submenu .guidelines a { background-image: url(../img/menu/guidelines.png); height: 39px; }
#submenu-bottom { margin: 0 10px 0 44px; width:177px; height: 15px; }


.whitebox { float:left; width: 774px; margin-top: 14px; background: url(../img/whitebox-middle.png) left bottom repeat-y; }
.whitebox-top { background: url(../img/whitebox-top.png) right top no-repeat; height: 71px;  }
.whitebox-bottom { background: url(../img/whitebox-bottom.png) left bottom no-repeat; height: 96px; }
.whitebox-middle { margin: -65px 50px -15px 30px; font: 14px arial, halvetica, sans-serif; }



#wrapper-content { background: url(../img/shadow.png) repeat-x top left; padding: 0; float: left; width: 100%; }
	#wrapper-content .main-content { float:left; width: 784px; clear: none; }
	
	#wrapper-content .main-content .homebox { font: 14px arial, halvetica, sans-serif; background: url(../img/homebox.png) right top no-repeat; padding: 2.4em 0 5em 2em; margin: 6px 0 0 0; } 
	#wrapper-content .main-content .homebox p { width: 450px; }

	#wrapper-content .main-content .pdfs { float: right; width: 235px; margin: 2.2em 0 0 0; padding: 0; }
	#wrapper-content .main-content .pdfs .pdfbox { float: right; width: 117px; margin: 0;  padding: 0; text-decoration: none; }
	#wrapper-content .main-content .pdfs .pdfbox h3 { color: #A31C79; padding: 0; margin: 0 0 1em 0; font: bold 13px arial, sans-serif; }
	#wrapper-content .main-content .pdfs .pdfbox img {border:1px solid #CCCCCC;}

#wrapper .bottom-logos { clear: both; display:inline-block; width: 100%; height:75px; }
#wrapper .bottom-logos a { margin-right: 45px; float:right; }
#wrapper .bottom-logos a.littlesteps { float:left; margin-left: 40px }

#footer { background: url(../img/footer.png) center top no-repeat; height: 31px; padding-top:1px; }
	#footer ul { padding:0; list-style: none; margin: 10px 0 0 38px; }
	#footer ul li { float:left; }
	#footer ul li a { float:left; color: #46501F; font-weight: bold;  text-decoration:none; padding: 0 10px; border-right: 1px solid #46501F; }
	#footer ul li a.last { border-right: none; }
	#footer ul li a:hover { color: #000; }