/* HEADER */
#header { border-bottom: 2px solid #e0e0e0; width: 750px; }
#header_inner { height: 74px; }

#searchcontainer {
	text-align: right; 
	height: 42px;
}
#searchcontainer #searchbox { 
	padding: 10px 6px 2px 6px; 
	_padding: 10px 6px 0px 6px; 
	background-color: #ebebeb; 
	border-bottom: 1px solid #e0e0e0; 
	margin: 0px 0px 0px auto;
}
#searchcontainer #search_links { display: inline; margin: 0; padding: 0px 0px 3px 0px; }
#searchcontainer input#search { font-size: 10px; font-family: Arial; color: #666666; width: 120px; height: 14px; padding: 2px 4px 1px 4px; margin: 4px 0px; border: 1px solid #e0e0e0; }
#searchcontainer input#search_btn { margin: 4px 0px; vertical-align: bottom; }

#logo { float: left; width: 191px; height: 27px; /*background-image: url(../img/logo.gif);*/ }
#logo a { width: 191px; height: 27px; display: block; }
#logo a span { display: none; }


/*ul#nav li a { text-decoration: none; color: #666666; font-weight: normal; }
ul#nav li a:hover { text-decoration: none; color: #666666; font-weight: bold; }
*/

/* MAIN NAV */
ul#nav { list-style-type: none; margin: 14px 0px 0px 0px; padding: 0; float: right;  }
ul#nav li { float: left; margin: 0px 0px 0px 10px; }

ul#nav li a span { display: none; }

ul#nav li#nav_home a { display: block; width: 99px; height: 16px; background-image: url(../img/nav_back_to_home.gif); }
ul#nav li#nav_home a:hover { background-image: url(../img/nav_back_to_home_on.gif); }

ul#nav li#nav_find_resources a { display: block; width: 100px; height: 16px; background-image: url(../img/nav_find_resources.gif); }
ul#nav li#nav_find_resources a:hover { background-image: url(../img/nav_find_resources_on.gif); }

ul#nav li#nav_sponsors a { display: block; width: 92px; height: 16px; background-image: url(../img/nav_our_sponsors.gif); }
ul#nav li#nav_sponsors a:hover { background-image: url(../img/nav_our_sponsors_on.gif); }

ul#nav li#nav_comment a { display: block; width: 111px; height: 16px; background-image: url(../img/nav_submit_a_comment.gif); }
ul#nav li#nav_comment a:hover { background-image: url(../img/nav_submit_a_comment_on.gif); }

ul#nav li#nav_suggest a { display: block; width: 93px; height: 16px; background-image: url(../img/nav_suggest_a_site.gif); }
ul#nav li#nav_suggest a:hover { background-image: url(../img/nav_suggest_a_site_on.gif); }

/* CURRENT STATE NAV */
ul#nav li#nav_find_resources_on { width: 100px; height: 16px; background-image: url(../img/nav_find_resources_on.gif);  background-repeat: no-repeat; }
ul#nav li#nav_find_resources_on span { display: none; }
ul#nav li#nav_sponsors_on { width: 92px; height: 16px; background-image: url(../img/nav_our_sponsors_on.gif); background-repeat: no-repeat; }
ul#nav li#nav_sponsors_on span { display: none; }
ul#nav li#nav_comment_on { width: 111px; height: 16px; background-image: url(../img/nav_submit_a_comment_on.gif); background-repeat: no-repeat; }
ul#nav li#nav_comment_on span { display: none; }
ul#nav li#nav_suggest_on { width: 93px; height: 16px; background-image: url(../img/nav_suggest_a_site_on.gif);  background-repeat: no-repeat; }
ul#nav li#nav_suggest_on span { display: none; }

/* FOOTER */
#footer { clear: both; margin: 14px 0px 20px 0px;}
#footer ul#footer-links { display: block; list-style-type: none; padding: 0px 0px 20px 0px; margin: 0px 0px 0px 0px; }
#footer ul#footer-links li { display: block; float: left; margin-right: 10px; } 
#footer ul#footer-links li a { font-size: 11px; font-family: Arial; color: #333; text-decoration: none; }


/* GENERAL STYLES */
a img { border: none; }

