@charset "utf-8";
/* CSS Document */
/* CSS Generated by Primer - primercss.com */

html, body {
    height: 100%;
    margin:0;
    padding:0;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    background:#000066 url(../images/bg-body.jpg) repeat-y top center;
    color:#232323;
}
/*  ###  SITE CONTAINERS    */
div#container-wrapper {
    position:relative;
}
div.container {
    position:relative;
    width:960px;
    margin:0 auto;
    background:#fffacc url(../images/bg-header.jpg) no-repeat center top;
}
a#top {
    position: absolute;
    left: -1000px;
}
p.top {
    clear: left;
    padding-left:20px;
}
fieldset, form, a img {
    margin:0;
    padding:0;
    border:none;
}
#print_logo{
    display: none;
}
#logo {
    font-size: 1px;
    font-weight: normal;
    height: 80px;
    margin: 0 0 113px;
    text-indent: -200%;
    width: 440px;
}
#logo a {
    display: inline;
    float: left;
    height: 80px;
    position: relative;
}
#logo a.niehs {
    margin-right: 4px;
    width: 255px;
}
#logo a.kids {
    width: 180px;
}
html body a:hover {
    color:#C60 !important;
}
#skip-nav {
    left: -10000px;
    position: absolute;
    top: auto;
}
/* It is used for the section of "file assistance: free downloads for viewing files" */
div#download-player-list {
    clear: both;
    margin: 0 20px 20px 20px;
    border: 1px solid #a0b48c;
}
div#download-player-list p {
    color: #3c5629;
    font-weight: bold;
    padding: 2px 5px 2px 10px;
}
.hidden {
    visibility: hidden;
}
/*  ###  BASIC NAV STYLE PREP */
.nav {
    margin:0;
    padding:0;
    list-style-type:none;
}
.nav.h {
}
.nav.h li {
    list-style-type:none;
    float:left;
    margin:0;
    padding:0;
}
.nav.h li a {
}
.nav.h li a:hover {
}
.nav.inline {
    display:inline;
}
.nav.inline li {
    list-style-type:none;
    display:inline;
}
.nav.inline li a {
    display:inline;
}
.nav.inline li a:hover {
}
/*  ###  MAIN NAVIGATION    */
ul#main-nav {
    height: 74px;
    left: 15px;
    position: absolute;
    top: 99px;
    width: 898px;
}
ul#main-nav li {
    display:block;
    height:71px;
}
ul#main-nav li a {
    display:block;
    height:71px;
    text-indent:-200%;
    overflow:hidden;
    border:none;
    text-decoration:none;
}
ul#main-nav li a:hover {
}
#main-nav li.skip-nav {
    position:absolute;
    left:-900em;
    width:2px;
    height:2px;
}
#main-nav li.skip-nav a {
    width:2px;
    height:2px;
}
#main-nav li.home {
    width:123px;
}
#main-nav li.home a {
    background: url(../images/nav-main-home.png) no-repeat left top;
}
#main-nav li.home a:hover, #main-nav li.home a.active, #main-nav li.home a#current, #main-nav li.home a#current2 {
    background-position:bottom;
}
#main-nav li.explore {
    width:141px;
}
#main-nav li.explore a {
    background: url(../images/nav-main-explore.png) no-repeat left top;
}
#main-nav li.explore a:hover, ul#main-nav li a:focus, #main-nav li.explore a.active, #main-nav li.explore a#current, #main-nav li.explore a#current2 {
    background-position:bottom;
}
#main-nav li.word {
    width:141px;
}
#main-nav li.word a {
    background: url(../images/nav-main-word.png) no-repeat left top;
}
#main-nav li.word a:hover, #main-nav li.word a.active, #main-nav li.word a#current, #main-nav li.word a#current2 {
    background-position:bottom;
}
#main-nav li.science {
    width:143px;
}
#main-nav li.science a {
    background: url(../images/nav-main-scientific.png) no-repeat left top;
}
#main-nav li.science a:hover, #main-nav li.science a.active, #main-nav li.science a#current, #main-nav li.science a#current2 {
    background-position:bottom;
}
#main-nav li.games {
    width:137px;
}
#main-nav li.games a {
    background: url(../images/nav-main-games.png) no-repeat left top;
}
#main-nav li.games a:hover, #main-nav li.games a.active, #main-nav li.games a#current, #main-nav li.games a#current2 {
    background-position:bottom;
}
#main-nav li.parents {
    width:212px;
    height:40px;
    float:right;
}
#main-nav li.parents a {
    height:40px;
    background: url(../images/nav-main-parents.png) no-repeat left top;
}
#main-nav li.parents a:hover, #main-nav li.parents a.active, #main-nav li.parents a#current, #main-nav li.parents a#current2 {
    background-position:bottom;
}
/*  ###   SEARCH FORM*/
form#search {
    height: 45px;
    position: absolute;
    right: 10px;
    top: 30px;
    width: 213px;
}
form#search label {
    display:block;
    width:1px;
    height:1px;
    text-indent:-200%;
    overflow:hidden;
}
form#search input[type="text"] {
    width:155px;
    height:24px;
    line-height:24px;
    padding:4px;
    margin:4px 0;
    border:1px solid #A20000;
    background-color:#fffacc;
    float:left;
    color:#792828;
    font-size:14px;
    font-family:Verdana, Geneva, sans-serif;
    font-weight:bold;
}
form#search .search-submit {
    float:right;
    width:45px;
    height:45px;
}
/*  ###   CONTACT NAV   */
ul#contact-nav {
    position:absolute;
    top:0;
    right:40px;
    height:21px;
    line-height:21px;
    color:#ffffac;
}
ul#contact-nav li {
}
ul#contact-nav li a {
    padding:0 5px;
    border-right:1px solid #792828;
    color: #792828;
    text-decoration: underline;
    font-weight: bold;
    font-size: 13px;
}
ul#contact-nav li:last-child a {
    border-right:0;
}  /*  if you make changes here make changes to the rules in ie.psuedo.js or they won't show in IE */
/*  ###   CRUMBTRAIL NAV   */
div.crumbtrail {
    display:block;
    margin:0 10px;
    padding:0 15px;
    height:40px;
    font:bold 14px/40px Verdana, Geneva, sans-serif;
    background-color:#FFC036;
    -moz-border-radius: 8px;
    border-radius:8px;
    -webkit-border-radius:8px;
    color:#A10000;
}
div.crumbtrailpt {
    display:block;
    margin:0 10px;
    padding:0 15px;
    height:40px;
    font:bold 14px/40px Verdana, Geneva, sans-serif;
    background-color:#ffc036;
    -moz-border-radius: 8px;
    border-radius:8px;
    -webkit-border-radius:8px;
    color:#A10000;
}
div.crumbtrail a {
    color:#A10000
}
div.crumbtrailpt a {
    color:#A10000
}
div.crumbtrail a:hover {
    text-decoration:underline;
}
div.crumbtrailpt a:hover {
    text-decoration:underline;
}
div.crumbtrail a.active {
    text-decoration:none;
}
div.crumbtrailpt a.active {
    text-decoration:none;
}
/*  USER-CONTROLS  */
#user-controls {
    float: right;
    display: block;
    padding: 0;
}
#user-controls span {
    display: none;
}
#user-controls li {
    line-height: 15px;
    float: left !important;
    display: inline-block !important;
    list-style-type: none;
}
a#printthispage {
    background: url(../images/printer.gif) no-repeat left center;
    padding-right: 10px;
    text-decoration: none;
}
a.addthis-niehs-button {
    float: right;
    right: 0px;
    margin-left: 10px;
    text-decoration: underline !important;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/addthis.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 20px;
}
a.addthis-niehs-button:hover {
    text-decoration: underline !important;
    cursor: pointer;
}
/*  ###   CONTENT    */
/***************************************************/
.landing h1 {
    margin:15px 0 0 20px;
    font-family:Verdana, Geneva, sans-serif;
}
.interior h1 {
    height:80px;
    margin:15px 10px 0 10px;
    padding-left:22px;
    font:bold 18px/80px Verdana, Geneva, sans-serif;
    color:#fff;
    background-color:#5B9558;
    -moz-border-radius: 8px;
    border-radius:8px;
    -webkit-border-radius:8px
}
h1.interiorpt {
    height:80px;
    margin:15px 10px 0 10px;
    padding-left:22px;
    font:bold 18px/80px Verdana, Geneva, sans-serif;
    color:#fff;
    background-color:#5b9558;
    -moz-border-radius: 8px;
    border-radius:8px;
    -webkit-border-radius:8px
}
span.hidden {
    visibility: hidden;
}
div.prevnext {
    clear: both;
    margin: 50px 0 0 0;
    padding: 0;
    position: relative;
}
div.prevnext a {
    margin-right: 10px;
}
div.prevnext a.next, div.prevnext a.prev {
    text-decoration: none;
}
div.prevnext a.next {
    padding: 30px 80px 0 110px;
    background: url(../images/next_but.jpg) top left no-repeat;
}
div.prevnext a.prev {
    padding: 30px 80px 13px 45px;
    display: inline-block;
    background: url(../images/previous_but.jpg) top left no-repeat;
}
div#content {
    float:left;
    padding-left:20px;
    width:544px;
    margin-top:0px;
}
ul#space, ol#space {
    margin-bottom: 15px;
}
#space li {
    margin-bottom: 15px;
}
.interior div#content {
    padding:20px;
    width:650px;
}
.interior div#content.songs {
    width:857px;
    padding-left: 50px;
}
div#content .columns-2 {
    float:left;
    margin-right:10px;
    width: 315px;
}
/*  ###  TOPICS   */
#topics, .topics {
    margin-top:20px;
}
#topics h2, .topics h2 {
    position:absolute;
    top:0;
    left:-900em;
}
#topics ul, .topics ul {
    margin:0;
    padding:0;
    list-style-type:none;
    width:544px;
}

