<html><body><p>/* NARROW VIEW HERE */
/* This is the CSS page architecture for windows at 800x600 and below */
/* The divs below must stay fixed at a certain px width while at 800 */
/* First, list all the Global divs shared by Home and Second Tier */
#homeContainer {
margin:0;
width:765px;
text-align:left;
border:1px solid #ffffff;
color:#000000;
}
#contents {
background:#fff;
float: left;
width: 100%;
}
#footerTop, #footerBottom {
margin-left:auto;
margin-right:auto;
width:757px;
}
#footerTop {
height: 30px;
}
#footerTop li a {
border-left: 1px solid #000000;
margin-left: -5px;
padding-right:8px;
padding-left:7px;
font-size:.6em;
float:left;
clear: none;
}
#footerBottom {
min-height: 70px;
}
#footerAddress {
width: 350px;
}
#footerLogos {
width:360px;
}
#footerLogos img {
margin-left:10px;
padding-right:5px;
float:left;
}
#footerLogos span {
margin-top: 15px;
display: block;
float:left;
clear: none;
width: 140px;
}
#rightColumn {
margin-top: 0;
margin-left: 5px;
width:213px;
float:left;
clear: none;
}
/* Next, list just the Homepage divs */
#leftColumn-home {
width:520px;
float: left;
clear: none;
margin-left: 5px;
}
#topFeatures-home {
width:auto;
padding-left: 15px;
}
#healthSafety h1 {
width:100%;
}
.blocks {
width:255px;
height:75px;
}
#midColumn {
width: 510px;
float: left;
clear: none;
}
#midColumn .contentBlocks {
width: 146px;
margin-right: 3px;
height: auto;
float: left;
clear: none;
}
#midColumn .contentBlocks img {
padding: 0;
float: left;
clear: none;
}
#aboutContainer {
width:510px;
padding:0;
}
#goals {
margin-left: 4px;
width:345px;
height: 118px;
}
#foryouContainer {
width:510px;
}
/* Finally, just the Second Tier divs */
#topicHeader {
width:754px;
}
#topFeatures {
width: 520px;
float: left;
clear: none;
}
html > body #flashFeature {
margin-left: -12px;
}
#leftColumn {
width:520px;
float:left;
clear:none;
}
html > body #leftColumn {
width:510px;
margin-right: 8px;
}
#leftColumn-noBlurb {
width:525px;
margin-left: -3px;
margin-top: -35px;
float:right;
clear:none;
}
#topList {
margin-left: 0;
width: 505px;
float: left;
clear: both;
}
#topList h1 {
color:#B96212;
font-size:1.3em;
font-weight:normal;
width:100%;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0;
}
.listScroll {
width:500px;
height:110px;
overflow:auto;
font-size:.85em;
float:left;
clear: both;
border: 1px solid #b0b0a2;
background-color:#ffffff;
}
.topicExpanded {
margin-bottom: 5px;
float: left;
clear: none;
background-color: #FEF7E9;
padding: 5px;
width: 95%
}
.topicContent {
width:500px;
margin-bottom: 15px;
float: left;
clear: none;
}
#boxedArrow {
width: 195px;
height: 210px;
float: left;
clear: none;
}
ol.AZlist-wide {
width: 510px;
float: left;
}
.AZlist-container {
width: 100%;
}
#AZ-content {
float: left;
clear: none;
margin-left: 3px;
width: 500px;
}
#tagCloud {
width: 500px;
float: left;
clear: both;
}
ul.imageBlocks {
width:480px;
float: left;
clear: both;
}
ul.imageBlocks li {
width:100%;
float: left;
clear: both;
}
/* Data and Statistics Styles Here */
#twoColumn_Content {
width:500px;
float: left;
clear: none;
margin-left: 0;
margin-bottom: 0px;
}
.dataStats_topics {
width: 20%;
float: right;
clear: none;
background-color: #FEF7E9;
margin-top: 5px;
margin-right: 8px;
padding: 5px;
}
.gettingStarted{
width: 500px;
float: left;
clear: both;
}
.dataStats_topics {
width: 500px;
float: left;
clear: both;
}
#tabControls{
width: 500px;
float: left;
clear: both;
}
.tabsHeader{
width:500px;
}
.contentstyle{
width: 460px;
height: 270px;
min-height: 270px;
margin-top: 0;
font-size: .75em;
}
.shadetabs li{
display: inline;
margin: 0;
line-height: 14px;
}
.shadetabs li a, .shadetabs li a:hover, .shadetabs li a:visited{
text-decoration: none;
padding: 2px;
margin: 0;
font-size: .75em;
}
#contentList {
margin-top:5px;
margin-left:5px;
margin-bottom:10px;
float: left;
clear: none;
background: #ffffff;
width: 360px;
}
#contentList h4 {
color: #B96212;
font-weight: bold;
float: left;
clear: none;
}
.contentListScroll {
width:350px;
height:100px;
overflow:auto;
float:left;
clear: none;
border: 1px solid #b0b0a2;
background-color:#ffffff;
}
#contentList .contentListScroll ul {
margin-left: 0;
padding-left: 0;
}
/* Search styles here */
.bestBets-container {
margin-top: 5px;
margin-left: 0;
margin-bottom: 10px;
padding: 5px;
float: left;
clear: both;
background-color: #FEF7E9;
width: 510px;
}
.searchAgain {
margin-top: 5px;
margin-bottom: 5px;
padding: 1px;
width: 515px;
font-size:.8em;
float: left;
clear: both;
}
form.searchCDC-wide {
float: left;
clear: none;
width: 360px;
}
input.searchBox-wide {
width:180px;
color: #3C3C3C;
padding:3px;
border-style:solid;
border-width:1px;
border-color:#525967;
float: left;
clear: none;
}
#search-content{
margin-top: 5px;
margin-bottom: 20px;
font-size: .9em;
float: left;
clear: both;
width: 500px;
}
.resultsPages {
width: 400px;
margin-top: 10px;
margin-left: 20px;
float:left;
clear:both;
}
html > body .resultsPages {
margin-left: 80px;
}
ul.results{
width: 450px;
margin-top: 20px;
display: block;
float: left;
clear: both;
}
ul.results li, ul.results ul ul li, ul.results ul li li {
width: 450px;
float: left;
clear: none;
background: none;
}
.featureBlocks .blocks {
background-color:#FBF5E5;
width:255px;
height:85px;
margin:2px;
padding:0px;
float:left;
clear:none;
font-size:.85em;
line-height: 14px;
}
.featureBlocks .blocks dl{
margin: 0;
padding: 0;
display: inline;
}
.featureBlocks .blocks dt {
margin-top:4px;
margin-bottom:3px;
margin-right:5px;
font-size: 1.1em;
font-weight: bold;
color:#03539A;
padding: 0;
}
.featureBlocks .blocks dd {
color:#828282;
font-size:.8em;
margin: 0;
padding: 2px;
display: inline;
}
.featureBlocks .blocks img, .featureBlocks .blocksHover img {
float:left;
padding:8px;
}
.featureBlocks .blocksHover {
background-color:#F7DDAA;
color:#ffffff;
width:255px;
height:85px;
margin:2px;
padding:0px;
float:left;
clear:none;
font-size:.85em;
cursor:pointer;
}
.featureBlocks .blocksHover dt a {
text-decoration: underline;
}
/* About CDC layout here */
#leftMiddle {
width:500px;
margin-top: 0;
float:left;
clear:none;
}
#leftNav {
width: 100%;
float:left;
clear:none;
margin-top: 0;
}
#leftNav ul {
margin-top: 5px;
}
#leftNav li {
background-color: #E8F2FB;
width: 165px;
display: block;
background-image: none;
margin-bottom: 1px;
}
#leftNav li a {
display: block;
margin-left: -12px;
color:#1B457F;
text-decoration:none;
padding: 5px;
font-weight: bold;
width: 100%;
}
#leftNav li a:hover {
display: block;
color:#000000;
font-weight: bold;
text-decoration:none;
background-color: #F6DDA7;
width: 180px;
}
#leftNav li.active {
width: 165px;
display: block;
background: #E8F2FB url(../images/blue_bullet.gif) no-repeat 15px 10px;
margin-bottom: -1px;
}
#leftNav li.active a {
text-indent: 20px;
text-decoration:none;
font-size: .7em;
font-weight: normal;
}
#leftNav li.active a:hover {
display: block;
color:#000000;
font-weight: normal;
text-decoration:none;
background: #F6DDA7 url(../images/blue_bullet.gif) no-repeat 15px 10px;
width: 165px;
}
#leftNav li.borderTop{
margin-top:1px;
}
#leftNav li.noborderBottom{
margin-bottom:0;
}
#leftNav li.activeOn {
background-color: #F6DDA7;
width: 180px;
font-weight: bold;
}
#leftNav li.activeOnSub {
background-color: #FBF5E5;
}
/* GLOBAL CSS HERE */
* {
border:0;
border-collapse:collapse;
padding:0;
margin:0;
font-size:100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
list-style-type:none;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* oooooooooooooooooooo BODY, HEADERS, LINK ELEMENTS HERE oooooooooooo */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
a:link {
color:#03539A;
font-size:.8em;
text-decoration:none;
}
a:visited {
color: #551A8B;
font-size:.8em;
}
a:hover {
color:#03539A;
font-size:.8em;
text-decoration:underline;
}
a:active {
color: #551A8B;
font-size:.8em;
}
/* LIST STYLES */
li {
background: url(../images/blue_bullet2.gif) no-repeat 0 8px;
padding-left: 12px;
margin-left: 5px;
}
li.arrow {
background: url(../images/arrow.gif) no-repeat 0 8px;
padding-left: 12px;
margin-left: 5px;
font-weight: bold;
}
ul.twocolumnlist {
margin-top: 5px;
width: 49%;
float: left;
clear: none;
}
ul.twocolumnlist li {
background: url(../images/blue_bullet2.gif) no-repeat 0 8px;
margin-bottom: 3px;
}
ul.twocolumnlist li.arrow {
background: url(../images/arrow.gif) no-repeat 0 8px;
padding-left: 12px;
margin-left: 5px;
font-weight: bold;
}
ul.threecolumnlist {
margin-top: 5px;
width: 32%;
float: left;
clear: none;
}
ul.threecolumnlist li {
background: url(../images/blue_bullet2.gif) no-repeat 0 8px;
margin-bottom: 3px;
}
ul.threecolumnlist li.arrow {
background: url(../images/arrow.gif) no-repeat 0 8px;
padding-left: 12px;
margin-left: 5px;
font-weight: bold;
}
.threecolumnlist h3 {
font-size: .7em;
font-weight: bold;
text-align:center;
margin-bottom: 3px;
}
.threecolumnlist img {
padding: 5px;
margin-left: 50px;
}
#datestamp{
float: none;
clear: both;
font-size: .7em;
width: 300px;
margin-left:0;
padding-top: 10px;
padding-left: 10px;
color: #616161;
}
#blurb {
padding-top: 10px;
width: auto;
color: #000000;
float: left;
clear: both;
}
#metrics {
display: none;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* oooooooooooooooooooo GLOBAL ELEMENTS HERE oooooooooooooooooo */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#header {
background: url(../images/cdcHeader.gif) no-repeat left;
margin: 15px;
}
#header a {
}
#header span {
}
#sizerButtons {
visibility: hidden;
}
.buffer {
background: #ffffff;
float: none;
clear: both;
width: 100%;
height: 20px;
}
#footerContainer {
width:100%;
height:95px;
float:left;
clear:both;
background:#0154A0 url(../images/bg_footer.gif) repeat-x;
}
#footerTop {
height: 13px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
margin: 0 auto auto;
padding: 4px;
color: #000000;
background-color: #D5E1EF;
}
#footerTop ul li{
display: inherit;
margin: 0;
padding: 0;
}
#footerTop li {
display: inline;
background: none;
}
#footerTop li a {
border-left: 1px solid #000000;
margin-left: -5px;
padding-right:10px;
padding-left:10px;
font-size:.7em;
float:left;
clear: none;
}
#footerTop li.noBullet a {
border-left: 0;
}
#footerBottom {
margin:0px auto auto;
padding: 4px;
height: 50px;
background: #AAC4DF;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
#footerAddress {
margin-top: 5px;
margin-left: 3px;
font-size: .7em;
float: left;
}
#footerAddress img {
margin-bottom:3px;
}
#footerLogos {
float:right;
}
#footerLogos a {
font-size: .7em;
color: #000000;
text-decoration:underline;
display:block;
}
#footerLogos a:hover {
text-decoration:none;
}
#footerLogos img {
margin-top: 7px;
margin-left:35px;
padding-right:5px;
float:left;
clear: none;
}
#footerLogos img.hhsLogo {
margin-top: 0;
}
#footerLogos span {
margin-top: 15px;
display: block;
float:left;
clear: none;
width: 140px;
}
#skipmenu {
text-align:right;
}
.textContent {
font-size: 1em;
margin-left: 10px;
}
/*
===========================================================
Homepage -- OnHover TOPIC BLOCKS
===========================================================
*/
.blocks {
margin-left: 1px;
margin-right:2px;
margin-top:2px;
margin-bottom:2px;
width:261px;
height:70px;
float:left;
clear:none;
line-height: 12px;
background-color:#FBF5E5;
}
html > body .blocks {
height:75px;
padding:0;
line-height: 11px;
}
.blocks dl {
display: inline;
}
.blocks dt {
margin-top: 4px;
margin-right: 5px;
margin-bottom: 3px;
font-size: .9em;
font-weight: bold;
color: #03539A;
}
.blocks dd {
font-size:.7em;
color: #575757;
display: inline;
}
.blocks img, .blocksHover img {
float:left;
padding:8px;
}
.blocksHover {
margin-left: 1px;
margin-right:2px;
margin-top:2px;
margin-bottom:2px;
width:261px;
padding:0;
height:70px;
float:left;
clear:none;
background-color:#F9E7C3;
cursor:pointer;
}
.blocksHover dt a {
text-decoration: underline;
}
/*
===========================================================
Features -- OnHover TOPIC BLOCKS
===========================================================
*/
.featureBlocks {
width:100%;
margin-top: 5px;
margin-bottom: 5px;
float: left;
clear: both;
}
.featureBlocks h1 {
color:#B96212;
font-size:1.3em;
font-weight:normal;
width:auto;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 5px;
border-bottom: #EAC39F solid 1px;
}
.featureBlocks .blocks {
background-color:#FBF5E5;
width:350px;
height:65px;
margin:2px;
padding:0px;
float:left;
clear:none;
font-size:.85em;
line-height: 14px;
}
.featureBlocks .blocks dl{
margin: 0;
padding: 0;
display: inline;
}
.featureBlocks .blocks dt {
margin-top:4px;
margin-bottom:3px;
margin-right:5px;
font-size: 1.1em;
font-weight: bold;
color:#03539A;
padding: 0;
}
.featureBlocks .blocks dd {
color:#575757;
font-size:.8em;
margin: 0;
padding: 0;
display: inline;
}
.featureBlocks .blocks img, .featureBlocks .blocksHover img {
float:left;
margin-right:5px;
margin-top:8px;
margin-left: 5px;
padding: 0;
border: 1px solid #000000;
}
.featureBlocks .blocksHover {
background-color:#F7DDAA;
color:#ffffff;
width:350px;
height:65px;
margin:2px;
padding:0px;
float:left;
clear:none;
font-size:.85em;
cursor:pointer;
}
.featureBlocks .blocksHover dt a {
text-decoration: underline;
}
/*
===========================================================
Image Thumbails -- TOPIC BLOCKS
===========================================================
*/
ul.imageBlocks {
width:530px;
margin-top: 15px;
margin-left: -10px;
margin-bottom: 5px;
float: left;
clear: both;
}
ul.imageBlocks li {
margin-bottom: 10px;
font-size:.7em;
width:520px;
display: block;
color:#828282;
float: left;
clear: both;
background: none;
line-height: 15px;
}
ul.imageBlocks li img{
margin-right: 10px;
display: block;
float: left;
clear: both;
border: 1px solid #000000;
}
ul.imageBlocks li a, ul.imageBlocks li a:hover, ul.imageBlocks li a:visited{
font-size: 1.1em;
font-weight: bold;
}
/*
===========================================================
HEALTH AND SAFETY -- TOPIC BLOCKS
===========================================================
*/
.featureBlocks-list {
width:100%;
margin-top: 5px;
margin-bottom: 40px;
float: left;
clear: both;
}
.featureBlocks-list h1 {
margin-top: 5px;
margin-bottom: 5px;
color:#B96212;
font-size:1.3em;
font-weight:normal;
width:100%;
border-bottom: 1px solid #EAC39F;
}
.featureBlocks-list .blocks {
background-color: #fef7e9;
width:345px;
height: 90px;
margin-left: 5px;
margin-right:5px;
margin-bottom: 5px;
float:left;
clear:none;
line-height: 12px;
border: 1px solid #F5DDAF;
}
.featureBlocks-list .blocks dl{
margin-bottom: 5px;
display: block;
}
.featureBlocks-list .blocks dt {
clear:left;
margin-top:2px;
margin-bottom:3px;
margin-right:5px;
padding-left: 4px;
font-size: 1em;
line-height:1em;
font-weight: bold;
text-align: left;
color:#03539A;
}
.featureBlocks-list .blocks dd {
color:#575757;
display: block;
font-size: .85em;
text-indent: 1.0em;
}
.featureBlocks-list .blocks dd.arrow {
background: url(../images/arrow.gif) 5px no-repeat;
margin-left: 85%;
}
.featureBlocks-list .blocks img {
float:left;
padding-left: 6px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 6px;
}
/* Email and Print link styles */
#emailprint {
width: 200px;
/* margin: -5px 0 2px -2px;
padding: 0 0 0 5px;*/
color: #FFFFFF;
float: left;
clear: both;
}
#emailprint a {
font-size: .7em;
text-decoration: none;
}
#emailprint a:hover {
font-size: .7em;
text-decoration: underline;
}
#emailprint ul {
margin-left: -5px;
background: no-repeat;
list-style: none;
color: #333333;
}
#emailprint ul li.email {
padding: 0 0 0 20px;
font-size: 1em;
background: url(../images/global_icon_email.gif) 0 8px no-repeat;
}
#emailprint ul li.print {
padding: 0 2px 2px 20px;
font-size: 1em;
background: url(../images/global_ico_printversion.gif) 0 5px no-repeat;
}
ul#breadcrumbs {
font-size: .7em;
float: left;
padding: 0;
margin-left: -15px;
}
ul#breadcrumbs li {
display: block;
float: left;
background: url(../images/global_blk_arrow.gif) 0 no-repeat;
padding-right: 3px;
}
ul#breadcrumbs li.noBullet {
display: inline;
background: none no-repeat 0;
}
ul#breadcrumbs li a, ul#breadcrumbs li a:visited {
font-size: 1em;
color: #03539A;
}
/*
===========================================================
SERVICES BOX -- PODCASTS, RSS, ETC. STYLES
===========================================================
*/
#services {
width:200px;
font-size:.85em;
float:left;
clear:both;
margin-top: 5px;
}
html > body #services {
width:210px;
}
#services ul li{
border-bottom: 1px dotted #ffffff;
float: left;
clear: both;
background: #edf2f8;
width: 100%;
margin: 0;
padding: 0;
}
#services ul li a.email, #services ul li a.email:hover{
background: url(../images/email.gif) no-repeat left;
}
#services ul li a.email:hover{
background: #eff3ff url(../images/email.gif) no-repeat left;
}
#services ul li a.podcasts, #services ul li a.podcasts:hover{
background: url(../images/podcasts.gif) no-repeat left;
}
#services ul li a.podcasts:hover{
background: #eff3ff url(../images/podcasts.gif) no-repeat left;
}
#services ul li a.rss, #services ul li a.rss:hover{
background: url(../images/rss.gif) no-repeat left;
}
#services ul li a.rss:hover{
background: #eff3ff url(../images/rss.gif) no-repeat left;
}
#services ul li a.cloud, #services ul li a.cloud:hover{
background: url(../images/tagcloud.gif) no-repeat left;
}
#services ul li a.cloud:hover{
background: #eff3ff url(../images/tagcloud.gif) no-repeat left;
}
#services li a {
padding: 5px;
text-indent: 30px;
display: block;
text-decoration: none;
width: 100%;
}
html > body #services li a {
width: auto;
}
#services li a:hover {
padding: 5px;
text-indent: 30px;
display: block;
text-decoration: underline;
}
.listScroll {
overflow:auto;
font-size:.85em;
border:1px solid #000000;
background-color:#ffffff;
}
ul.noBullet li {
margin:0;
padding: 1px;
width:auto;
display: block;
background-color:#ffffff;
background-image: none;
}
ul.noBullet li a {
margin:0;
padding: 2px;
display: block;
color:#03539A;
text-decoration:none;
border-bottom: 1px dotted #d1ddf0;
}
ul.noBullet li a:hover {
display: block;
background: #ededed;
color:#03539A;
text-decoration:underline;
}
/* HANDHELD SPECIFIC HERE */
/*
===========================================================
A-Z -- ORDERED LIST STYLES
===========================================================
*/
#AZlist-container {
float: left;
clear: both;
}
.AZlist {
margin-left: 5px;
list-style: none;
width: 200px;
font-size: 0.9em;
font-weight:normal;
color:#000000;
text-align: center;
}
.AZlist li {
margin: 2px;
padding: 0;
width: 18px;
display: inline;
float: left;
}
.AZlist li a, .AZlist li a:visited {
width: 90%;
display: inline;
font-weight: bold;
text-decoration: none;
color: #0055a5;
background-color: #e1eef9;
border: 1px solid;
border-color: #ffe #aaab9c #ccc #fff;
}
.AZlist li#active a {
background: #f0e7d7;
color: #002c52;
}
.AZlist li a:hover, .AZlist li#active a:hover {
color: #ffffff;
font-weight:bold;
background: #0054A1;
border-color: #aaab9c #fff #fff #ccc;
text-decoration: none;
}
</p></body></html>