/** * New CHRT.org Theme by Tiff Crutchfield * * Main Layout File */ /* Blueprint CSS 0.9.1 RESET */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* Blueprint CSS 0.9.1 GRID */ /* column-count: 24 */ /* column-width: 30 */ /* gutter-width: 12 */ /* total-width: 996 */ /* grid.css */ .container {width:996px;margin:0 auto;} .showgrid {background:url(src/grid.png);} .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:12px;} .last, div.last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:72px;} .span-3 {width:114px;} .span-4 {width:156px;} .span-5 {width:198px;} .span-6 {width:240px;} .span-7 {width:282px;} .span-8 {width:324px;} .span-9 {width:366px;} .span-10 {width:408px;} .span-11 {width:450px;} .span-12 {width:492px;} .span-13 {width:534px;} .span-14 {width:576px;} .span-15 {width:618px;} .span-16 {width:660px;} .span-17 {width:702px;} .span-18 {width:744px;} .span-19 {width:786px;} .span-20 {width:828px;} .span-21 {width:870px;} .span-22 {width:912px;} .span-23 {width:954px;} .span-24, div.span-24 {width:996px;margin-right:0;} input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;} input.span-1, textarea.span-1 {width:18px!important;} input.span-2, textarea.span-2 {width:60px!important;} input.span-3, textarea.span-3 {width:102px!important;} input.span-4, textarea.span-4 {width:144px!important;} input.span-5, textarea.span-5 {width:186px!important;} input.span-6, textarea.span-6 {width:228px!important;} input.span-7, textarea.span-7 {width:270px!important;} input.span-8, textarea.span-8 {width:312px!important;} input.span-9, textarea.span-9 {width:354px!important;} input.span-10, textarea.span-10 {width:396px!important;} input.span-11, textarea.span-11 {width:438px!important;} input.span-12, textarea.span-12 {width:480px!important;} input.span-13, textarea.span-13 {width:522px!important;} input.span-14, textarea.span-14 {width:564px!important;} input.span-15, textarea.span-15 {width:606px!important;} input.span-16, textarea.span-16 {width:648px!important;} input.span-17, textarea.span-17 {width:690px!important;} input.span-18, textarea.span-18 {width:732px!important;} input.span-19, textarea.span-19 {width:774px!important;} input.span-20, textarea.span-20 {width:816px!important;} input.span-21, textarea.span-21 {width:858px!important;} input.span-22, textarea.span-22 {width:900px!important;} input.span-23, textarea.span-23 {width:942px!important;} input.span-24, textarea.span-24 {width:984px!important;} .append-1 {padding-right:42px;} .append-2 {padding-right:84px;} .append-3 {padding-right:126px;} .append-4 {padding-right:168px;} .append-5 {padding-right:210px;} .append-6 {padding-right:252px;} .append-7 {padding-right:294px;} .append-8 {padding-right:336px;} .append-9 {padding-right:378px;} .append-10 {padding-right:420px;} .append-11 {padding-right:462px;} .append-12 {padding-right:504px;} .append-13 {padding-right:546px;} .append-14 {padding-right:588px;} .append-15 {padding-right:630px;} .append-16 {padding-right:672px;} .append-17 {padding-right:714px;} .append-18 {padding-right:756px;} .append-19 {padding-right:798px;} .append-20 {padding-right:840px;} .append-21 {padding-right:882px;} .append-22 {padding-right:924px;} .append-23 {padding-right:966px;} .prepend-1 {padding-left:42px;} .prepend-2 {padding-left:84px;} .prepend-3 {padding-left:126px;} .prepend-4 {padding-left:168px;} .prepend-5 {padding-left:210px;} .prepend-6 {padding-left:252px;} .prepend-7 {padding-left:294px;} .prepend-8 {padding-left:336px;} .prepend-9 {padding-left:378px;} .prepend-10 {padding-left:420px;} .prepend-11 {padding-left:462px;} .prepend-12 {padding-left:504px;} .prepend-13 {padding-left:546px;} .prepend-14 {padding-left:588px;} .prepend-15 {padding-left:630px;} .prepend-16 {padding-left:672px;} .prepend-17 {padding-left:714px;} .prepend-18 {padding-left:756px;} .prepend-19 {padding-left:798px;} .prepend-20 {padding-left:840px;} .prepend-21 {padding-left:882px;} .prepend-22 {padding-left:924px;} .prepend-23 {padding-left:966px;} div.border {padding-right:5px;margin-right:6px;border-right:1px solid #eee;} div.colborder {padding-right:26px;margin-right:27px;border-right:1px solid #eee;} .pull-1 {margin-left:-42px;} .pull-2 {margin-left:-84px;} .pull-3 {margin-left:-126px;} .pull-4 {margin-left:-168px;} .pull-5 {margin-left:-210px;} .pull-6 {margin-left:-252px;} .pull-7 {margin-left:-294px;} .pull-8 {margin-left:-336px;} .pull-9 {margin-left:-378px;} .pull-10 {margin-left:-420px;} .pull-11 {margin-left:-462px;} .pull-12 {margin-left:-504px;} .pull-13 {margin-left:-546px;} .pull-14 {margin-left:-588px;} .pull-15 {margin-left:-630px;} .pull-16 {margin-left:-672px;} .pull-17 {margin-left:-714px;} .pull-18 {margin-left:-756px;} .pull-19 {margin-left:-798px;} .pull-20 {margin-left:-840px;} .pull-21 {margin-left:-882px;} .pull-22 {margin-left:-924px;} .pull-23 {margin-left:-966px;} .pull-24 {margin-left:-1008px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -42px 1.5em 42px;} .push-2 {margin:0 -84px 1.5em 84px;} .push-3 {margin:0 -126px 1.5em 126px;} .push-4 {margin:0 -168px 1.5em 168px;} .push-5 {margin:0 -210px 1.5em 210px;} .push-6 {margin:0 -252px 1.5em 252px;} .push-7 {margin:0 -294px 1.5em 294px;} .push-8 {margin:0 -336px 1.5em 336px;} .push-9 {margin:0 -378px 1.5em 378px;} .push-10 {margin:0 -420px 1.5em 420px;} .push-11 {margin:0 -462px 1.5em 462px;} .push-12 {margin:0 -504px 1.5em 504px;} .push-13 {margin:0 -546px 1.5em 546px;} .push-14 {margin:0 -588px 1.5em 588px;} .push-15 {margin:0 -630px 1.5em 630px;} .push-16 {margin:0 -672px 1.5em 672px;} .push-17 {margin:0 -714px 1.5em 714px;} .push-18 {margin:0 -756px 1.5em 756px;} .push-19 {margin:0 -798px 1.5em 798px;} .push-20 {margin:0 -840px 1.5em 840px;} .push-21 {margin:0 -882px 1.5em 882px;} .push-22 {margin:0 -924px 1.5em 924px;} .push-23 {margin:0 -966px 1.5em 966px;} .push-24 {margin:0 -1008px 1.5em 1008px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .prepend-top {margin-top:1.5em;} .append-bottom {margin-bottom:1.5em;} .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;visibility:hidden;} .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} /* Blueprint CSS 0.9.1 TYPOGRAPHY -------------------------------------------- */ /* typography.css */ html {font-size:100.01%;} body {font-size:75%;color:#222;font-family:Verdana,"Helvetica Neue", Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* Reset Line and Paragraph Spacing -------------------------------------------- */ h3, h4, p, ul, ol { margin-bottom: .5em; } h2 { font-size: 1.75em; line-height: 1.2; margin: 1em 0 0.5em 0; color: #669690; } h3 { margin-top: 1em; color: #294a19; } h4 { font-weight: bold; color: #4fa19e; } /* p, h1, h2, h3, h4, h5, h6, ul, ol { margin-top: 0; margin-bottom: .5em; } h1 { font-size: 2.5em; line-height: 1 } h2 { color: #008282; font-weight: bold; line-height: 1 } h3, h4 { color: #005b44; line-height: 1.25; margin-top: .75em; } p, h5, h6 { line-height: 1.5; } */ /* Misc Styles and defaults -------------------------------------------- */ body { color: #333; margin-bottom: 40px; } html { background: #008282; /* background: #626467 url(../images/bg.gif) repeat; */ } /* Debug */ div { } /* CONTAINER ----------------------------------------- */ #Page { width: 996px; padding: 0 11px; border: 1px solid #8aa48c; margin: 12px auto; background-color: #4fa19e; } #Sidebar { width: 156px; float: left; margin: 0 0 0 -11px; padding: 0 12px 0 11px; /* For IE6 */ display: inline; overflow: hidden; } #site-logo { background-color: white; padding: 15px 12px 9px 11px; margin-left: -11px; } #Container { width: 828px; float: left; background: white url(../images/layout-bg-stationery.jpg) repeat-y; min-height: 800px; width: 786px; margin: 0 -11px 0 0; padding: 0 11px 2em 42px; /* For IE6 */ display: inline; overflow: hidden; } /* background: #fff url(../images/containerbg.gif) repeat-y; } */ #Sidebar2 { width: 240px; float: right; padding-top: 3em; } #Sidebar3 { width: 240px; float: right; padding-top: 3em; } #Sidebar2 h2, #Sidebar3 h4 { color: #004F5A; padding-bottom: 2px; border-bottom: 2px solid #934600; } #Layout { width: 786px; float: left; margin-right: 0; /* border-left: 3px solid #857D92; */ /* border-top: 3px solid #8aa48c; */ } #Content { text-align: left; float: left; width: 618px; margin-right: 12px; padding-right: 42px; /* For IE6 */ position: relative; display: inline; } #ExtendedContent { text-align: left; float: left; width: 618px; margin-right: 12px; padding-right: 42px; } #FullContent { text-align: left; float: left; width: 786px; margin-right: 0; } .wide { text-align: left; float: left; width: 786px; margin-right: 0; } #PageExtras, #HomePageExtras { width: 240px; float: right; margin: 0 -179px 0.5em 42px; padding-right: 11px; /* For IE6 */ position: relative; display: inline; } #HomePageExtras { border-bottom: 1px solid #A29FA6; background: #eceae9 url(../images/article-extras-bg-lined-2.jpg) repeat-y; } #HomePageExtras > * { margin-left: 12px; } /* HEADER ----------------------------------------- */ #Main-Header { margin: 0 -11px 0 -42px; padding: 0 11px 0 42px; width: 786px; height: 162px; float: left; text-align: right; background: white url(../images/main-header.png) no-repeat; border-bottom: 1px solid #787d96; position: relative; /* For IE6 */ display: inline; } #Main-Header img { display: block; height: 162px; width: 839px; overflow: hidden; position: absolute; top: 0; left: 0; } #Header { margin: 0 -11px 0.5em -42px; padding: 0 11px 0 42px; width: 786px; height: 76px; float: left; text-align: right; border-bottom: 1px solid #787d96; position: relative; /* For IE6 */ display: inline; } .blog #Header { background: white url(../images/sections/blog-header.png) no-repeat; } .about #Header { background: white url(../images/sections/about-header.png) no-repeat; } .research #Header { background: white url(../images/sections/research-header.png) no-repeat; } .publications #Header { background: white url(../images/sections/publications-header.png) no-repeat; } .public-policy #Header { background: white url(../images/sections/public-policy-header.png) no-repeat; } .events #Header { background: white url(../images/sections/events-header.png) no-repeat; } .news #Header { background: white url(../images/sections/news-header.png) no-repeat; } #Header h1 { font-weight: normal; color: #787d96; margin-bottom: 0; } #site-title { float: left; padding-top: 1em; } #Header p { font-size: 1.4em; color: #fff; clear: left; margin: 0 0 0 100px; } /* MAIN NAVIGATION - TABS ----------------------------------------- */ #Navigation { width: 996px; margin: 0 auto; padding-top: 5px; overflow: hidden; /* background: #4ea3d7 url(../images/headerRounded.gif) no-repeat center bottom; */ } #Navigation ul { float: right; margin-right: 10px; } #Navigation ul li { list-style: none; margin: 0 2px; float: left; line-height: 2.8em; display: block; } #Navigation ul li a { float: left; text-decoration: none; display: block; height: 2.3em; font-size: 1.2em; padding: 0 0 0 10px; color: #fff; } #Navigation ul li a span { text-align: center; float: left; padding-right: 10px; height: 2.3em; } #Navigation ul li a:hover { /* background: #93C7E7 url(../images/hoverTabLeft.gif) no-repeat left top; */ color: #fff; cursor: pointer; } #Navigation ul li a:hover span { /* background: #93C7E7 url(../images/hoverTabRight.gif) no-repeat right top; */ cursor: pointer; } #Navigation ul li a.current, #Navigation ul li a.section, #Navigation ul li a.section:hover, #Navigation ul li a.current:hover { /* background: #fff url(../images/activeTabLeft.png) no-repeat left top; */ color: #444; } #Navigation ul li a.current span, #Navigation ul li a.section span, #Navigation ul li a.section:hover span, #Navigation ul li a.current:hover span { /* background: #fff url(../images/activeTabRight.png) no-repeat right top; */ color: #444; } /* BREADCRUMBS -------------------------------------------- */ #Breadcrumbs { color: #B7C0C5; text-align: left; font-size: 0.9em; margin: 0 0 3em 0; } #Breadcrumbs p { margin: 0; } #Breadcrumbs a { color: #3C1D73; font-weight: normal; } /* SIDEBAR -------------------------------------- */ /* #Sidebar { width: 156px; float: left; margin: 10px 0 0 0; padding: 0; } #Sidebar .sidebarBox { margin: 0 0 5px 0; padding-bottom: 2px; /* background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; */ } #Sidebar ul { margin: 2px 0 5px 3px; } #Sidebar li { margin: 8px 2px; list-style: none; } #Sidebar h3 { clear: both; text-transform: lowercase; color: #fff; font-weight: 700; font-size: 1.4em; margin: 0 0 10px 0; line-height: 1.8; padding: 1px 0 0 10px; /* background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left; */ } #Sidebar .sidebarBottom { height: 15px; display: block; width: 200px; margin: -5px 0 0 0; /* background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom; */ } #Sidebar a em { font-style: normal; } #Sidebar p { font-size: 11px; clear: both; margin: 10px 10px 0 10px; } /* MENU2 */ ul#Menu2 { width: 156px; float: right; margin: 0 -179px 0.5em 12px; padding-right: 11px; text-align: right; } ul#Menu2 li { font-size: 0.9em; margin: 1px 0 5px 0; list-style: none; } ul#Menu2 li a { display: block; width: 156px; font-size: 1em; height: 1.5em; color: #514d5a; } ul#Menu2 li em { padding-left: 8px; display: block; } ul#Menu2 li li em { padding-left: 0; } /* Level 1 - We use 3 elements for the nav to get 3 background images applied. * span - topleft rounded corner * em - bottomleft rounded corner * a - arrow on the right */ ul#Menu2 li a:hover, ul#Menu2 li a.current, ul#Menu2 li a.current:hover { /* background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center; */ color: #666; cursor: pointer; text-decoration: none; } ul#Menu2 li a.current { font-weight: 700; } ul#Menu2 li a.section, ul#Menu2 li a.section:hover { background: #DCDCDC; font-weight: 700; width: 193px; } ul#Menu2 li a.levela:hover span, ul#Menu2 li a.current span, ul#Menu2 li a.section span, ul#Menu2 li a.section:hover span, ul#Menu2 li a.current:hover span { /* background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top; */ display: block; width: 100%; height: 100%; } ul#Menu2 li a.levela:hover em, ul#Menu2 li a.current em, ul#Menu2 li a.section em, ul#Menu2 li a.section:hover em, ul#Menu2 li a.current:hover em { /* background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom; */ display: block; width: 100%; height: 100%; } ul#Menu2 li ul { height: 100%; position: relative; margin: -4px 0 0 0; width: 193px; padding: 4px 0 10px 0; /* background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left; */ } ul#Menu2 li ul li { width: 160px; background: #DCDCDC; padding: 0; font-size: 0.8em; display: inline; margin: 0; } ul#Menu2 li ul li ul { background: #DCDCDC; margin-left: 0; } ul#Menu2 li li a.current, ul#Menu2 li li a.section, ul#Menu2 li li a.section:hover, ul#Menu2 li li a.current:hover { color: #555; font-weight: 700; background: #DCDCDC; } ul#Menu2 li li ul { margin: 0 0 0 10px; padding: 0; width: 175px; } ul#Menu2 li li ul .roundWhite { margin-bottom: -10px; } /* Sub Menu */ ul#Menu2 li a.levelb { font-size: 1.7em; text-indent: 8px; width: 188px; background: transparent; margin-left: 10px; } ul#Menu2 li a.levelb:hover, ul#Menu2 li li a.current, ul#Menu2 li li a.current:hover, ul#Menu2 li li a.section, ul#Menu2 li li a.section:hover { /* background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center; */ text-decoration: none; display: block; color: #fff; } ul#Menu2 li a.levelb:hover span, ul#Menu2 li li a.current span, ul#Menu2 li li a.current:hover span, ul#Menu2 li li a.section span, ul#Menu2 li li a.section:hover span { /* background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top; */ display: block; width: 100%; height: 100%; } ul#Menu2 li a.levelb:hover em, ul#Menu2 li li a.current em, ul#Menu2 li li a.current:hover em, ul#Menu2 li li a.section em, ul#Menu2 li li a.section:hover em { /* background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom; */ display: block; width: 100%; height: 100%; } /* COMMENTS ---------------------------------------- */ #CommentHolder ul { list-style: none; margin: 20px 0; } #PageComments li { margin: 5px 0; width: 88%; } #PageComments li.odd { /* background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%; */ padding-left: 42px; padding-right: 42px; padding-top: 1em; border-top: 1px solid #47a9b7; } #PageComments li.even { /* background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%; */ padding-right: 42px; padding-left: 42px; padding-top: 1em; border-top: 1px solid #47a9b7; } #PageComments li.odd p.info, #PageComments li.even p.info { color: #4FA19E; } .actionLinks li { display: inline; border-right: 1px solid #ddd; } .actionLinks li a { padding-right: 3px; font-size: 10px; } .actionLinks li.last { border-right: none; } .commentrss { /* background: transparent url(../images/feed-icon-14x14.png) no-repeat; */ padding-left: 20px; font-size: 1.1em; line-height: 1.6em; } #PageCommentsPagination p { text-align: center; font-size: 1.2em; } #PageComments p { font-size: 1em; } #PageComments p.info { color: #999; margin: 0px; padding: 0; line-height: 1em; font-size: 0.9em; } /* SEARCH RESULTS STYLES ------------------------------------------------ */ ul#SearchResults { margin: 10px 0; } ul#SearchResults li { list-style: none; margin: 5px 0; font-size: 1em; } /* SEARCH FORM -----------------------------------------------*/ html #SearchForm_SearchForm { width: 156px !important; padding: 1em 0; /* For IE6 */ overflow: hidden; } html #SearchForm_SearchForm * { margin: 0; padding: 0; border: none; background-color: transparent; } html #SearchForm_SearchForm #Search, html #SearchForm_SearchForm .middleColumn { width: 156px !important; } html #SearchForm_SearchForm .middleColumn input.text { width: 156px !important; border: none; color: #666; background-color: white; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; } html #SearchForm_SearchForm legend, html #SearchForm_SearchForm #SearchForm_SearchForm_action_results { display: none; } /* MESSAGEBOXS --------------------------------------------- */ .message { margin: 15px; padding: 5px; width: 92%; color: #979908; border: 4px solid #F7F8B4; background: #FFFFEA; } span.middleColumn .message { margin: 4px 0 0 3px; } .required { margin: 4px 0 0 3px; padding: 5px; width: 92%; color: #DC1313; border: 4px solid #FF7373; background: #FED0D0; } p#Remember label { margin: -24px 0 0 20px; text-align: left; } .entry { border-bottom: 1px solid #eee; } .typography #Content p.authorDate { color: #444; margin-top: -15px; } /* UNSUBSCRIBE NEWSLETTER ------------------------------------------------ */ #Unsubscribe_MailingListForm_MailingListForm{ min-height:100px; } #Unsubscribe_MailingListForm_MailingListForm p{ margin:0 !important; padding:10px; } #Unsubscribe_MailingListForm_MailingListForm p label{ display: inline; } #Unsubscribe_MailingListForm_MailingListForm label{ margin:0; } /* FOOTER ----------------------------------------------- */ #Footer { clear: both; margin: 0 -11px; padding: 2em 11px 1em 11px; border-top: 2px solid #97D400; background: white; /* background: transparent url(../images/footerBottom.gif) no-repeat bottom left; */ } #Footer .footerTop { width: 100%; /* background: transparent url(../images/footerTop.gif) no-repeat top left; */ display: block; height: 2em; } #Footer p { } #Footer a { text-decoration: none; } #Footer a:hover { text-decoration: underline; } /* CHRTCLASSIC NAVIGATION */ /*nav */ div#nav{ width: 828px; background-color:#7e6288; color:white; line-height:1.3; padding: 0 11px 0 0; position: relative; margin: 0 -11px 0 168px; /* border-bottom: 1px solid #31B2C5; */ } div#nav ul.nav { float: right; margin: 0 -11px 0 0; } div#nav ul.nav li{ list-style:none; margin:0; } /* div#nav ul.nav ul{ display:block; float:none; } */ div#nav ul.nav li { padding:.5em 0; float: left; } div#nav ul.nav li li{ padding:.5em 0; float:none; } div#nav ul.nav{ font-weight:bold; } div#nav ul.nav ul{ display:none; z-index:-1; position:absolute; font-weight:normal; padding: 0; margin: .5em 0 0 0; background:#00788a; border:1px solid #f9f7df; /*border-top:1px solid #00788a;*/ border-left:1px solid #c1d72e; border-bottom:1px solid #c1d72e; /* width:156px; */ } div#nav ul.nav li:hover ul, div#nav ul.nav li.over ul{ display:block; z-index:10; } div#nav ul.nav li:hover { background:#00788a; } div#nav ul.nav a{ color:white; text-decoration: none; padding:0 12px; border-left:1px solid #c1d72e; border-bottom:none; display:block; line-height:1.3; } div#nav ul.nav ul a{ /* color:#c1d72e; */ padding: 0 12px; border-left:none; display: inline; } div#nav a#p-home{ border-left:none; } h1.pagetype { font-size: 1.5em; font-weight: bold; color: #855CCC; width: auto; text-transform: uppercase; } .upcoming-events { margin: 1em -11px; padding: .5em 11px; border: 1px solid #b76987; } .upcoming-events h4.event-info { font-weight: normal; } .subsection-list { margin-bottom: 1.5em; } .subsection-list h2, .archive-list h2 { } .structural { margin-top: 0; color: #7b708f; } h1.structural { font-size: 2em; } .more { text-align: right; } .more a { font-weight: normal; } .subsection-list h3.more { border-top: 2px solid #7b708f; padding-top: 0.5em; } .subsection-list h3.more a { color: #7b708f; } #site-features-nav, #site-features-nav li { list-style-type: none; margin: 0; padding: 0; } #site-features-nav img { padding-bottom: 0.5em; } .article-extras { margin-bottom: 1.5em; margin-right: -11px; padding: 0 12px; /* border-left: 1px solid #5E5349; */ /* border-top: 2px solid #473B30; */ border-bottom: 1px solid #A29FA6; background: #eceae9 url(../images/article-extras-bg-lined-2.jpg) repeat-y; font-size: .9em; } .article-extras a { text-decoration: underline; } .article-extras h3 { color: white; background-color: #602010; font-weight: bold; font-size: 1em; margin: 0 -12px 0.5em -12px; padding: 3px 12px; } .article-extras h4 a { color: #602010; } .article-extras ul, .article-extras li { list-style-type: none; margin: 0; padding: 0; } .article-extras li { margin-bottom: .5em; } .article-extras h4, .article-extras h5 { font-weight: bold; color: #602010; } .article-extras h4 { margin: 1em 0 0.5em 0; } .article-extras ul li:first-child h4, .article-extras h3 + h4 { margin-top: 0.5em; } .article-extras h5 { margin: 1em 0 0.5em 0; } .article-extras .more a { color: #602010; } .news-summary, .article-tools { float: left; width: 240px; margin: 0 12px 0.5em 0; } .press-release-summary { width: 228px; padding: 5px; border: 1px solid #939393; margin: 0; } .press-release-summary p { margin-bottom: 0; } .in-the-media-summary { width: 228px; padding: 5px; border: 1px solid #939393; } .press-release-summary + .in-the-media-summary { margin-top: 0.25em; } .in-the-media-summary h4 { font-weight: bold; color: #824d3d; } .in-the-media-summary p { margin: 0; } .in-the-media-summary a { color: #824d3d; } /* LINK ICONS - shows type of file ------------------------------------ */ .article-extras a[href$=".pdf"], .article-extras a[href$=".PDF"], .article-extras a.pdf, .press-release-summary a[href$=".pdf"], .press-release-summary a[href$=".PDF"], .press-release-summary a.pdf, .download-item a[href$=".pdf"], .download-item a[href$=".PDF"], .download-item a.pdf { padding: 2px 0 2px 20px; background: url(../images/icons/document_acrobat.png) no-repeat left center; } .article-extras a[href$=".doc"], .article-extras a[href$=".DOC"], .article-extras a.doc, .press-release-summary a[href$=".doc"], .press-release-summary a[href$=".DOC"], .press-release-summary a.doc, .download-item a[href$=".doc"], .download-item a[href$=".DOC"], .download-item a.doc { padding: 2px 0 2px 20px; background: url(../images/icons/document_word.png) no-repeat left center; } .article-extras a[href$=".xls"], .article-extras a[href$=".XLS"], .article-extras a.xls, .download-item a[href$=".xls"], .download-item a[href$=".XLS"], .download-item a.xls { padding: 2px 0 2px 20px; background: url(../images/icons/document_excel.png) no-repeat left center; } .article-extras a[href$=".ppt"], .article-extras a[href$=".PPT"], .article-extras a.xls, .download-item a[href$=".ppt"], .download-item a[href$=".PPT"], .download-item a.ppt { padding: 2px 0 2px 20px; background: url(../images/icons/document_powerpoint.png) no-repeat left center; } .article-extras a[href$=".gz"], .article-extras a[href$=".GZ"], .article-extras a[href$=".gzip"], .article-extras a[href$=".GZIP"], .article-extras a[href$=".zip"], .article-extras a[href$=".ZIP"], .article-extras a.archive { padding: 2px 0 2px 20px; background: url(../images/icons/archive_zip.png) no-repeat left center; } .date { font-weight: bold; color: #b9785c; margin-bottom: 0; } .mini-date { font-weight: normal; color: #b9785c; } .date + h2, .date + h3, .date + h4 { margin-top: 0; } .spotlightitem { border-top: 1px solid #7b708f; margin-bottom: 1em; } .spotlightitem .more { margin-bottom: 0.5em; } .spotlightitem .date, .article-extras .date { margin: 0 0 0 0; } .spotlightitem .source { font-weight: bold; color: #939393; } .spotlightitem h4 { font-size: 1em; line-height: 1.5; margin-top: 0; } .spotlightitem h4, .spotlightitem p { margin: 0; } .spotlightitem h4, .spotlightitem a { color: #602010; } .spotlightitem h4 a { text-decoration: none; } .spotlightitem h4 a:hover { text-decoration: underline; } .spotlightitem a.chrt-feature-link { font-weight: bold; } .spotlightitem ul.related-files, .spotlightitem ul.related-files li { list-style-type: none; padding: 0; margin: 0; } .chrtwatchitem .citation { font-size: 1em; font-weight: normal; color: #572823; } .blogthumb, .blogphoto { float: left; margin: 0 12px 0.5em 0; } .pub-box { background-color: white; width: 720px; border: 1px solid #999; padding: 11px; float: left; margin: 0 0 1.5em 0; } .sub-pub { margin-top: 1em; } .pub-box img, .sub-pub img { float: left; margin: 0 12px .5em 0; } .sub-pub .title { margin-bottom: 0.25em; } .subtitle { margin-top: 0; color: #788a83; } .citation { } .contact { font-weight: bold; color: #335D63; } .category { font-weight: bold; color: #7c8f4c; } .sub-pub .category, .front-page-feature .category { margin-top: 0; } .position-titles { color: #6e6051; } .feature .title { font-size: 2.5em; font-weight: bold; } .research .feature .title { font-size: 2em; } .feature .subtitle { font-weight: bold; } .feature .project-focus-area { color: #294a19; } .listing .title { font-weight: bold; } .publications .listing .title, .public-policy .listing .title { margin-top: 0; } .listing .subtitle { font-weight: bold; } .press-release .title { font-weight: bold; } .summary h3 { font-weight: bold; } .sub-pub .title a, .listing .title a, .front-page-feature .title a { text-decoration: none; } .sub-pub .title a:hover, .listing .title a:hover, .front-page-feature .title a:hover { text-decoration: underline; } .research .listing .title { font-size: 1.25em; } .front-page-feature { margin: 2em 0 0 0; width: 492px; float: left; } .front-page-feature h1 { font-size: 2em; } .front-page-feature h2 { font-size: 1.5em; } .front-page-feature .title, .front-page-feature .subtitle { font-weight: bold; } .front-page-feature img { float: left; margin: 0 12px 1em 0; } #Spotlight h3 { font-weight: bold; } .sub-pub .title { font-size: 1.5em; line-height: 1.3; } .project-item { border-top: 1px solid #47a9b7; } .project-item h2 { margin-top: 0.25em; } #TopicsNav a { color: white; } .subscribeLink, .commentrss { background: url(../../../blog/images/feed-icon-14x14.png) no-repeat left center; padding-left: 20px; }