.width-fix #topics ul,
.width-fix .topics ul { width:auto;}
.interior #topics ul li, .interior .topics ul li {
    list-style-type:none;
    overflow:hidden;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 75;
}
.interior #topics .nav, .interior .topics .nav {
    margin: 0px;
    padding: 0px;
}
#topics ul li.enviro, .topics ul li.enviro {
    background-image: url(../images/topic_envirohealth.jpg);
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 75px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-bottom: 0px;
}
#topics ul li.enviropt, .topics ul li.enviropt {
    background-image: url(../images/topic_envirohealth_pt.jpg);
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 75px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-bottom: 0px;
}
#topics ul li.enviro a, .topics ul li.enviro a {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}
#topics ul li.enviropt a, .topics ul li.enviropt a {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}
#topics ul li.healthy, .topics ul li.healthy {
    background-image: url(../images/topic_healthy.jpg);
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 75px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-bottom: 0px;
}
#topics ul li.healthy a, .topics ul li.healthy a {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}
#topics ul li.natural, .topics ul li.natural {
    background-image: url(../images/topic_natural.jpg);
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 75px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-bottom: 0px;
}
#topics ul li.natural a, .topics ul li.natural a {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}
#topics ul li.recycling, .topics ul li.recycling  {
    background-image: url(../images/topic_recycling.jpg);
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 75px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-bottom: 0px;
}
#topics ul li.recycling a, .topics ul li.recycling a {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}
#topics ul li.misc a, .topics ul li.misc a {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}
#topics ul li.misc, .topics ul li.misc {
    background-image: url(../images/crayon_bar.jpg);
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 75px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-bottom: 0px;
}

#topics ul li.childrens a, #topics ul li.favorites a, #topics ul li.holidays a, #topics ul li.movies a, #topics ul li.patriotic a, #topics ul li.guess a, #topics ul li.oldies a, .topics ul li.childrens a, .topics ul li.favorites a, .topics ul li.holidays a, .topics ul li.movies a, .topics ul li.patriotic a, .topics ul li.guess a, .topics ul li.oldies a {
    margin: -30px 0 -20px -70px;
    padding: 30px 0 10px 70px;
}
/*#topics ul li.childrens a, #topics ul li.favorites a, #topics ul li.holidays a, #topics ul li.movies a, #topics ul li.patriotic a, #topics ul li.guess a, #topics ul li.oldies a {
	  margin: 0px;
	  padding-top: 0px;
	  padding-right: 0px;
	  padding-bottom: 2px;
	  padding-left: 0px;
}*/
/*#topics ul li.childrens, #topics ul li.favorites, #topics ul li.holidays, #topics ul li.movies, #topics ul li.patriotic, #topics ul li.guess, #topics ul li.oldies, .topics ul li.childrens, .topics ul li.favorites, .topics ul li.holidays, .topics ul li.movies, .topics ul li.patriotic, .topics ul li.guess, .topics ul li.oldies {
    background-image: url(../images/music_bar.jpg);
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 75px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-bottom: 0px;
}
#topics ul li.happy a, #topics ul li.birds a, #topics ul li.outdoors a, #topics ul li.growing a, #topics ul li.help a, #topics ul li.more a, #topics ul li.veggies a, #topics ul li.watery a, #topics ul li.coloringbooks a,#topics ul li.science a,#topics ul li.scientist a,*/
.topics ul li.happy a, .topics ul li.birds a, .topics ul li.outdoors a, .topics ul li.growing a, .topics ul li.help a, .topics ul li.more a, .topics ul li.veggies a, .topics ul li.watery a, .topics ul li.coloringbooks a, .topics ul li.scientist a, .topics ul li.science a{
    margin: -30px 0 -20px -70px;
    padding: 30px 0 30px 70px;
}
/*#topics ul li.happy a, #topics ul li.birds a, #topics ul li.outdoors a, #topics ul li.growing a, #topics ul li.help a, #topics ul li.more a, #topics ul li.veggies a, #topics ul li.watery a, #topics ul li.coloringbooks a {
	  margin: 0px;
	  padding-top: 0px;
	  padding-right: 0px;
	  padding-bottom: 2px;
	  padding-left: 0px;
  }*/
