/* CSS Document */

html {
margin:0pt auto;
padding:0px;
}

body {
text-align:center;
margin:0pt auto;
max-width:881px;
padding:50px 0px 0px 0px;
background-color:#a9cfe9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666667;
background-image:url(images/bg.gif);
background-repeat:repeat-x;
padding-bottom:40px;
}

a {
color:#3c6cac;
text-decoration:none;
font-weight:bold;
}

a:hover{
color:#78bde8;
}

#pageholder{
float:left;
width:881px;
height:auto;
margin:0pt auto;
background-image:url(images/content_bg.gif);
background-repeat:repeat-y;
line-height:18px;

}

#pageholder img{
float:left;}

html>body #pageholder {float:left;}




#banner{
height:240px;
width:881px;
background-color:#FFFFFF;
background-image:url(images/banner.jpg);
background-repeat:no-repeat;
display:block;
}


/* Navigation */

#nav, #nav ul { /* all lists */
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav {
padding-left: 0px;
}

#nav ul li {
padding-left: 0px;
}

#nav ul li a img {
border:0px;
}

#nav a {
	display: block;
}

#nav li { /* all list items */
	float: left;
	width:auto; /* width needed or else Opera goes nuts */
}

#nav li:hover {background-position: 0 0}

#nav ul li a{float: left;}

#nav ul li a.home{
background-image:url(images/home_btn.gif);
height:80px;
height:30px;
border-right:1px solid #FFFFFF;
display:block;}

#nav ul li a.about-us{
background-image:url(images/about-us_btn.gif);
height:111px;
height:30px;
border-right:1px solid #FFFFFF;
display:block;}

#nav ul li a.faqs{
background-image:url(images/faqs_btn.gif);
height:73px;
height:30px;
border-right:1px solid #FFFFFF;
display:block;}

#nav ul li a.resource{
background-image:url(images/resource_btn.gif);
height:217px;
height:30px;
border-right:1px solid #FFFFFF;
display:block;}

#nav ul li a.education{
background-image:url(images/education_btn.gif);
height:124px;
height:30px;
border-right:1px solid #FFFFFF;
display:block;}

#nav ul li a.links{
background-image:url(images/links_btn.gif);
height:75px;
height:30px;
border-right:1px solid #FFFFFF;
display:block;}

#nav ul li a.games{
background-image:url(images/games_btn.gif);
height:88px;
height:30px;
border-right:1px solid #FFFFFF;
display:block;}

#nav ul li a.contact{
background-image:url(images/contact_btn.gif);
height:106px;
height:30px;
display:block;}

#nav ul li a.home:hover{
background-position:-80px;}

#nav ul li a.about-us:hover{
background-position:-111px;}

#nav ul li a.faqs:hover{
background-position:-73px;}

#nav ul li a.resource:hover{
background-position:-217px;}

#nav ul li a.education:hover{
background-position:-124px;}

#nav ul li a.links:hover{
background-position:-75px;}

#nav ul li a.games:hover{
background-position:-88px;}

#nav ul li a.contact:hover{
background-position:-106px;}

#nav li ul { /* second-level lists */
	position: absolute;
	padding-top:1px;
	width:115px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	position:absolute;
}

/* second level */

#nav li ul a:link, #nav li ul a:visited{

width:300px;
height:20px;
line-height:20px;
display:block;
text-decoration:none;
text-transform:none;
text-align:left;
font-size:12px;
margin:0px;
color:#FFFFFF;
background-color:#3c6cac;
padding:3px 5px 5px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top:1px solid #FFFFFF;
}


/* second level */
#nav li ul a:hover{
background-color:#78bde8;
color:#FFFFFF;}

#content-holder{
width:881px;
height:auto;
text-align:left;
background-color:#fdfae9;
}

/* For Request a Resource Page */
#content-holder_resource{
width:839px;
height:auto;
text-align:left;
background-color:#fdfae9;
padding-left:23px;
padding-right:19px;
padding-top:23px;
padding-bottom:20px;
}

#content-holder_resource img{
float:none;}


#lhs-column{
width:240px;
height:auto;
padding:23px 32px 0px 23px;
float:left;
background-image:url(images/top-left_corner.gif);
background-position:left top;
background-repeat:no-repeat;
} 

#lhs-column img{
float:left;
padding-bottom:15px;
}

#rhs-column{
width:567px;
padding:23px 19px 20px 0px;
float:left;
background-image:url(images/top-right_corner.gif);
background-position:right top;
background-repeat:no-repeat;
} 

/* For FAQs Page */
#lhs-column2{
width:230px;
height:auto;
padding:23px 32px 0px 23px;
float:left;
} 

#lhs-column2 img{
float:left;}

#rhs-column2{
width:577px;
padding:23px 19px 20px 0px;
float:left;
}

#rhs-column2 img{
float:left;}

#blue-line_middle{
float:left;
background-image:url(images/middle.gif);
background-repeat:no-repeat;
width:881px;
height:17px;
}

.btm-images1{
padding:14px 19px 14px 23px;
}

.btm-images2{
padding:14px 19px 14px 0px;
}

#footer{
float:left;
background-image:url(images/footer_bg.gif);
background-repeat:no-repeat;
width:881px;
height:29px;
text-align:center;
font-size:11px;
color:#FFFFFF;
line-height:28px;
padding-bottom:40px;
}

#footer a{
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
}

#footer a:hover{
color:#78bde8;
text-decoration:none;
font-weight:normal;
}

.blue{
color:#3c6cac;
}

h1 {
color:#3c6cac;
font-size:14px;
font-weight:bold;
}

.ordered-list{
list-style:decimal;
}

.backtotop{
font-size:10px;
font-weight:normal;
}

td {
padding-right:35px;
padding-top:10px;
vertical-align:bottom;
font-size:10px;
line-height:normal;
}

.text {
padding-right:35px;
padding-top:10px;
vertical-align:top;
font-size:10px;
line-height:normal;
}

.text_form {
vertical-align:top;
font-size:11px;
line-height:normal;
}

.border{
border:1px #CCCCCC solid;
padding:10px;
}

.list{
list-style:circle;
}

#animation{
padding-top:14px;
padding-left:8px;
padding-right:37px;
float:right;
}

.clearboth{
clear:both;
}

/**table of survey**/
table#survey textarea{
width:450px;
height:80px;
}


.surveyAnimation{
padding:35px 10px 10px 630px;
border:none;
}

.womenSurveyAnimation{
padding:7px 10px 0px 630px;
border:none;
}

form#womenSurvey td{
vertical-align:top;
}