body {background:#fff; font-family:verdana, arial, helvetica, sans-serif; font-size:.8em;}
#site {width: 720px; display:block; margin: 0 auto; background:#fff; padding:0px; }
a {color:#006bc4; font-weight: bold}
a:active, a:hover {color:#000;}
a:visited {color:#004f99}


/* Masthead */
#site #masthead {height:304px; margin:0}
#site #mainsplash #masthead {height:313px; margin:0}
#masthead h1, #masthead a {text-indent:-5000em}
#masthead {background:#fff; position: relative}
#mainsplash #masthead .image {position:absolute; bottom:0; left:0; height:265px;width:720px; z-index:2; background:url(masthead1.jpg)}
#masthead a.language {display:none}
#mainsplash #masthead a.language {height:41px; width:175px; display:block; background:url(spanish.gif) no-repeat; position:absolute; right:0; bottom:30px; z-index:3}
#masthead h1 {height:39px;width:391px; display:block; margin:0; position:absolute; right:0px; top:0; z-index:4; background:url(healthlibrary.gif) no-repeat}
#masthead a.clientname {height:45px; width:266px; display:block; background:url(logo.gif) no-repeat; position:absolute; left:0px; top:0px; z-index:5}

/* Content Area */
#site #contentcontainer {background:url(contentcontainer3.gif) repeat-y; border:1px solid #ccc; overflow:hidden; border-top:none}
#site #mainsplash #contentcontainer {background:#fffae7 url('contentcontainer.gif') repeat-x; width:718px; overflow:hidden}
#site #contentcontainer2 {background:url('contentcontainer2.gif') no-repeat; width:720px;}
#content {padding:20px; margin-left:1px;}

#content {padding-left:30px}
#mainsplash #content {padding:20px; padding-right:0; padding-bottom:0; margin-left:1px;}
#maincontent {width:545px;   float:right;}

#sectionhead {margin:0; margin-left:0px; margin-top:3px; padding:0 30px; font-family: "Trebuchet MS"; letter-spacing:-1px; color:#4d4b49; font-size:2em; line-height:1.6em;font-weight: normal; background-color:#fffae7}
#sectionhead h1 {font-size:100%; display:inline}
/*
h1.Title {margin:0; margin-left:10px; padding:0 20px; font-family: "Trebuchet MS"; letter-spacing:-1px; color:#4d4b49; font-size:2em; line-height:1.6em;font-weight: normal; background-color:#fffae7}
*/

/*Documents */
.DisplayContent {line-height:1.6em; font-size:1.1em;}
.DisplayContent h1, .DisplayContent h2, .DisplayContent h3, .DisplayContent h4, .buct23 h1 {letter-spacing:-1px; margin:0;  font-family: "Trebuchet MS"; font-weight:normal}
.DisplayContent h1, .buct23 h1 {color:#006bc4; font-size:2.1em; width:60%; line-height:1.2em; margin:.5em 0 .75em 0}
.DisplayContent h2 {margin-top:1.6em; font-size:1.6em; color:#004f99}
.DisplayContent h3 {margin-top:1.6em; font-size:1.6em; color:#004f99}
.DisplayContent h4 {margin-top:1.6em; font-size:1.6em; color:#004f99}
.DisplayContent p {margin-top:.75em}
.DisplayContent ul {line-height:1.3em}
.DisplayContent b {color:#333}

.source {display:none}
/* Nav */
#navcolumn {width:175px; float:left; margin:0;padding:0; padding-bottom:5em}

/*#navcolumn a {color:#000; background:#fffae7 no-repeat 10px 1em; text-decoration:none; display:block; margin: 0 10px; font-size:.9em; border:3px solid white; border-top:none; border-bottom:none; padding: 10px 10px 5px 30px}
*/
#navcolumn a {color:#000; background:#fffae7 no-repeat 10px 1em; text-decoration:none; display:block; margin: 0px; font-size:.9em;  padding: 10px 10px 5px 42px}
#navcolumn a:hover, #navcolumn a:active {text-decoration:underline}

#navcolumn a.YH {background: #fffae7 url(nav-yh.gif) no-repeat 10px 14px; border-top:3px solid white; padding-top:15px}
#navcolumn a.YF {background: #fffae7 url(nav-yf.gif) no-repeat 10px 7px; }
#navcolumn a.HL {background: #fffae7 url(nav-hl.gif) no-repeat 10px 7px; }
#navcolumn a.HS {background: #fffae7 url(nav-hs.gif) no-repeat 10px 7px; }
#navcolumn a.FW {background: #fffae7 url(nav-fw.gif) no-repeat 10px 7px; }
#navcolumn a.C {background: #fffae7 url(nav-c.gif) no-repeat 10px 7px}
#navcolumn a.A {background: #fffae7 url(nav-a.gif) no-repeat 10px 7px; border-bottom:3px solid white; padding-bottom:15px}
#navcolumn a.HR {background: #fffae7 url(nav-hr.gif) no-repeat 10px 7px; }
#navcolumn a.Secondary {background:transparent; border:none; padding:0; margin:15px 10px 0px 10px; color:#4d4b49}
#navcolumn a.Back {background:transparent; border:none; padding:0; margin:10px 10px 15px 10px; color:#4d4b49}


/* Search */
#navcolumn .sitesearch {background:transparent; border:none; padding:0; margin:10px 10px 15px 10px; color:#4d4b49; font-weight: bold}
#navcolumn .Search {display: block; margin: 10px; padding: 0}
#navcolumn .Search input {float: left; font-size:11px; width:120px; margin: 0 5px 0 0}
#navcolumn .Search a.go {color:#000; background:transparent; text-decoration:none; display:block; margin: 0; font-size:.9em; padding: 0}
#navcolumn .Search a.go:hover, #navcolumn .Search a.go:active {text-decoration:underline}

#mainsplash #navcolumn .sitesearch {display: block; margin: 0 10px; padding: 0}
#mainsplash #navcolumn .Search {display: block; margin: 0 10px; padding: 0}

.AdvancedSearch {margin-left: 0px; margin-right: 0px; 	width: 100%; 	clear:both;}
.AdvancedSearch div.title p {margin-bottom: 0px;	padding-bottom: 0px}
.AdvancedSearch div.title {color: #007ac2;	font-size: 110%;	font-weight: bold;	margin-bottom: 0px;padding:0px;}
.AdvancedSearch div.content {line-height: 1.75;	margin-top: 0px;	padding: 5px 0;}
.AdvancedSearch div.content div.label {font-weight: bold;	margin-top: 10px;	margin-bottom: 3px;	color:#333; font-size:100%}
.AdvancedSearch div.content div.go {margin-top: 1em; display: block}

.SearchResults {margin-bottom: 1em}
div.searchcriteria {line-height: 1.75;	margin-top: 0px;	padding: 0px;	margin-bottom: 20px}
div.searchcriteria .title{margin-bottom:.5em; color: #007ac2; font-weight: bold}
div.searchcriteria table tbody tr th {text-align: left;	padding-right: 10px;	white-space: nowrap;	padding-left: 0px;	color:#333}
div.searchcriteria table tbody tr td a {text-align: right; display: block; white-space: nowrap}
div.searchcriteria table tbody tr td a:hover, 
div.searchcriteria table tbody tr td a:active, {text-align: right; display: block; white-space: nowrap;}
div.searchcriteria table tbody tr td {width: 100%}
div.searchcriteria table tbody tr td a {font-weight: bold}
.SearchResults .title .small {font-size:12px; display: block; color:#007ac2; margin-bottom:1em}
.SearchResults .content .item {color:#333;}
.SearchResults .content .item a {display: block; margin-bottom:.25em; }


/*#navcolumn a {background:#fffae7; color:#000; text-decoration:none; display:block; border:3px solid #fff; padding:3px 10px; margin:0 10px; margin-bottom:3px;}
#navcolumn a.Secondary {background:#ccccb6}
*/

/* Home Page */
#mainsplash ul.navigator {list-style:none; margin:0; padding:0}
ul.navigator li {float:left; display:block; margin:0; padding:0; margin-right:18px}
ul.navigator li a {height:185px; width:156px; display:block; text-indent:-5000em}
ul.navigator li.yourhealth a {background:url('yourhealth.gif') no-repeat;}
ul.navigator li.yourfamily a {background:url('yourfamily.gif') no-repeat;}
ul.navigator li.forwomen a {background:url('forwomen.gif') no-repeat;}

ul.navigator li.healthyliving a {background:url('healthyliving.gif') no-repeat;}
ul.navigator li.healthyrecipes a {background:url('healthyrecipes.gif') no-repeat;}
ul.navigator li.homesafety a {background:url('homesafety.gif') no-repeat;}

ul.navigator li.calculators a {background:url('calculators.gif') no-repeat;}
ul.navigator li.animations a {background:url('animations.gif') no-repeat;}

ul.navigator li.forwomen, 
ul.navigator li.homesafety {margin-right:0}
#mainsplash #moreinfo {padding:20px 0; margin-bottom:10px}
#mainsplash #moreinfo h2 {text-indent:-5000em; background:url(moreinformation.gif) no-repeat; height:23px; width:181px; margin:0; padding:0}
#mainsplash #moreinfo ul {list-styleNone; margin:0; padding:0; margin-top:20px}
#mainsplash #moreinfo ul li {float:left; display:block; margin:0 padding:0;  height:57px; border-right:1px solid #ccccb6}
#mainsplash #moreinfo ul li.more1 {background:url(more1.gif) no-repeat; width:94px;padding: 0 25px 0 50px; }
#mainsplash #moreinfo ul li.more2 {background:url(more2.gif) no-repeat 15px 0; width: 69px; padding: 0 25px 0 75px}
#mainsplash #moreinfo ul li.more3 {background:url(more3.gif) no-repeat 15px 0; width: 89px; padding: 0 25px 0 55px; border-right:none}

/* Lists */
.SiteAreaNavigator, .SubtopicDocumentList, .DisplayContent {margin-bottom:5em}

.SiteAreaNavigator a, .SubtopicDocumentList a {font-size:1.1em}
.SiteAreaNavigator img {display:none}
.separator {margin:12px 0; border-top:1px solid #ccccb6}

.intro {font-size:1.2em; color:#333; margin-bottom:2.6em}

/* General */
.breaker {clear:both}


/*Utility Buttons */
#utility {margin-bottom:6em; display:block}
#utility a {color:#000; text-decoration:none; display: block; height:25px;padding-left:35px; line-height:25px;  float:left; margin-right:25px}
#utility a:hover, #utility a:active {text-decoration:underline}
.printerfriendly a.go {background:url(print.gif) no-repeat;}
.EmailFriend a.go {background:url(email.gif) no-repeat;}

/* Bottom/Footer */
a.top {color:#000; text-decoration:none; display: block; height:25px;padding-left:35px; line-height:25px; background:url(up.gif) no-repeat}
a.top:hover, a.top:active {text-decoration:underline}
#footer {width: 720px; display:block; margin: 0 auto; padding:20px 0px 0px 0px;  color:#333; font-size:.8em; background:url(ks.gif) no-repeat top right; height:47px}

/* Popup */

.e-mail {padding: 15px; font-size:90%}
.e-mail .title {letter-spacing:-1px; margin:0;  font-family: "Trebuchet MS"; font-weight:normal; margin-bottom:1em; font-size:1.6em; color:#004f99}
.e-mail .title p {margin:0}
.e-mail .label {color:#333; font-weight: bold; margin-bottom:.10em}
.e-mail .note {color:#666}
.e-mail input {margin-top:.25em; margin-bottom:1em}
.e-mail textarea {margin-top:.25em; margin-bottom:1em}
.e-mail a.go, e-mail .go a {clear:both; background-color: #fff; color: #666;	padding: 3px;	font-weight: bold; font-size: 90%; text-decoration: none;	text-transform: uppercase; border: 1px solid #0060AA; line-height: normal; }


/* Disclaimer */
.Disclaimer {margin-bottom: 3em}
.Disclaimer .go a {color:#006bc4; font-weight: bold; font-size: 125%}
.Disclaimer .go a:active, .Disclaimer .go a:hover {color:#000;}
.Disclaimer .nothanks a {display: block; padding-top: 1em; font-size: 95%}

#masthead .image {position:absolute; bottom:0; left:0; height:211px;width:720px; z-index:2; background:url(section.jpg)}