/*#topics ul li.happy, #topics ul li.birds, #topics ul li.outdoors, #topics ul li.growing, #topics ul li.help, #topics ul li.more, #topics ul li.veggies, #topics ul li.watery, #topics ul li.coloringbooks,#topics ul li.science,#topics ul li.scientist,*/
.topics ul li.happy, .topics ul li.birds, .topics ul li.outdoors, .topics ul li.growing, .topics ul li.help, .topics ul li.more, .topics ul li.veggies, .topics ul li.watery, .topics ul li.coloringbooks, .topics ul li.science, .topics ul li.scientist {
    background-image: url(../images/crayon_bar.jpg);
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 75px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-bottom: 0px;
}
.interior #topics ul li ul li > p, .interior .topics ul li ul li > p { /*Young*/
    width: 225px;
}
.interior #topics ul li ul, .interior .topics ul li ul {
    /*text-decoration: underline;*/			/*Young - commented out*/
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#topics ul li ul li {
}
.interior #topics ul li ul li a, .interior .topics ul li ul li a {
    font-weight: normal;
    color: #212121;
    text-decoration: underline;
    font-size: 11px;
    padding: 0px;
    margin:0;
}
.interior #topics ul li a, .interior .topics ul li a {
    width:225px;
    height:25px;
}
#topics ul li a, .topics ul li a {
    display:block;
    width:152px;
    height:82px;
    padding:10px;
    margin:0 10px 10px 0;
    font:bold 13px/1.4em Verdana, Geneva, sans-serif;
    text-decoration:none;
    color:#A20000;
    letter-spacing:-.5px;
}
a.file-link, a.file-link :hover {
    text-decoration: none;
}
span.exit {
    background: url(../images/exit.gif) no-repeat scroll center center transparent !important;
    padding: 0 13px 0 0;
    position: relative;
}
span.pdf-logo, span.doc-logo, span.xls-logo, span.ppt-logo, span.mov-logo, span.mp3-logo, span.mp4-logo, span.ram-logo, span.zip-logo, span.swf-logo, span.wmv-logo, span.wpd-logo {
    padding: 3px 21px 0 0;
    position: relative;
}
span.xml-logo {
    padding: 3px 15px 0 0;
    position: relative;
}
span.pdf-logo {
    background: url(../images/pdf.gif) no-repeat right bottom;
}
span.doc-logo {
    background: url(../images/doc.gif) no-repeat right center;
}
span.xls-logo {
    background: url(../images/xls.jpg) no-repeat right center;
}
span.ppt-logo {
    background: url(../images/ppt.gif) no-repeat right center;
}
span.mov-logo {
    background: url(../images/mov.gif) no-repeat right center;
}
span.mp3-logo {
    background: url(../images/mp3.gif) no-repeat right center;
}
span.mp4-logo {
    background: url(../images/mp4.gif) no-repeat right center;
}
span.ram-logo {
    background: url(../images/ram.gif) no-repeat right center;
}
span.zip-logo {
    background: url(../images/zip.gif) no-repeat right center;
}
span.swf-logo {
    background: url(../images/swf.gif) no-repeat right center;
}
span.wmv-logo {
    background: url(../images/wmv.gif) no-repeat right center;
}
span.wpd-logo {
    background: url(../images/wpd.gif) no-repeat right center;
}
span.xml-logo {
    background: url(../images/feedicon.gif) no-repeat right center;
}
span.printurl {
    display: none;
}
#topics ul li a:hover {
    color:#212121 !important;
}
#topics ul li a:focus {
    color:#212121 !important;
}
#topics li.environmental-health-science {
    background: url(../images/topic-enviro-health.jpg) no-repeat 0 0;
}
#topics li.recycling-sustainability {
    background: url(../images/topic-recycle.jpg) no-repeat 0 0;
}
#topics li.natural-world {
    background: url(../images/topic-natural.jpg) no-repeat 0 0;
}
#topics li.natural-world a {
    margin-right:0;
}
#topics li.healthy-living {
    background: url(../images/topic-healthy.jpg) no-repeat 0 0;
}
#topics li.pollution {
    background: url(../images/topic-pollution.jpg) no-repeat 0 0;
}
#topics li.protecting-people {
    background: url(../images/topic-protect.jpg) no-repeat 0 0;
    margin-right:0;
}
#topics li.ehs, #topics li.qweqwe {
    background-image: url(../images/enviro_l_but.jpg);
}
#topics li.reduce {
    background-image: url(../images/recycle_l_but.jpg);
}
#topics li.nworld {
    background-image: url(../images/natural_l_but.jpg);
}
#topics li.hliving {
    background-image: url(../images/healthy_l_but.jpg);
}
#topics li.pollute {
    background-image: url(../images/pollution_l_but.jpg);
}
#topics li.scienceworks {
    background-image: url(../images/scienceworks_l_but.jpg);
}
#topics li.protecting-people a {
    margin-right:0;
}
.landing #content, .landing #content #topics ul {
    width: 700px;
}
.landing #content #topics li {
    margin:0 10px 10px 0;
    float:left;
    display:block;
    height: 189px;
    width: 223px;
}
.landing #content #topics li a {
    display:block;
    padding:20px;
    height: 149px;
    width: 183px;
    font-size:16px;
    letter-spacing:1px;
}
.landing #content #topics li a > span {
    width: 120px !important;
    display:inline-block;
}
.landing #content #topics a:hover {
    color: #212121;
}
.landing #content #topics a:focus {
    color: #212121;
}
.float-right {
    float: right;
    margin: 0 0 10px 15px;
}
.float-left {
    float: left;
    margin: 0 15px 10px 0;
}
#topics .jokes {
    background-image: url(../images/topic_jokes.jpg);
}
#topics .links {
    background-image: url(../images/topic_links_pt.jpg);
}
#topics .illusions {
    background-image: url(../images/topic_illusions.jpg);
}
#topics .expert {
    background-image: url(../images/topic_expert_pt.jpg);
}
#topics .riddles {
    background-image: url(../images/topic_riddles.jpg);
}
.landing #content #topics .newsletter {
    background-image: url(../images/topic_newsletter_pt.jpg);
}
#topics .puzzles {
    background-image: url(../images/topic_games.jpg);
}
#topics .factsheets {
    background-image: url(../images/topic_factsheet_pt.jpg);
}
#topics .coloring {
    background-image: url(../images/topic_coloring.jpg);
}
#topics .healthykids {
    background-image: url(../images/topic_healthy_pt.jpg);
}
#topics .songs {
    background-image: url(../images/topic_songs.jpg);
}
#topics .lessons {
    background-image: url(../images/topic_lessons_pt.jpg);
}
#topics .kidsview {
    background-image: url(../images/kidsview_but.jpg);
}
#topics .experiments {
    background-image: url(../images/experiments_but.jpg);
}
#topics .activities {
    background-image: url(../images/activities_but.jpg);
}
#topics .quizzes {
    background-image: url(../images/quizzes_but.jpg);
}
#topics .blank1 {
    background-image: url(../images/blank1_but.jpg);
}
#topics .blank2 {
    background-image: url(../images/blank2_but.jpg);
}
#topics .lksongs {
    background-image: url(../images/lk_songs_but.jpg);
}
#topics .lkcoloring {
    background-image: url(../images/lk_coloring_but.jpg);
}
#topics .lklinks {
    background-image: url(../images/lk_links_but.jpg);
}
/*Green callout box, added Nov 16 to address 508 error*/
div.greencallout {
    background-color: #B5CC88;
    width:   450px;
    padding: 10px;
    border: 1px solid black;
}
/*  ###   CAROUSEL   */
div.carousel-wrapper {
    position:relative;
    width:544px;
    height:274px;
    overflow:visible;
}
div#carousel {
    width:544px;
    height:274px;
    overflow:hidden
}
#carousel h3 {
    position:absolute;
    top:0;
    left:-900em;
}
ul#banners {
    display:block;
    width:2176px
}
ul#banners li {
    position:absolute;
    width:544px;
    height:274px;
}
ul#banners li em {
    display:block;
    width:10px;
    height:10px;
    text-indent:-200%;
}
ul#banners li a {
    display:block;
    width:544px;
    height:274px;
    text-decoration:none;
}
#banners li a img {
    border:none;
}
.carousel-wrapper #banner-control {
    margin:0;
    padding:0;
    position:absolute;
    bottom:-15px;
    left:30px;
    width:178px;
    height:38px;
    z-index:100;
}
.carousel-wrapper #banner-control li {
    display:block;
    width:38px;
    height: 38px;
    margin-right:5px;
    overflow:hidden;
}
.carousel-wrapper #banner-control li a {
    display:block;
    width:38px;
    height:38px;
    border:none;
    text-indent:-200%;
}
.carousel-wrapper #banner-control li.active a {
    background-position:bottom;
}
#banner-control .one a {
    background: url(../images/button-1.png) no-repeat 0 0;
}
#banner-control .two a {
    background: url(../images/button-2.png) no-repeat 0 0;
}
#banner-control .three a {
    background: url(../images/button-3.png) no-repeat 0 0;
}
#banner-control .four a {
    background: url(../images/button-4.png) no-repeat 0 0;
}
/*  ###   LEFT SIDE BAR   */
/***************************************************/
div#sidebar-left {
    float: left;
    margin-top: -10px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    width: 141px;
    z-index: 100;
}
div#highlights {
    overflow:hidden;
}
html body #highlights .head {
    display:block;
    position:relative !important;
    width:141px;
    height:131px;
    background:url(../images/bg-left-sidebar.png) no-repeat center top;
}
html body #highlights .head img {
    position:absolute !important;
    bottom:5px;
    left:8px;
} /* the image  must be  123px wide and must have a height no greater than 68px to fit properly here */
#highlights .copy {
    display:block;
    background-color:#9FBC3E;
    padding:0 10px 10px 10px;
    overflow:hidden;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
