/* ************************************************* General Screen Styles Created by Happy Cog http://www.happycog.com ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; } body { font: 62.5% Verdana, Arial, Helvetica, Sans-serif; background-color: #ffffff;} a, a:link, a:visited, a font { color: #0000FF; text-decoration: none; } a:visited { color: #0000FF} a:hover, a:focus { } a.big { font-family: verdana, arial, helvetica, sans-serif; font-size: 15px; font-weight: bold;} .more { font-weight: bold; } h1 { font-size: 18px; margin-bottom: 0.2em; } h2 { font-size: 13px; color: #666; } h3 { margin-bottom: 0.2em; font-size: 15px; line-height: 1.3; font-weight: bold; } h4 { margin-bottom: 0.2em; font-size: 12px; line-height: 1.3; } h5 { margin-bottom: 0.2em; font-size: 12px; line-height: 1.3; color: #999; } h6 { margin-bottom: 0.2em; font-size: 12px; line-height: 1.3; font-weight: normal; color: #999; } p, blockquote { line-height: 1.5; margin-bottom: 1.2em; } ul { list-style: none; } /* lists that SHOULD have bullets */ div.bloglinks ul, div.findoutmore ul, div.feature ul, div.quicklinks ul, div.callouts ul { list-style: disc; } div.quicklinks ul { list-style-type: circle; } div.bloglinks ol, div.findoutmore ol, div.feature ol, div.quicklinks ol, div.callouts ol { list-style-type: decimal; padding-left: 1em; } div.bloglinks ol, div.findoutmore ol, div.feature ol, div.quicklinks ol, div.callouts ol, div.bloglinks ul, div.findoutmore ul, div.feature ul, div.quicklinks ul, div.callouts ul { margin-left: 1.5em; line-height: 1.5em; margin-bottom: 1.2em; } div.bloglinks li, div.findoutmore li, div.feature li, div.quicklinks li, div.callouts li { margin-bottom: 0.6em; } hr { border: 0; width: 90%; color: #999; background-color: #999; height: 1px; margin: 1em 0; } /*------------------------------------------- General Layout -------------------------------------------*/ #headerwrap { width: 100%; background: transparent url() no-repeat left bottom; margin: 0 auto; padding-left: 20px;} /* #headerwrap { width: 100%; background: transparent url(http://www.environmentaldefense.org/content_Images/redesign/header_bg.gif) no-repeat center bottom; } */ #header { width: 680px; margin: 0 auto; padding: 5px 0 0; overflow: hidden;} #container { font-size: 11px; background: #ffffff url(/content_images/bg_columns.gif) 0 0 repeat-y; width: 680px; margin: 0 auto; overflow: hidden; padding-bottom: 0px; padding-left: 10px; } #blank_container { font-size: 12px; background: #fff; width: 700px; margin: 0 auto; overflow: hidden; } #blank_container p { font-size: 12px; } #header h1 { height: 160px; width: 10px; background: transparent; margin: 0 0 0px; float: left; } #header div { float: right; margin: -7px 1px 0 0; text-align: right; } #header h2 { text-indent: -9999px; width: 362px; height: 32px; background: transparent url() no-repeat 0 0; text-align: left; } #subcol { margin-left: 1px; clear: left; width: 215px; float: left; border-top: 1px solid #fff; border-right: 1px solid #fff; background-color: #e8edf3; } #mission { font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; width: 700px; float: left; } i.mission {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333;} #benefits { font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; width: 700px; float: left; } /*------------------------------------------- Home Page -------------------------------------------*/ #left { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; width: 325px; float: left; color: #333; background-color: #fff; } #left2 { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; width: 680px; float: left; color: #333; background-color: #fff; } #right { font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; width: 325px; float: right; color: #333; background-color: #fff; } b.small { font-family: verdana, arial, helvetica, sans-serif; font-size: 8px; color: #000000; font-weight: bold;} b.head { font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; color: #556573; background-color: #fff; } b.big { font-family: verdana, arial, helvetica, sans-serif; font-size: 15px; color: #000000;} b.science { font-family: verdana, arial, helvetica, sans-serif; font-size: 20px; font-weight: bold;} b.stephead { font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000;} b.steps { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #556573;} hr.sepr {text-align: left; height: 6px; width: 350px; color: #556573; background-color: #556573;} hr.sepl {text-align: left; height: 5px; width: 400px; color: #556573; background-color: #556573;} #full { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; width: 680px; float: none; color: #333; background-color: #fff; } #full ul {margin-left: 2em; } img.full { border-width: 8px; border-color: #ffffff; border-style: dotted; } /*------------------------------------------- Navigation -------------------------------------------*/ ul#nav { height: 25px; border-left: 1px solid #fff; clear: left; float: left; } ul#nav li { float: left; border-right: 1px solid #fff; } ul#nav li a { display: block; height: 25px; text-indent: -4100px; background-repeat: no-repeat; background-position: 0 0; } ul#nav li#vibrio_blank a { width: 50px; background-image: url(/projects/ohhi/vibrio/images/nav/navblank.png); } ul#nav li#vibrio_home a { width: 63px; background-image: url(/projects/ohhi/vibrio/images/nav/home.png); } ul#nav li#vibrio_about a { width: 87px; background-image: url(/projects/ohhi/vibrio/images/nav/about.png); } ul#nav li#vibrio_sciback a { width: 173px; background-image: url(/projects/ohhi/vibrio/images/nav/sciback.png); } ul#nav li#vibrio_scenarios a { width: 176px; background-image: url(/projects/ohhi/vibrio/images/nav/scenarios.png); } ul#nav li#vibrio_gis a { width: 133px; background-image: url(/projects/ohhi/vibrio/images/nav/gismap.png); } ul#nav li#vibrio_archive a { width: 87px; background-image: url(/projects/ohhi/vibrio/images/nav/archive.png); } ul#nav li#vibrio_blank a { width: 50px; background-image: url(/projects/ohhi/vibrio/images/nav/navblank.png); } ul#nav li a:hover { background-color: #556573; background-position: 0 -25px; } ul#nav li.current a { background-position: 0 -50px; } #tag1356 ul#nav li#nav-home a { background-position: 0 -50px; } #tag337 ul#nav li#nav-work a { background-position: 0 -50px; } /*------------------------------------------- Common Styles -------------------------------------------*/ .imageWcaptionR, .imageWcaptionL { width: 252px; margin-bottom: 1em; color: #666; } .imageWcaptionL { float: left; margin-right: 20px; } .imageWcaptionR { float: right; margin-left: 16px; } .imageWcaptionR img, .imageWcaptionL img { border: solid 1px #ccc; } /*------------------------------------------- Primary -------------------------------------------*/ #primary h3 { color: #000; } #primary h3 a { color: #000; color: #003874; } #primary h3 a:hover, #primary h3 a:focus { color: #4a82c3; } /*------------------------------------------- Breadcrumbs -------------------------------------------*/ div.breadcrumbs { margin: 0 26px; padding-top: 16px; width: 505px; width: 497px; float: left; display: inline; font-size: 9px; color: #999; } * html div.breadcrumbs { width: 493px; } #primary .breadcrumbs a, #primary .breadcrumbs a:link { color: #999; } #primary .breadcrumbs a:visited { color: #666; } #primary .breadcrumbs a:hover, #primary .breadcrumbs a:active { color: #666; } /* don't show on top level pages */ #tag8081 #primary .breadcrumbs, #tag337 #primary .breadcrumbs, #tag820 #primary .breadcrumbs, #tag476 #primary .breadcrumbs, #tag382 #primary .breadcrumbs, #tag673 #primary .breadcrumbs { display: none; } /*------------------------------------------- Page body -------------------------------------------*/ div.pagebody { margin: 0 26px; padding: 16px 0 26px 0; width: 505px; width: 497px; float: left; display: inline; } * html div.pagebody { width: 493px; } .pagebody p, .pagebody blockquote, .pagebody ul, .pagebody ol { font-size: 12px; } .pagebody ul, .pagebody ol { line-height: 1.5; margin-bottom: 1em; margin-left: 3em; } .pagebody blockquote { margin-left: 1em; padding-left: 1em; border-left: 3px #ccc solid; } .pagebody ul { list-style: disc; } .pagebody ol { list-style: decimal; } #primary .pagebody li { margin-bottom: .5em; } .pagebody .pageinfo { color: #666; font-size: 11px; } .pagebody .pageinfo, .pagebody h2 { margin-bottom: 10px; } .pagebody h2 { } .pagebody h1 { margin-top: 0; font-size: 18px; } #primary .pagebody h4.pagetype { text-transform: uppercase; color: #ccc; font-weight: bold; } /*------------------------------------------- Section/Campaign Banner -------------------------------------------*/ #sectionbannerwrapper { width: 100%; color: #fff; background: #4a82c3 url(http://www.environmentaldefense.org/content_images/section_bg.jpg) repeat-x center top; margin-top: 1px; } .sectionbanner { width: 860px; margin: 0 auto; padding-top: 4px; padding-bottom: 5px; padding-left: 40px; height: 30px; } .sectionbanner h3 { float: left; padding: 0; margin: 0; overflow: hidden; font-weight: normal; font-size: 22px;} .sectionbanner p { float: right; margin-right: 20px; margin-top: 8px; } .sectionbanner h3 a, .sectionbanner h3 a:link, .sectionbanner h3 a:visited { color: #fff; } .sectionbanner h3 a:hover, .sectionbanner h3 a:active { color: #eee; text-decoration: none; } /*------------------------------------------- Breaking News -------------------------------------------*/ #breakingnewsholder { margin: 20px 26px 0; border: 1px solid #f58220; padding: 1px; float: left; width: 489px; } #breakingnews { float: left; background: transparent url(http://www.environmentaldefense.org/content_Images/redesign/breakingnewsbg.gif) no-repeat 0 -1px; width: 100%; } #breakingnews div { float: left; width: 72px; padding: 13px 12px 0; margin: 0 1px 0 0; } #breakingnews h1 { text-indent: -9999px; background: transparent url(http://www.environmentaldefense.org/content_Images/redesign/breakingnews_headline.gif) no-repeat 0 0; width: 73px; height: 29px; margin: 0 0 20px; } #breakingnews h2 { color: #fff9e2; margin: 0 0 15px; } #breakingnews dl { padding: 12px 18px; margin: 0 0 0 96px; line-height: 1.5; } #breakingnews dt { margin: 0 0 0.75em; font-size: 13px; font-weight: bold; } #breakingnews a { color: #024c8b; } #breakingnews a:hover, #breakingnews a:focus { color: #4a82c3; } /*------------------------------------------- Right Sidebox (Articles and Detail Pages) -------------------------------------------*/ #pagesidebar { float: right; width: 252px; padding-left: 16px; padding-bottom: 16px; padding-right: 10px; } #pagesidebar img { width: 250px; border: solid 1px #ccc; } .sidebox { border: solid 1px #9c877c; background: transparent right top repeat-x url(http://www.environmentaldefense.org/content_Images/redesign/bg_quicklinks.gif); padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 7px; } p.caption { color: #666; } #pagesidebar .sidebox p, #pagesidebar .sidebox ul, #pagesidebar .sidebox ol, #pagesidebar .sidebox blockquote, p.caption { font-size: 11px; } #pagesidebar .sidebox img { width: auto; border: 0; } #pagesidebar .sidebox h3 { font-size: 12px; color: #5e4b41; } #pagesidebar .sidebox ul { margin-left: 1.5em; } #pagesidebar .sidebox ol { margin-left: 2em; } #pagesidebar .sidebox a { color: #5e4b41; } #pagesidebar .sidebox a:hover, #pagesidebar .sidebox a:focus { color: #9c877c; } /*------------------------------------------- Page Tools -------------------------------------------*/ p.pagetools { list-style: none; background: transparent url(http://www.environmentaldefense.org/content_images/pagetools_bg.jpg) repeat-x center top; font-size: 10px; font-weight: bold; padding-top: 3px; padding-bottom: .5em; text-align: center; border: solid 1px #9c877c; color: #999; } p.pagetools a, p.pagetools a:link, p.pagetools a:visited { color: #9c877c; text-decoration: none; } p.pagetools a:hover, p.pagetools a:active { color: #5e4b41; text-decoration: underline; } p.pagetools a { padding-left: 9px; } #pagebottombar p.pagetools { text-align: left; } #pagebottombar p.pagetools a.last { border-right: solid 1px #9c877c; padding-right: 11px } #pagesidebar p.pagetools a { padding-left: 0; padding-right: 20px; } #pagesidebar p.pagetools a.last { padding-right: 0; } /*------------------------------------------- Page Bottom -------------------------------------------*/ #pagebottombar p.pagetools, #pagebottombar div.resourcebox, #pagebottombar div#morelinkswrap { } /*------------------------------------------- Resource Box -------------------------------------------*/ div.resourcebox { border: 1px solid #999; background: #e7ebff url('http://www.environmentaldefense.org/content_images/take_action_background.gif') no-repeat top left; padding: .8em 1em .8em 1em; margin: 0 0 1em 0; } #pagesidebar div.resourcebox { font-size: 11px; } #pagesidebar div.resourcebox ul { margin-left: 1.5em; } #pagesidebar div.resourcebox blockquote { margin-left: .7em; } div.resourcebox h3.nextstep { font-weight: bold; text-align: right; } /*------------------------------------------- Find Out More/Blog Links -------------------------------------------*/ div#morelinkswrap { } div#morelinks p, div#morelinks ul, div#morelinks ol { font-size: 11px; color: #666; } div#morelinks .sources { clear: both; } div#morelinks .sources ul { list-style: none; margin-left: 2em; } div#morelinks .sources ul li { text-indent: -2em; margin-bottom: .5em; } div#morelinks h3 { font-size: 13px; } div#morelinks h4 { color: #666; } div#morelinks h4 a { text-decoration: none; } div#morelinks h4 a:hover, div#morelinks h4 a:active { text-decoration: underline; } div.findoutmore { width: 50%; } div.findoutmore { float: left; clear: left; } div.bloglinks { width: 45%; float: right; clear: right; word-wrap: break-word; } div.bloglinks ul li, div.findoutmore ul li { margin-bottom: .5em; } /*------------------------------------------- Feature -------------------------------------------*/ div.feature { margin: 0 26px; padding-top: 16px; width: 505px; width: 497px; float: left; border-bottom: 1px solid #f58220; } div.feature img { float: left; margin: 0 23px 0 0; padding-bottom: 2.3em; max-width: 248px; border: 0px;} div.feature .feature_content { float:left; width:225px; } #primary div.feature h2 { font-weight: normal; } #primary .feature h3 { font-size: 15px; line-height: 1.3; } div.feature ul { margin-left: 1.5em; line-height: 1.5; margin-bottom: 1.2em; } div.feature li { margin-bottom: .6em; } /*------------------------------------------- Callouts -------------------------------------------*/ div.callouts { margin: 2.3em 26px; width: 505px; width: 497px; clear: left; float: left; background: transparent url(http://www.environmentaldefense.org/content_Images/border_v_1px_626262.gif) 248px 0 repeat-y; } div.callout1, div.callout2 { width: 225px; width: 228px; float: left; } div.callout1 { margin-right: 41px; } div.callouts img { margin-bottom: 1.8em; max-width: 225px; border: 0; } div.callouts img.quickLinksImg { margin: 6px 15px 1em 0; float: left; display: block; clear: left; padding: 1px; background-color: #fff; border: 1px solid #f58628; width: 74px; } #primary div.callouts h3 { font-size: 13px; margin-top: 0; } /*------------------------------------------- Small Headings -------------------------------------------*/ #primary div.feature h2, #primary div.callouts h2 { margin-bottom: .4em; text-transform: uppercase; font-weight: bold; font-size: 11px; } #primary div.feature h2 a, #primary div.feature h2 a:link, #primary div.feature h2 a:visited, #primary div.feature h2 a:hover, #primary div.feature h2 a:active, #primary div.callouts h2 a, #primary div.callouts h2 a:link, #primary div.callouts h2 a:visited, #primary div.callouts h2 a:hover, #primary div.callouts h2 a:active { color: #e1560a; } #primary div.feature h2 a, #primary div.feature h2 a:link, #primary div.feature h2 a:visited, #primary div.callouts h2 a, #primary div.callouts h2 a:link, #primary div.callouts h2 a:visited { text-decoration: none; } #primary div.feature h2 a:hover, #primary div.feature h2 a:active, #primary div.callouts h2 a:hover, #primary div.callouts h2 a:active { text-decoration: underline; } /*------------------------------------------- Quick Links -------------------------------------------*/ div.quicklinks { margin: 0 26px 2.3em; width: 497px; clear: left; float: left; } div.quicklinks img { margin: 6px 15px 1em 0; float: left; display: block; clear: left; padding: 1px; background-color: #fff; border: 1px solid #f58628; width: 74px; } div.quicklinks div.feedflare img { display: none; } div.quicklinks .content { padding: 0 12px 20px 6px; } #primary div.quicklinks h1 { padding: 0.8em 0 0.8em 10px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; background: #f58220 url(http://www.environmentaldefense.org/content_Images/bg_quicklinks_header.gif) 0 0 repeat-y; margin-bottom: 7px; width: 238px; } #primary div.quicklinks h1 a, #primary div.quicklinks h1 a:link, #primary div.quicklinks h1 a:visited { color: #fff; text-decoration: none; } #primary div.quicklinks h1 a:hover, #primary div.quicklinks h1 a:active { text-decoration: underline; color: #fff; } #primary div.quicklinks h2 { margin-top: 0; color: #606060; font-size: 10px; } #primary div.quicklinks h3, #primary div.quicklinks a { color: #5e4b41; } #primary div.quicklinks a:hover, #primary div.quicklinks a:focus { color: #9c877c; } div.quicklinks1, div.quicklinks2 { width: 248px; overflow: hidden; float: left; background: transparent url(http://www.environmentaldefense.org/content_Images/redesign/bg_quicklinks.gif) right top repeat-x; position: relative; } div.quicklinks1 { margin-right: 1px; } div.quicklinks ul { } div.quicklinks li { padding: 0; clear: left; } div.quicklinks h3 { font-size: 13px; } div.quicklinks a.rss { display: block; text-indent: -9999px; background: transparent url(http://www.environmentaldefense.org/content_Images/redesign/rss.gif) no-repeat 0 0; position: absolute; top: 5px; right: 7px; width: 52px; height: 20px; z-index: 1000; } /*------------------------------------------- Left Column -------------------------------------------*/ div.section1, div.section2 { padding: 0 10px 15px 20px; border-bottom: 1px solid #fff; background-color: #dce2e9; } div.section2 { background-color: #e8edf3; } #subcol h2 { padding: 1.7em 0 1.2em; font-size: 12px; text-transform: uppercase; } #subcol h2 a, #subcol h2 a:link, #subcol h2 a:visited { text-decoration: none; } #subcol h2 a:hover, #subcol h2 a:active { text-decoration: underline; } #subcol h3 { font-size: 13px; padding-top: 1.2em; background: transparent url(http://www.environmentaldefense.org/content_Images/border_h_1px_7c7c7c.gif) 0 0 repeat-x; } #subcol h3.first { padding: 0; background: none; } #subcol h4 { margin-bottom: 0.5em; font-size: 1.2em; font-weight: normal; } #subcol img { padding: 1px; display: block; background-color: #fff; border: 1px solid #959595; } #subcol img.inset { margin: 0 15px 10px 0; float: left; } /*------------------------------------------- Tables table { border-collapse: collapse; } table th { border: #cecece 1px solid; background-color: #ffefe7; } table td { border: #cecece 1px solid; background-color: #fff; } table td, table th { font-size: 11px; padding: 5px; text-align: left; } table#full { width: 100%; margin-left: 0px; margin-right: 0px; } table#full, table#left, table#right { margin-top: 5px; margin-bottom: 5px; } table#left, table#right { width: 150px; } table#left { float: left; margin-left: 0px; margin-right: 10px; } table#right { float: right; margin-left: 10px; margin-right: 0px; } td.blank, th.blank { background: transparent; border: 0; } table.noBorder td { border: 0px; font-size: 12px; padding-left: 0px; } -------------------------------------------*/ /*------------------------------------------- Stay Informed Box -------------------------------------------*/ form.newsletter { width: 176px; padding-bottom: 1.4em; } form.newsletter a { width: 110px; float: left; } form.newsletter input { margin-bottom: 0.5em; width: 100%; color: #666; font-size: 1em; font-family: Verdana, Arial, Helvetica, Sans-serif; padding: 3px 0; } form.newsletter input.submit { margin: 0; width: auto; float: right; } form.newsletter .button {border: solid 1px #8caece; display: block; float: right; } form.newsletter .button input { margin: 0; width: auto; border: solid 1px #fff; background: #003873; color: #fff; font-weight: bold; font-family: Verdana, sans-serif; font-size: 10px; padding: 3px 6px; } div.featured img { margin-bottom: 1em; } div.featured dl { margin-top: 1em; background: transparent url(../img/border_h_1px_7c7c7c.gif) 0 0 repeat-x; } div.featured dl dt { padding-top: 1.2em; font-weight: bold; } .sIFR-hasFlash #subcol .section1, .sIFR-hasFlash #subcol .section2 { padding-top: 10px; } /*------------------------------------------- Footer -------------------------------------------*/ #footer{ font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; padding: 0px; font-weight: bold; width: 700px; background: #FFFFFF; min-height: 0%; border: 0px solid #ffffff; text-align: center; clear: both; border-top: 1px solid #cccccc; color: #000000; padding: 10px 10px 10px 10px; margin-top: 0px; } #footer img{ padding: 4px 4px 4px 0px; vertical-align: middle; } /*------------------------------------------- Expert Page -------------------------------------------*/ p.expertTitle, p.expertProgram, p.expertOffice { font-size: 15px; margin: 0; } div.expertWorkBackground { margin-top: 1em; } p.expertTitle { color: #666; font-weight: bold; margin-bottom: 5px; } p.expertProgram { font-weight: bold; } div.expertBoxes { float: right; width: 175px; font-size: 11px; margin-left: 15px; margin-right: 0; margin-top: 0; margin-bottom: .5em; } #primary div.expertBoxes ol, #primary div.expertBoxes ul, #primary div.expertBoxes p { font-size: 11px; padding: 0; padding-bottom: 1em; margin: 0; } #primary div.expertBoxes ul, #primary div.expertBoxes ul { margin-left: 0; padding-left: 0; list-style: none; padding-bottom: 0.5em; } #primary div.expertBoxBody ul li { padding-bottom: 0.6em; } #primary div.expertBox h3, #primary div.expertBox h3 a, #primary div.expertBox h3 a:link { color: #fff; text-decoration: none; } #primary div.expertBox h3 { background: #666 url("http://environmentaldefense.org/content_images/expertbox_header_background.jpg") no-repeat top right; margin: 0; padding-top: 0.4em; padding-bottom: 0.6em; font-size: 12px; } div.expertBox h3, div.expertBoxBody { padding-left: 12px; padding-right: 10px; } div.expertBoxBody { background: #ccc url("http://environmentaldefense.org/content_images/expertbox_background.jpg") no-repeat top right; padding-top: 0.8em; padding-bottom: 0; } div.expertImage img { width: 175px; margin-top: 2em; BORDER: #333 1px solid; } div.expertBox { BORDER-left: #333 1px solid; BORDER-right: #333 1px solid; BORDER-bottom: #333 1px solid; width: 175px; } /*------------------------------------------- Archive Filter -------------------------------------------*/ .archivefilter select{ font-size: 11px; width: 125px; } .archivefilter #orderby{ width: 75px; } .archivefilter #doctype{ width: 150px; } .archivenav li{ float: left; padding-left: 5px; } .archivenav .current{ font-weight: bold; } .archivelist span{ color: #009900; } .archivelist li{ margin-bottom: 5px; } /*------------------------------------------- Special List Styles -------------------------------------------*/ ul.article_blurb_list { list-style: none; margin: 0; padding: 0; border-bottom: 1px dotted #999; margin-bottom: 1.5em; } ul.article_blurb_list li img { border: 0; float: left; margin-right: 1.5em; margin-bottom: 1.5em; width: 120px; border: 1px solid #999; } ul.article_blurb_list li h3 { margin-top: 0; font-size: 12px; } ul.article_blurb_list li { clear: both; border-top: 1px dotted #999; padding-top: 1.5em; } /**************** Alert Blurb list ********************/ .alertList h3 { margin-top: 15px; margin-bottom: 10px; border-top: 1px dotted #999; padding-top: 10px; } .alertList h4 { font-size: 15px; font-weight: normal; margin-top: 5px; margin-bottom: 10px; text-align: right; } .alertList p { font-size: 11px; margin-top: 0; margin-bottom: 5px; } .alertList img { float: left; border: solid 1px #999; padding: 1px; margin: 0 10px 5px 0; } /**************** Search Results/Page Lists ********************/ #pubarchiveInt{ padding-top: 10px; margin-left: 10px; } #pageList{ width: 100%; border-style: solid; border-width: 1px 0px 1px 0px; border-color: #cccccc; padding: 6px 3px 5px 3px; background: url(http://www.environmentaldefense.org/content_Images/archive_page_bg3.jpg); margin: 15px 0px 15px 0px; } #pageList select { font-size: 10px; } #pageOfpage{ margin: 0px; padding: 0px; font-size: 11px; } #archiveFilterDiv{ font-size: 10px; text-align: right; } #archiveFilterDiv select{ font-size: 10px; } .warning{ color: #F51414; font-weight: bold; } .listOfLinks .url { display: block; color: green; clear: left; } .listOfLinks h3 { font-size: 13px; } .listOfLinks p {font-size: 11px;} /**************** Email forms ********************/ #emailForm { width: 80%; } #emailForm p { margin-bottom: 10px; } #emailForm #emailFromFields { margin-top: -10px; margin-bottom: 10px; } #emailForm input { margin-bottom: 10px; width: 100%; } #emailForm textarea { height: 100px; width: 100%; } #emailForm #mailfrom { width: 100%; } #emailForm mailmessagetextarea { height: 100px; width: 100%; } #emailForm #sendEmail { width: 150px; } input#mailto1 { float: left; width: 48%; } input#mailto2 { float: right; width: 48%; } input#mailto3 { float: left; width: 48%; } input#mailto4 { float: right; width: 48%; } input#mailto5 { float: left; width: 48%; margin-bottom: 10px; } input#mailto6 { float: right; width: 48%; margin-bottom: 10px; } input#optin { width: 20px; float: left; margin-top: 3px; } /* *** Page does not exist *** */ #tag11341 .breadcrumbs { display: none; } #tag11341 h1 { margin-bottom: 20px; } /* *** Global Warming keyword ad landing page *** */ #tag1344 h2 { margin-bottom: 10px; } #tag1344 .breadcrumbs { display: none; } #getFacts { background-image: url(/content_Images/katrina_roof2a.jpg); width: 490px; height: 200px; margin-bottom: 20px; } #getFacts h3 { font-size: 20px; line-height: 24px; padding-top: 45px; padding-left: 20px; color: #FFD65B; } #getFacts ul { padding-left: 20px; } #getFacts ul li { color: #fff; } #getFacts a { color: #fff; } #getInvolved { background-image: url(/content_Images/polarbearsb070228.jpg); width: 490px; height: 200px; } #getInvolved h3 { font-size: 20px; line-height: 24px; padding-top: 35px; padding-left: 20px; color: #000; } #getInvolved p { padding-left: 20px; width: 270px; } #mostPopular { margin-top: 30px; } #mostPopular h3 { padding-bottom: 5px; border-bottom: 1px solid #000; } #mostPopular p.left { float: left; clear: left; width: 45%; padding-right: 15px; } /*------------------------------------------- Blog Stuff -------------------------------------------*/ /* *** By the numbers headers *** */ #primary h3.byTheNumbers { color: #5e4b41; font-size: 1.6em; margin-top: 20px; } /*------------------------------------------- Call for Nominations http://staging.environmentaldefense.org/page.cfm?tagID=13925 -------------------------------------------*/ #callForNominations textarea{ width: 100%; } #callForNominations p{ margin-bottom: 2px; margin-top: 12px; font-weight: bold; padding: 0px; } #callForNominations table{ width: 100%; border-width: 0px; } #callForNominations td{ border: 0px; } #company_one, #company_two, #company_three{ width: 100%; margin-bottom: 3px; } #callForNominations table input{ width: 100%; } #PollBox ul{ list-style: none; padding: 0px; margin: 0px; } /******************* NAVIGATION *******************/ #subcol .leftNav { padding: 0; border-left: solid 1px #dce2e9; border-right: solid 1px #dce2e9; } #subcol .leftNav h2 { margin: 0; background: #e5e8f2; padding: 0; font-size: 11px; border-bottom: solid 1px #fff; } #subcol .leftNav h2 a, #subcol .leftNav h2 span { display: block; padding-left: 20px; padding-top: 6px; padding-bottom: 6px; text-decoration: none; } #subcol .leftNav ul { margin: 0; line } #subcol .leftNav ul li { font-weight: bold; font-size: 11px; color: #666; margin: 0; } #subcol .leftNav ul li, #subcol .leftNav ul.arrow { border-top: solid 1px #dce2e9; border-bottom: solid 1px #fff; } #subcol .leftNav ul ul li, #subcol .leftNav ul.arrow li { font-weight: normal; border: 0; padding: 0; margin: 0; } #subcol .leftNav ul li a, #subcol .leftNav ul li span { display: block; padding-top: 5px; padding-bottom: 4px; padding-left: 20px; text-decoration: none; border-bottom: solid 1px #dce2e9; padding-right: 5px; } #subcol .leftNav ul ul li a, #subcol .leftNav ul.arrow li a, #subcol .leftNav ul ul li span, #subcol .leftNav ul.arrow li span { _height: 15px; text-decoration: none; display: block; padding: 3px 0; background: transparent url(http://www.environmentaldefense.org/content_Images/hc_gray_bullet_arrow2.gif) no-repeat 20px 8px; padding-left: 30px; padding-right: 5px; margin: 0; } #subcol .leftNav a:hover { background-color: #fff; } #subcol .leftNav ul ul li a:hover, #subcol .leftNav ul.arrow li a:hover { background-color: #fff; } #subcol .leftNav ul ul li.more a { padding-left: 20px; background: transparent; } #subcol .leftNav ul ul li.more a:hover { background-color: #fff; } /******************************************/