body {
	margin: 0; 
	background-color: #fff; 
	background-repeat: repeat-x; 
}
#container_grass {
	background-repeat: repeat-x;
}
#container {
	width: 750px;
	padding-left: 28px;
}
.validation-advice { color: #f00; padding-top: 5px; }

/* HOME & STEPS */
body#home #promos { position: relative; }
body#steps #promos { position: relative; clear: both; margin: 13px 0px 0px 22px; } /* Adjust Promos */
body#steps #footer { padding: 100px 0px 0px 22px; } /* Adjust Footer */

#promos a.featured_link_header { cursor: pointer; cursor: hand; }

#promos h4.promo_subhdr { margin: 12px 0px 0px 0px; padding: 0; }
#promos div.promo_copy { font-size: 12px; font-family: Arial; color: #333; }

#promos #personas { width: 200px; position: absolute; }
#promos #languages { width: 200px; position: absolute; left: 256px; }
#promos #about { width: 180px; position: absolute; /*left: 512px;*/ left: 256px; }

#promos #personas h4#promo_for_parents_guardians {
	height: 14px;
	background-image: url(../img/subhdr_for_parents_guardians.gif);
	background-repeat: no-repeat; 
}
#promos #personas h4#promo_for_parents_guardians span { display: none; }

#promos #personas h4#promo_for_healthcare_professionals {
	height: 14px;
	background-image: url(../img/subhdr_for_healthcare_professionals.gif);
	background-repeat: no-repeat; 
}
#promos #personas h4#promo_for_healthcare_professionals span { display: none; }

div#promos div#languages div.promo_copy a {
	margin-bottom: 5px;
	display: block;
}
#promos #languages h4#promo_other_language_resources {
	height: 14px;
	background-image: url(../img/subhdr_other_languages.gif);
	background-repeat: no-repeat; 
}
#promos #languages h4#promo_other_language_resources span { display: none; }

#promos #about h4#promo_about_chla_and_hope {
	height: 14px;
	background-image: url(../img/subhdr_about_chla_and_hope.gif);
	background-repeat: no-repeat; 
}
#promos #about h4#promo_about_chla_and_hope span { display: none; }

/* STEPS ONLY */
body#steps {
	background-image: url(../img/bg_underground.gif); 
	background-position: 0px 500px;
}
body#steps #content #maincopy { margin: 30px 0px 0px 350px; height: 101px; }
body#steps #content #maincopy #desc { padding: 0px 30px 12px 0px; font-size: 13px; font-family: Arial; color: #353535; line-height: 19px; }

body#steps ul#step_tabs { display: block; list-style-type: none; margin: 0; padding: 0; height: 46px; clear: both; }
body#steps ul#step_tabs li { display: block; float: left; height: 46px; }
body#steps ul#step_tabs li span { display: none; }
body#steps ul#step_tabs li a { display: block; height: 46px; }
	
body#steps ul#chooser { display: block; list-style-type: none; margin: 0; padding: 0; height: 297px; clear: both; }
body#steps ul#chooser li { display: block; float: left; height: 297px; }
body#steps ul#chooser li a { display: block; height: 297px; text-decoration: none; background-repeat: no-repeat;  }
body#steps ul#chooser li a span { display: none; }

body#steps #promos #personas h4#promo_for_parents_guardians {
	background-image: url(../img/subhdr_for_parents_guardians_grey.gif);
}
body#steps #promos #personas h4#promo_for_healthcare_professionals {
	background-image: url(../img/subhdr_for_healthcare_professionals_grey.gif);
}
body#steps #promos #languages h4#promo_other_language_resources {
	background-image: url(../img/subhdr_other_language_resources_grey.gif);
}
body#steps #promos a { color: #333; text-decoration: none; }


/* TEXT AND FORM LAYOUTS */
body#general #maincopy { margin: 44px 0px 0px 234px; width: 500px; font-size: 12px; font-family: Arial; color: #333;}
body#general #maincopy h2 { color: #ff3399; font-family: Georgia; font-size: 18px; font-weight: normal; margin: 0px 0px 10px 0px; padding: 0;}
body#general #maincopy h3 { color: #ff3399; font-family: arial; font-size: 12px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0;}
body#general #maincopy h4 { font-family: arial; font-size: 12px; font-weight: normal; font-style: italic; margin: 15px 0px; padding: 0; }
body#general #maincopy p { margin: 0px 0px 15px 0px; padding: 0; line-height: 18px; }
body#general #maincopy a { color: #666; }

#bg_grass_text { height: 103px; background-image: url(../img/bg_grass_text.jpg); }
#footer_outer { margin-left: 27px; }