#highlights .copy p, #highlights .copy h3 {
    margin-top:0px;
}
#highlights .copy h3 {
    margin-bottom:5px;
    color:#fff;
}
a.more-button {
    display:block;
    float:right;
    margin:10px 0 0 0;
    width:77px;
    height:34px;
    background: url(../images/button-more.png) no-repeat 0 0;
    text-indent:-200%;
}
/*  ###   RIGHT SIDE BAR   */
/***************************************************/
div#sidebar-right {
    position:relative;
    float:right;
    margin-right:10px;
    margin-top:-35px;
    width:220px;
}
.landing #sidebar-right {
    margin-top:0;
}
/*  ###   POLL   */
div.poll {
    font:13px/1.5em Verdana, Arial, Helvetica, sans-serif;
}
div.quick {
    color:#fff;
}
.poll .field {
    clear:both;
    overflow:hidden;
    zoom:1;
    margin-bottom:10px;
}
.poll h3 {
    margin:0 !important;
    padding:0 !important;
    width:220px;
    height:61px;
    background: url(../images/title-hey-you.png) no-repeat 0 0;
    text-indent:-200%;
    overflow:hidden;
}
.poll fieldset {
    padding:0 15px 15px 15px;
    background-color:#9FBC3E;
    overflow:hidden
}
.poll p {
    margin-top:0;
}
.poll input[type="radio"] {
    height:20px;
    margin:0;
    padding:0;
    clear:left;
    float:left;
}
.poll label {
    float:right;
    width:170px;
    line-height:20px;
}
.poll div.vote {
    display:block;
    clear:both;
    float:right;
    margin-top:10px;
}
/*.poll input[type="image"] {
	  display:block;
	  clear:both;
	  float:right;
	  margin-top:10px;
}*/
div.quick {
    color:#fff !important;
}
/*  ###   PROMO   */
div#promo {
    padding:0px 10px 5px 10px;
    margin-top:18px;
    background:#9FBC3E url(../images/bg-promo.jpg) repeat-x 0 0;
    overflow:visible;
}
div#promopt {
    padding:0px 10px 5px 10px;
    margin-top:18px;
    overflow:visible;
    background-color: #CCCC99;
    background-image: url(../images/bg-promopt.jpg);
    background-repeat: repeat-x;
    background-position: 0 0;
}
#promo h3 {
    margin-top:-10px;
    margin-bottom:15px;
    font-size:14px;
}
#promo label {
    float:left;
    width:170px;
    line-height:20px;
    font:bold 13px/1.5em Verdana, Arial, Helvetica, sans-serif;
}
#promo input[type="radio"] {
    height:20px;
    margin:0 5px 0 0;
    padding:0;
    clear:left;
    float:left;
}
#promo p {
    margin:5px 0;
    font-size:13px;
    line-height:1.4em;
}
#promo .field {
    clear:both;
    overflow:hidden;
    zoom:1;
    margin-bottom:8px;
}
#promopt p {
    margin:5px 0;
    font-size:13px;
    line-height:1.2em;
}
#promo img {
    margin-top:-15px;
}
#promopt img {
    margin-top:-15px;
}
#promo a.button {
    display:block;
    text-align:right;
}
#promo a.button2 {
    display:block;
    text-align:left;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#promopt a.button {
    display:block;
    text-align:right;
}
/* ### WRAPPER  */
#sidebar-right .wrapper {
    display:block;
    padding:20px;
    margin:20px 0;
    background-color:#9FBC3E;
}
#sidebar-right .wrapperpt {
    display:block;
    padding:20px;
    margin:20px 0;
    background-color:#AEC95E;
}
/*  ###  FOOTER   */
/***************************************************/
div#footer-wrapper {
    position: relative;
    margin: 0 auto;
    width:960px;
    clear:both;
    padding:52px 0 20px 0;
    background:#FFC036 url(../images/bg-footer-cap.gif) no-repeat center top;
    font-size:11px;
}
div#footerpt-wrapper {
    position: relative;
    margin: 0 auto;
    width:960px;
    clear:both;
    padding:52px 0 20px 0;
    font-size:11px;
    background-color: #CCCC99;
    background-image: url(../images/bg-footer-cappt.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
#footer {
    padding:0 20px;
    color:#792828;
}
div#callout.frog {
    height: 157px;
    margin-bottom: -20px;
    position: relative;
    top: 10px;
    width: 132px;
    z-index: 1;
}
div#callout.frog a {
    display:block;
}
#footer a {
    color:#792828;
}
#footer-nav, #footer-nav2 {
    font-size:13px;
    margin-bottom:15px;
    overflow:hidden;
}
#footer-nav li, #footer-nav2 li {
    font-weight:bold;
    padding:0 5px;
    border-right:2px solid #792828;
    line-height:18px;
}
#footer-nav li:first-child, #footer-nav2 li:first-child {
    padding-left:0;
} /*  if you make changes here make changes to the rules in ie.psuedo.js or they won't show in IE */
#footer-nav li:last-child, #footer-nav2 li:last-child {
    border-right:0;
} /*  if you make changes here make changes to the rules in ie.psuedo.js or they won't show in IE */
.small {
    font-size:11px !important;
}
#footer .nav.pipe {
}
#footer .nav.pipe li {
    padding:0 8px;
    border-right:1px solid #792828;
}
#footer .nav.pipe li a {
}
#footer .nav.pipe li:last-child {
    border:none;
}  /*  if you make changes here make changes to the rules in ie.psuedo.js or they won't show in IE */
#footer .nav.pipe {
}
p#copyright {
    display:inline
}
p#address {
}
p#modified {
}
ul#external-links {
}
ul#external-links li {
}
ul#endorsed-by {
    float: right;
    margin: -15px 0 0;
}
ul#endorsed-by li {
}
li.DHHS {
}
li.NIH {
    display: none;
}
li.NIEHS {
    display: none;
}
li.USA.gov {
}
li.tagline{
    display: none;
}
/* CLEARFIX  */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {}
.enviro.health a {
    background-image: url(../images/topic_envirohealth.jpg);
    display: block;
}
.clear-both {
    clear: both !important;
}
.clear-left {
    clear: left !important;
}
.clear-right {
    clear: right !important;
}

