/* ------------------------------ nclud'ed screen styles Design & Dev by nclud, LLC http://www.nclud.com ------------------------------ */ /*------ Yahoo! Reset CSS ------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} body { width: 100%; font: normal 62.5% Arial, Helvetica, sans-serif; color: #232323; } #container {} #subcontainer {position: relative;} #contentcontainer {font-size:12px; color:#484848; line-height:16px;} .container {width:940px; margin:0 auto; padding:0 10px;} /*------ Header Styles ------*/ #header {background:#334961 url(../img/bg_header.png) repeat-x 0 0; padding:15px 0;} #header .container {position:relative; z-index: 100;} #header h1 {display:inline;} #header h1 a {display:block; width:141px; height:41px; background:transparent url(../img/bg_logo.png) no-repeat 0 0;} /*#header h1 a:hover {background:transparent url(../img/bg_logo.png) no-repeat 0 -41px;}*/ #header .nav {float:right; margin-top:-15px; position: relative;} #header .nav a {color:#cedef0; padding:0 10px; border-right:solid 1px #586c84; font-size:11px;} #header .nav .last a {border-right:none;} #header .nav .members a {border-right:none; padding-right:16px; background:transparent url(../img/icn_dropdown.png) no-repeat right center;} #header #navigation li ul.dropdown {position: absolute; right: 9999px; width: 190px; z-index: 20; display: none; background-color: #f4f9ff; border: 1px solid #bbbbbb;} #header #navigation li:hover.active a {text-decoration: none;} #header #navigation li.active ul.dropdown {display: block; right: 0; z-index: 9999; position: absolute;} #header #navigation li ul.dropdown li {float: none; padding: 3px 5px 3px 10px; width: 175px;} #header #navigation li ul.dropdown li a {background: url(../img/icn_bullet.png) 0 center no-repeat; padding: 3px 5px 3px 10px; color: #2F5593;} #header #navigation li ul.dropdown li:hover {background-color: #fff;} #header #navigation li ul.dropdown li:hover a {text-decoration: none;} #header form {position:absolute; right:10px; top:-5px;} /*------ Content Styles ------*/ #content {width:620px; float:right; margin-top: 80px; margin-left: 35px;} #content .breadcrumb {margin-bottom:14px; padding-bottom:5px; border-bottom:1px solid #f0f0f0; width:100%; font-size: 11px;} #content .breadcrumb li a {background: transparent url(../img/icn_bullet_grey.png) no-repeat right center; padding-right:10px; display:block; margin-right:8px; font-size:11px; float: left;} #content .breadcrumb li a.last_item {background: none;} #content .newsListing {margin-bottom:1em;padding:2em 0 0;border-top:1px solid #f0f0f0;} #content .article .newsListing h3 {margin-bottom:0;} #content .article p.date {font-size:11px;color:#a0a0a0;margin:2px 0 12px;} #content .article {position:relative; z-index: 1;} #content .article h2 {font-size:20px; font-weight:normal; color:#6d4506; margin-right:65px; padding-bottom: 10px;} #content .article p, #content .article ul, #content .article ol, #content .article blockquote {font-size: 12px; line-height:16px; color:#2a2a2a2; margin:12px 0;} #content .article p.intro {color: #828e9a;} #content .article blockquote {margin-left:.5em;border-left:1px solid #d9e9fa;padding-left:1.5em;padding-right:5em;color:#555;opacity:0.99;line-height:1.625;} #content .article ul { margin: 10px 0;} #content .article ul.image_list li {list-style: none; margin-top: 15px; clear: both; border-bottom: 1px solid #e5e5e5; height: 95px; } #content .article ul.image_list li img {border: 1px solid #bbbbbb; float: left; margin-right: 10px;} #content .article ol {margin:10px; padding-left:10px;} #content .article ol li {list-style:decimal; margin:5px 0; padding-left:2px;} #content .article .utility {margin:0; position:absolute; top:0; right:0;} #content .article .utility li {margin:0; padding:0; background:none;} #content .article .utility li a {display:block; width:12px; height:12px; background:transparent url(../img/icn_utility.png) no-repeat 0 0; margin-left:8px; text-indent:-5000px;outline:none;} #content .article .utility li.email a {background-position:0px -30px;} #content .article .utility li.share a.stico_default {background-image:url(../img/icn_utility.png) !important;background-position:0px -60px !important;height:12px;width:12px;margin:0;padding:0;} #content .article ul.page li a {padding: 0 8px;} #content .article ul.page li a.prev {background: transparent url(../img/bg_prev.png) 0 5px no-repeat;padding-left: 10px;} #content .article ul.page li a.next {background: transparent url(../img/bg_next.png) 40px 5px no-repeat; padding-right: 20px;} #content .article ul.page li a.selected {background: url(../img/bg_page_selected.png) 3px 0 no-repeat; font-weight: bold;} #content .article ul.page li a.selected {color: #fff;} #content .attachments {background-color:#fcfcfc;border:1px solid #e5e5e5;padding:10px 100px 10px 10px;float:left;margin:10px 0 40px;} #content h3.emphasized {clear:both;} #comment_text {font-family: Arial, Helvetica, sans-serif; padding: 5px; font-size: 12px; color: #333333;} #comments li.notify {margin: 13px 0;} #comments p.user {float: left; border-right: 1px solid #cccccc; padding-right: 7px;} #comment_preview {clear: both;} #comments .entry p.date {float: left; margin-top: -8px; padding-left: 7px;} h3.emphasized {margin-top: 30px; margin-bottom: 5px;} #content #comments ul {margin-top: 0;} #content #search_results li p {margin-top: 5px; margin-bottom: 0;} #content #search_results li {border-bottom: 1px solid #f0f0f0; padding-bottom: 10px;} #content #search_results li p.search_link {font-size: 11px; margin-top: 3px;} #comments .entry {margin-top: 15px;} #comments .entry p {float: left; padding: 0 5px; margin-top: -4px;} #comments .entry p.username {border-right: 1px solid #f0f0f0; margin: 0;} #comments .username {font-weight: bold;} #content .paginate {text-align: right;} #content .blog-paginate {border-top:1px solid #e0e0e0;padding-top:1em;} /*------ Sidebar Styles ------*/ #sidebar {width:285px; float:left; margin-top: 80px;} #sidebar .subnav {padding:15px 0; background-color:#f4f9ff; margin-bottom:20px;} #sidebar .subnav h3 {color:#2a2a2a; font-size:16px; font-weight:normal; margin-left:15px;} #sidebar .subnav li {padding:0 15px;} #sidebar .subnav li a {border-top:1px solid #f0f0f0; display:block; background: url(../img/icn_bullet.png) no-repeat left center; padding:6px 0 4px 16px; font-size:12px;} #sidebar .subnav li.here, #sidebar .subnav li:hover {background-color:#fcfdff;} #sidebar .subnav li.here a {color:#442e13; font-weight:bold; background:transparent url(../img/icn_bullet_dark.png) no-repeat 8px center; text-decoration:none;} #sidebar .subnav li:hover a {text-decoration:none;} #sidebar .subnav li.here ul li a {font-weight: 100; color:#2f5593; padding-left: 22px; background: none;} #sidebar .sidebar_bucket {background-color:#fcfcfc;border:1px solid #e5e5e5;margin-bottom:20px;} #sidebar .sidebar_bucket h3 {margin:0;padding:6px 10px;background-color:#f6fafe;font-weight:normal; color:#2a2a2a;border-bottom: 1px solid #e5e5e5;} #sidebar .sidebar_bucket ul {padding: 10px 16px;} #sidebar .sidebar_bucket ul li {background: url(../img/icn_bullet.png) no-repeat left 8px; padding:3px 0 3px 10px;} #sidebar .sidebar_bucket_collapse {margin-bottom:-1px;} #sidebar .monthly_archive ul {padding:10px;margin-left:10px;} #sidebar .monthly_archive ul li {cursor:pointer;padding:0;background:none;} #sidebar .monthly_archive ul ul {padding-top:0;} #sidebar .monthly_archive ul ul li {background: url(../img/icn_bullet.png) no-repeat left center; padding:6px 0 4px 16px;border-bottom:none;} #sidebar .monthly_archive ul ul li.current {background: url(../img/icn_bullet_dark.png) no-repeat 8px center;} #sidebar .nav_buttons {position: relative; left: 242px; top: 8px; z-index: 15; width: 40px;} #sidebar .nav_buttons a {margin-right: 12px; cursor: pointer; float: left;} #sidebar .featured_study {border: 1px solid #e5e5e5; margin-bottom: 30px; background-color: #fcfcfc;} #sidebar .featured_study p {margin: 0 10px;} #sidebar .featured_study h3 {color:#2a2a2a; font-size:16px; background-color: #f6fafe; font-weight:normal; padding: 6px 10px; border-bottom: 1px solid #e5e5e5;} #sidebar .featured_study a.more {margin: 3px 0 5px 10px;} #section_simple {margin:20px 0;position: absolute; z-index: 70; left: 10px;} #section_simple .nav {background:#d9e9fa url(../img/bg_simple_nav.png) no-repeat left top; text-align:center; width:940px; padding-top:1px; border-top:1px solid #d2d2d2; position:relative;} #section_simple .nav .list_horizontal {background:transparent url(../img/bg_simple_nav.png) no-repeat left bottom; width:940px; padding-bottom:1px;} #section_simple .nav a {font-size:13px; padding:8px 40px; border-right:1px solid #fff;} #section_simple .nav a:hover {background-color:#e0efff; text-decoration:none;} #section_simple .nav .on {background:#fff url(../img/bg_simple_nav_on.png) no-repeat right top; padding-right:4px;} #section_simple .nav .on a {background:#fff url(../img/bg_simple_nav_on.png) no-repeat left top; border-right:none; color:#442e13; font-weight:bold;} #section_simple .nav .resources {position:absolute; right:70px; top:5px; background-color:#f1f6f8; border:1px solid #c6d5e5; padding:1px 10px; height: 20px; width: 150px; z-index: 80;} #section_simple .nav .resources a {font-size:11px; background:transparent url(../img/icn_dropdown_light.png) right center no-repeat; padding:2px 20px 2px 0; border:none;} #section_simple .nav .resources:hover {background-color:#f8fdff;} #section_simple .nav .resources ul.dropdown {position: relative; border: 1px solid #C6D5E5; right: 9999px; z-index: 25; background-color: #f4f9ff; top: 1px; text-align: left; display: none;} #section_simple .nav li.active ul.dropdown {display: block; right: 11px; width: 170px; position: relative; z-index: 25;} #section_simple .nav ul.dropdown li {float: none; padding: 2px 0;} #section_simple .nav ul.dropdown li:hover {background-color: #fff;} #section_simple .nav .resources ul.dropdown a {background: transparent url(../img/icn_bullet.png) 0 center no-repeat; padding: 2px 0 2px 10px; margin-left: 10px; display: block;} /* Section Simple */ body.economy #section_simple .nav .economy, body.envrionment #section_simple .nav .envrionment, body.health_safety #section_simple .nav .health_safety, body.applications #section_simple .nav .applications {background:#fff url(../img/bg_simple_nav_on.png) no-repeat right top; padding-right:4px;} body.economy #section_simple .nav .economy a, body.environment #section_simple .nav .environment a, body.health_safety #section_simple .nav .health_safety a, body.applications #section_simple .nav .applications a {background:#fff url(../img/bg_simple_nav_on.png) no-repeat left top; border-right:none; color:#442e13; font-weight:bold;} #section_fci {margin-bottom:20px;} #section_fci .promo .photo {float:left; border:1px solid #bbb; margin-right:15px;} #section_fci .promo span {float:right; width:175px;} #section_fci h4 {margin-bottom:10px;} #section_fci h4 a {background-color:#f4f9ff; padding:5px 10px; display:block; font-size:16px; color:#828e9a; font-weight:normal;} #section_fci h4 a:hover {background-color:#f6fafe; text-decoration:none; color:#4872b6;} /*------ Homepage Styles ------*/ #homepage {} #homepage #section_simple {border:1px solid #d2d2d2; background:#fff url(../img/bg_simple.png) repeat-x left bottom; padding-bottom:42px; position:relative; margin-bottom:0; height: 281px; left: 0;} #homepage #section_simple div#cycle {padding-bottom:42px;} #homepage #section_simple #slideA {background:transparent url(../img/dl_environment_01.jpg) no-repeat 0 0; text-indent: -5000px;} #homepage #section_simple #slideB {background:transparent url(../img/dl_economy_01.jpg) no-repeat 0 0; text-indent: -5000px;} #homepage #section_simple #slideC {background:transparent url(../img/dl_applications_01.jpg) no-repeat 0 0; text-indent: -5000px;} #homepage #section_simple #slideD {background:transparent url(../img/dl_health_01.jpg) no-repeat 0 0; text-indent: -5000px;} #homepage #section_simple #slideE {background: transparent url(../img/dl_environment_01.jpg) no-repeat 0 0; text-indent: -5000px;} #homepage #section_simple #slideF {background: transparent url(../img/dl_economy_01.jpg) no-repeat 0 0; text-indent: -5000px;} #homepage #section_simple #slideG {background: transparent url(../img/dl_applications_01.jpg) no-repeat 0 0; text-indent: -5000px;} #homepage #section_simple #slideH {background: transparent url(../img/dl_health_01.jpg) no-repeat 0 0; text-indent: -5000px;} #homepage #section_simple #cycle {position: relative; height: 281px; width: 938px; overflow: hidden;} #homepage #section_simple ul.tabs {position:absolute; bottom: 0; border-top:none; background-color: #D9E9FA; height: 40px; width: 768px; padding-left: 170px; } #homepage #section_simple ul.tabs li {float: left; width: 150px; height: 30px;} #homepage #section_simple ul.tabs li a {display: block; height: 30px; width: 150px; text-align: center; border-left: 1px solid #fff; padding-top: 12px;} #homepage #section_simple ul.tabs li.slideD a {border-right: 1px solid #fff;} #homepage #section_simple ul.tabs li.slideD a.activeSlide {border-right: none;} #homepage #section_simple ul.tabs li a.activeSlide {background: url(../img/bg_simple_nav_on2.png) 0 0 no-repeat; color: #442e13; font-weight: bold; display: block; height: 30px;} #homepage #section_simple ul.tabs li a:hover.activeSlide {text-decoration: none;} #homepage #section_simple ul.tabs li.slideE a, #homepage #section_simple ul.tabs li.slideF a, #homepage #section_simple ul.tabs li.slideG a, #homepage #section_simple ul.tabs li.slideH a {position: absolute; top: 0px; left: 171px; height: 30px; width: 150px; display: none;} #homepage #section_simple ul.tabs li.slideF a {left: 320px;} #homepage #section_simple ul.tabs li.slideG a {left: 470px;} #homepage #section_simple ul.tabs li.slideH a {left: 620px;} #homepage #section_simple ul.tabs li.slideE a.activeSlide, #homepage #section_simple ul.tabs li.slideH a.activeSlide, #homepage #section_simple ul.tabs li.slideG a.activeSlide, #homepage #section_simple ul.tabs li.slideF a.activeSlide {display:block;} #homepage #section_resources {margin-top:14px; padding-top:6px; position:relative;} #homepage #section_resources h2 {display:block; background:transparent url(../img/bg_h2_resources.png) no-repeat center center; color:#6d4506; font:20px "Lucida Grande", "Lucida Sans", Arial, Verdana; text-align:center; font-weight:normal; padding:18px 0; margin-bottom:20px;} #homepage #section_resources h2 sub {vertical-align:-4px;} #homepage #section_resources .column {float:left;} #homepage #section_resources .colA {margin:0 20px 0 190px; width:440px;} #homepage #section_resources .colB {width:290px;} #homepage #section_resources .colB .list_bull {margin-left: 10px;} #homepage #section_resources .colB li {width:120px; border-bottom:1px solid #f0f0f0; padding-bottom:3px; margin:2px 0;} #homepage #section_resources .colC {color:#728846; width:130px; position:absolute; left:10px; top:0px; background:transparent url(../img/bg_molecule.png) no-repeat right top; padding-top:130px;} #homepage #section_resources .colC strong {color:#4c6122;} #homepage #section_fci {margin-top:40px; margin-bottom:0;} #homepage #section_fci .column {width:300px; float:left;} #homepage #section_fci .colB {margin:0 0 0 20px;} #section_fci .photo {float:left; border:1px solid #bbb; margin-right:15px;} #section_fci span {float:right; width:180px;} #section_fci h3 a {background-color:#f4f9ff; padding:5px 10px; display:block;} #section_fci h3 a:hover {background-color:#f6fafe; text-decoration:none; color:#4872b6;} #homepage #section_fci .column {width:48.9%;} #homepage #section_fci .column p {margin-left:10px;} #homepage #section_fci .column li a {display:block;} #homepage #section_fci .column .list_bull {margin:10px 0 10px 12px;} #homepage #section_fci .column .list_bull li {border-bottom:1px solid #f0f0f0; padding-bottom:8px; margin-top:10px;} #homepage #section_fci .column .list_bull li.last {border:none;} #homepage #section_fci .colB .list_bull li {color:#888; font-size:11px; line-height:14px;} #homepage #section_fci .colB .list_bull li a {font-size:12px;} #homepage #section_fci .column .newsListing p {margin-left: 0; font-size: 12px; color: #484848; margin-top: 4px; line-height: 17px;} /*------ Footer Styles ------*/ #footer {background:transparent url(../img/bg_watermark.png) no-repeat right 0px; padding:40px 0 20px 0; clear: both;} #footer .container {width:auto; margin:0; padding:20px 176px; border-top:1px solid #e8e9d1; text-align:center; color:#9a9a9a; font-size:11px;} #footer p {margin-top:10px;} #footer p a {color:#9a9a9a; font-weight:bold;} #footer li a {color:#666; border-right:1px solid #9a9a9a; padding:0 12px;} #footer li.last a {border-right:none;} /*------ General Styles ------*/ h1 {font-size:22px;} h2 {font-size:18px;} h3 {font-size:16px; color:#828e9a; font-weight:normal; margin-bottom:12px;} h3 a {color:#828e9a; font-weight:normal;} h4 {font-size:14px; padding-top: 10px;} h5 {font-size:12px;} h6 {font-size:11px;} a {text-decoration:none; color:#2f5593;} a:hover {text-decoration:underline; color:#4872b6;} a.more {display:block; background:transparent url(../img/icn_bullet.png) no-repeat left center; padding:5px 5px 5px 10px; font-weight:100;} h1, h2, h3, h4, h5, h6, strong {font-weight:bold;} em {font-style:italic;} form {} form .input {border:1px solid #bbb; background:#fff url(../img/bg_input.png) repeat-x 0 0; padding:3px; width:160px;} form .submit {vertical-align: bottom; *vertical-align: text-bottom;} form select {} form select option {} form textarea {} object, embed {display:block;margin-bottom:1em;} /*------ Global Classes (Things I Use All The Time) ------*/ .alt em, .accessibility {position: absolute; left: -5000px; top: -5000px;} .pos_left {float:left; margin-right:5px;} .pos_right {float:right; margin-left:5px;} .list_horizontal li {display: block; float: left;} .list_horizontal li a {display: block;} .list_bull { margin:10px 0;} .list_bull li {background: url(../img/icn_bullet.png) no-repeat 0px 4px; margin:10px 0; padding-left:16px;} .list_num {margin:1.0em; padding-left:10px;} .list_num li {list-style:decimal; margin:5px 0; padding-left:2px;} .clear {display:inline-block;} .clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }