body { padding: 10px 0; background: #B0B7A0 url(/images/background-green.png) repeat-x top left; }
#wrap-box { width: 960px; margin: 0px auto; background: #fff url(/images/wrap-box-bottom.png) no-repeat bottom left; }
#wrap-box-top { width: 960px; background: transparent url(/images/home-top-background.png) no-repeat top left; }
body#home1 #wrap-box-top, body#how #wrap-box-top { background: transparent url(/images/home-top-background.jpg) no-repeat top left; }
body#latest #wrap-box-top { background: transparent url(/images/latest-top-background.jpg) no-repeat top left; }
body#employers #wrap-box-top { background: transparent url(/images/employers-top-background.jpg) no-repeat top left; }
body#policymakers #wrap-box-top { background: transparent url(/images/policymakers-top-background.jpg) no-repeat top left; }
body#smokers #wrap-box-top { background: transparent url(/images/smokers-top-background.jpg) no-repeat top left; }
body#research #wrap-box-top { background: transparent url(/images/research-top-background.jpg) no-repeat top left; }
body#about #wrap-box-top { background: transparent url(/images/about-top-background.jpg) no-repeat top left; }
#wrap-box-content { width: 960px; }
#header { width: 648px; background-color: transparent; clear: both; padding: 30px 0 7px 20px; }
#nav { list-style: none; padding: 26px 0; } 
#nav li { display: block; float: left; }
#nav a { float: left; display: block; outline: none; height: 40px; width: 77px; background: transparent url(/images/nav-transparent.gif) no-repeat 0 0; text-indent: -9000px; }
#nav #nav-home a { width: 77px; }
#nav a:hover, body#home1 #nav-home a, body#how #nav-home a { background-position: 0 -40px; }
#nav #nav-latest a { width: 130px; background-position: -77px 0;}
#nav #nav-latest a:hover, body#latest #nav-latest a { width: 130px; background-position: -77px -40px;}
#nav #nav-smokers a { width: 115px; background-position: -207px 0;}
#nav #nav-smokers a:hover, body#smokers #nav-smokers a { width: 115px; background-position: -207px -40px;}
#nav #nav-employers a { width: 128px; background-position: -322px 0;}
#nav #nav-employers a:hover, body#employers #nav-employers a { width: 128px; background-position: -322px -40px;}
#nav #nav-policymakers a { width: 145px; background-position: -450px 0;}
#nav #nav-policymakers a:hover, body#policymakers #nav-policymakers a { width: 145px; background-position: -450px -40px;}
#nav #nav-research a { width: 95px; background-position: -595px 0;}
#nav #nav-research a:hover, body#research #nav-research a { width: 95px; background-position: -595px -40px;}
#main-box { float: left; display: inline; width: 648px; margin: 26px 10px 0px 10px; background: #ECEBE7 url(/images/main-box-bottom.png) no-repeat bottom left; }
#main-box div.content { padding: 25px 10px 30px 10px; color: #411E10; background: transparent url(/images/main-box-top.png) no-repeat top left; font-family: Arial, sans-serif; font-size: 14px;}
body#home1 #main-box div.content { padding: 0 10px 30px 10px; background: transparent url(/images/home1-main-box-top.png) no-repeat top left; }
body#how #main-box div.content { padding: 0 10px 30px 10px; background: transparent url(/images/home2-main-box-top.png) no-repeat top left; }
#main-box { min-height: 500px; height: auto !important; height: 500px; }
#main-box h1 { margin-bottom: 20px; color: #647E2A; font-size: 28px; font-family: Helvetica, Arial, Sans-Serif; }
#main-box p { margin-bottom: 10px; }
#home-tab-nav { list-style: none; margin: 0 0 25px -10px; }
#home-tab-nav li { display: block; float: left; background: none !important; }
#home-tab-nav a { display: block; float: left; outline: none; height: 65px; width: 214px; text-indent: -9000px;}
#latest-updates-main-header { width: 100%; }
#latest-updates-main-header h1 { float: left; }
#latest-updates-main-header a { display: block; float: right; font-size: 12px; }
#main-box dl { clear: both; }
#main-box dt, #main-box dt a, #main-box dt a:link, #main-box dt a:hover, #main-box dt a:active { color: #E6600F; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.33em; }
#main-box dd { margin-bottom: 20px; color: #411E10; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.33em; }
.secondary-box { float: left; width: 282px; min-height: 120px; height: auto !important; margin: 10px 0px; background: #fff url(/images/secondary-box-bottom.png) no-repeat bottom left; }
.secondary-box div.content { padding: 15px 10px; color: #857F64; background: transparent url(/images/secondary-box-top.png) no-repeat top left; font-family: Helvetica, Arial, sans-serif; font-size: 14px;}
.secondary-box h3 { margin-bottom: 10px; color: #647E2A; font-size: 18px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase;}
.first-secondary-box { margin-top: 26px; }
#main-box div.content ul li, .secondary-box div.content ul li { background: url(/images/raquo.png) no-repeat 0 6px; padding-left: 12px; line-height: 1.5em; }
#main-box div.content ul { margin-bottom: 1em; }
body#home1 .first-secondary-box, body#how .first-secondary-box { margin-top: 88px; }
#latest-updates-header { float: left; }
#rss-icon { display: block; float: right; background: none; padding-right: 10px;}
.secondary-box dl { clear: both; }
.secondary-box dt { font-style: italic; color: #647E2A; font-family: Arial, sans-serif; font-size: 13px; }
.secondary-box dd { margin-bottom: 10px; color: #411E10; font-family: Arial, sans-serif; font-size: 13px; line-height: 1.33em;}
.secondary-box div.more { width: 262px; text-align: right; margin-bottom: 15px; }
.interior-box { width: 628px; margin: 25px 0; background: #F6F5F3 url(/images/interior-box-bottom.png) no-repeat bottom left; }
.interior-box div { padding: 15px 10px; color: #857F64; background: transparent url(/images/interior-box-top.png) no-repeat top left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; }
.interior-box h3 { margin-bottom: 10px; color: #647E2A; font-size: 18px; font-family: Helvetica, Arial, sans-serif; }
.secondary-interior-box { width: 262px; margin: 25px 0 0 0; background: #F3F5F1 url(/images/secondary-interior-box-bottom.png) no-repeat bottom left; }
.secondary-interior-box div { padding: 15px 10px; color: #857F64; background: transparent url(/images/secondary-interior-box-top.png) no-repeat top left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; }
#main-box a, #main-box a:link, #main-box a:hover, #main-box a:active, .secondary-box a, .secondary-box a:link, .secondary-box a:hover, .secondary-box a:active { color: #E06012; }
#footer { clear: both; padding: 25px 0; font-family: Arial, sans-serif; font-size: 12px; }
#footer ul { display: table; list-style: none; background-color: #fff; width: 670px; margin: 0 auto; }
#footer li { display: table-cell; float: left; }
#footer a { display: block; float: left; margin: 0; padding: 0px 10px; border-right: 2px solid #C6C3B7; text-decoration: none; }
#footer a, #footer a:link, #footer a:active { color: #E6600F; }
#footer a:hover { color: #857F64; }
#footer li.last a { border-right: none; }
body#home1 #footer-nav-home a, body#how #footer-nav-home a, body#about #footer-nav-about a, body#latest #footer-nav-latest a, body#employers #footer-nav-employers a, body#policymakers #footer-nav-policymakers a, body#smokers #footer-nav-smokers a, body#research #footer-nav-research a, body#contact #footer-nav-contact a, body#privacy #footer-nav-privacy a { color: #857F64;}
#partners { clear: both; width: auto; margin: 0px 10px; border-bottom: 1px solid #ECEBE7; padding: 25px 10px;}
#partners #statewide-resources { margin: 10px auto; display: block; }
#partners h2 { color: #647E2A; font-family: Helvetica, Arial, sans-serif; font-size: 24px;}

#join-form { margin: 10px 0; }
#join-email, #join-zip, #search, #google-search, input#name, input#email, input#zip, input#recipient_email, input#recipient_name { padding: 7px 0 4px 4px; border: 1px solid #C9C5B5; color: #411E10; font-family: Arial, sans-serif; font-size: 12px; vertical-align: middle; background-colro: #fff;}
#join-email { width: 218px;}
#join-zip { width: 128px; padding-right: 3px; margin-top: 9px; }
#join-submit { vertical-align: middle; margin-top: 9px;}
.mailer-field { width: 35em; padding: 7px 0 4px 4px; font-family: Arial, sans-serif; font-size: 12px; color: #411E10; border: 1px solid #C9C5B5; }
.fineprint { margin: 30px 0 0 0; font-size: 12px; }
div.post { margin-bottom: 25px; }
div.post h3 { font-size: 14px; font-weight: bold; color: #411E10; font-family: Helvetica, Arial, sans-serif; line-height: 1.5em; }
div.post h4 { font-size: 12px; font-weight: bold; color: #411E10; font-family: Helvetica, Arial, sans-serif; line-height: 1.5em; }
div.post h3.date { color: #647E2A; font-size: 12px; font-style: italic; font-weight: normal; }
div.post h2.title { margin-top: .333em; color: #411E10; font-family: Helvetica, Arial, sans-serif; font-size: 18px; }
div.post h4.byline { width: 35em; margin: .333em 0 1em 0; color: #857F64; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; }
div.post div.body, div.post div.extended { color: #411E10; }
div.post div.extended { margin-top: 1.5em; }


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a:visited { color: #857F64; }
a, a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: underline; }
p { line-height: 1.33em; }
a.hide-link { display: block; margin-top: 15px; }
em { font-style: italic; }
strong { font-weight: bold; }

ol li { list-style: decimal inside; margin-bottom: 1em; }