/*********************START KIDS BOX*****************************/

.callout-box-wide.kids {
    padding: 55px 15px 0;

}
.callout-box-wide.kids .top {
    background-image: url("../images/callout-box/hey-kids-wide-top.png");
    background-repeat: no-repeat;
    height: 75px;

}
.callout-box-wide.kids .bottom {
    background-image: url("../images/callout-box/hey-kids-wide-bottom.png");
    background-repeat: no-repeat;
    height: 60px;

}
.callout-box-wide.kids .middle {
    background-image: url("../images/callout-box/hey-kids-wide-middle.png");
    background-repeat: repeat-y;
    height: 100%;

    z-index: -1;
}

.callout-box-narrow.kids {
    padding: 55px 15px 0;
}
.callout-box-narrow.kids .top {
    background-image: url("../images/callout-box/hey-kids-narrow-top.png");
    background-repeat: no-repeat;
    height: 60px;

}
.callout-box-narrow.kids .bottom {
    background-image: url("../images/callout-box/hey-kids-narrow-bottom.png");
    background-repeat: no-repeat;
    height: 25px;

}
.callout-box-narrow.kids .middle {
    background-image: url("../images/callout-box/hey-kids-narrow-middle.png");
    background-repeat: repeat-y;
    height: 100%;

    z-index: -1;

}
/*********************END KIDS BOX*****************************/
/*********************START TEACHERS BOX*****************************/
.callout-box-wide.teachers {
    padding: 55px 15px 0;
}
.callout-box-wide.teachers .top {
    background-image: url("../images/callout-box/for-teachers-wide-top.png");
    background-repeat: no-repeat;
    height: 75px;

}
.callout-box-wide.teachers .bottom {
    background-image: url("../images/callout-box/for-teachers-wide-bottom.png");
    background-repeat: no-repeat;
    height: 60px;

}
.callout-box-wide.teachers .middle {
    background-image: url("../images/callout-box/for-teachers-wide-middle.png");
    background-repeat: repeat-y;
    height: 100%;

    z-index: -1;
}

