@charset "UTF-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}


body{
margin: 0;
font-size: 12px;
text-align: center;
vertical-align: top;
color: #000000;
background-image:url(images/teen_health_background.png);
background-position:top center;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#4e4e5c;
}


p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height: 18px;
}


h1{
font-family: 'Neucha', arial, serif;
color:#0d4450;
font-size:60px;
margin-bottom: 30px;
}


h2{
font-family: 'Neucha', arial, serif;
color:#ad8f40;
font-size:24px;
margin-bottom: 10px;
}


h3{
font-family: 'Neucha', arial, serif;
color:#0d4450;
font-size:48px;
margin-top: 10px;
}


.white-text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
}


.blue-text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#6ab6c6;
}


.blue-link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#6ab6c6;
text-decoration:underline;
}



.float-right{
float:right;
margin: 10px 100px 10px 10px;
}





#container{
margin:auto;
width:1170px;
}





#header{
background-image:url(images/header.png);
background-repeat:no-repeat;
background-position:top;
height:136px;
padding: 20px 10px 0 0;
text-align:right;
}

#teen-logo{
float:left;
padding: 30px 0 0 20px;
}

#211-logo{
}


#white-box{
background-color:#FFFFFF;
margin:0 38px 0 40px;

}


#menu-image-box{
float:left;
text-align:left;
margin: 0 0 0 20px;
padding:50px 0 0 50px;
background-image:url(images/menu.png);
background-repeat:no-repeat;
background-position:top-left;
height:650px;
width:312px;
}


a{
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#405497;
}

a:hover{
text-decoration:underline;
}



#navlist{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #FFFFFF;
width: 215px;
text-align:left;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 5px;
border-top: 1px solid #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#405497;
}

#navlist li a { 
color:#405497;
text-decoration: none;
display: block;
 }

#navlist li:hover{
background-color:#FFFFFF;

}



#navlist2{
padding-left: 10px;
margin: 0 0 30px 0;
text-align:left;
}

#navlist2 li
{
list-style: none;
margin: 0;
padding: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#navlist2 li a { 
color:#666666;
text-decoration: none; }

#navlist2 a:hover{
color:#59a7b7;
text-decoration:underline;
}




#content-header2{
margin-left: 60px;
margin-right:300px;
padding: 20px 0 0px 0;
text-align:left;
}


#content-box{
margin-left: 320px;
padding: 20px 0 0 0;
text-align:left;
}






#link-list{
width: 300px;
float:left;
}


#link-list2{
width: 600px;
float:left;
}


#teen-image{
margin-left: 310px;
}


#footer{
clear:both;
background-image:url(images/footer.png);
background-repeat:no-repeat;
background-position:bottom;
text-align:center;
}


#footer-text{
padding:45px 0 10px 0;
}