.callout-box-narrow.teachers {
    padding: 55px 15px 0;
}
.callout-box-narrow.teachers .top {
    background-image: url("../images/callout-box/for-teachers-narrow-top.png");
    background-repeat: no-repeat;
    height: 60px;

}
.callout-box-narrow.teachers .bottom {
    background-image: url("../images/callout-box/for-teachers-narrow-bottom.png");
    background-repeat: no-repeat;
    height: 25px;

}
.callout-box-narrow.teachers .middle {
    background-image: url("../images/callout-box/for-teachers-narrow-middle.png");
    background-repeat: repeat-y;
    height: 100%;

    z-index: -1;

}
/*********************END TEACHERS BOX*****************************/
/*********************START PARENTS BOX*****************************/
.callout-box-wide.parents {
    padding: 55px 15px 0;
}
.callout-box-wide.parents .top {
    background-image: url("../images/callout-box/for-parents-wide-top.png");
    background-repeat: no-repeat;
    height: 75px;

}
.callout-box-wide.parents .bottom {
    background-image: url("../images/callout-box/for-parents-wide-bottom.png");
    background-repeat: no-repeat;
    height: 60px;

}
.callout-box-wide.parents .middle {
    background-image: url("../images/callout-box/for-parents-wide-middle.png");
    background-repeat: repeat-y;
    height: 100%;

    z-index: -1;
}

.callout-box-narrow.parents {
    padding: 55px 15px 0;
}

.callout-box-narrow.parents .top {
    background-image: url("../images/callout-box/for-parents-narrow-top.png");
    background-repeat: no-repeat;
    height: 60px;

}
.callout-box-narrow.parents .bottom {
    background-image: url("../images/callout-box/for-parents-narrow-bottom.png");
    background-repeat: no-repeat;
    height: 25px;

}
.callout-box-narrow.parents .middle {
    background-image: url("../images/callout-box/for-parents-narrow-middle.png");
    background-repeat: repeat-y;
    height: 100%;

    z-index: -1;

}
/*********************END PARENTS BOX *****************************/
/*********************COMMON CLASSES FOR BOXES ********************/
.callout-box-narrow .middle, .callout-box-wide .middle{
    padding:0 15px;
}

.callout-box-narrow{
    padding-bottom: 1em;
    width: 264px;
}

.callout-box-wide {
    margin-left: 15px;
    /*width: 532px;*/
}

.middle p, h3  {
    margin: 0;
    padding-bottom: 1em;
}

.middle iframe {
    width: 495px;
    margin-bottom: 10px;
}

.right{
    float: right;
}

.left{
    float:left;
}

.callout-box-wide{width: 558px;}
.callout-box-wide .top{background-size: cover;}
.callout-box-wide .middle{background-size: contain;}
.callout-box-wide .bottom{background-size: cover;}