/* Overall Layout Formatting ----------------------------------------------- */ BODY { text-align: center; background: #FFF; font-family: helvetica, arial, san-serif; color: #000; } #SiteWrapper { margin: 0 auto; padding: 0; position: relative; background: #FFF; text-align: left; width: 885px; } #MastheadWrapper { background: #FFF; } #BellyWrapper { margin: 0; padding: 0; float: left; } #QuicklinksWrapper { clear: both; background: #FFF; } #FooterWrapper { margin: 0 0 10px 0; clear: both; background: #cec295; text-align: left; border-top: 1px solid #000; } IMG { margin: 0; padding: 0; } /* Header and Navigation Treatment ----------------------------------------------- */ #Masthead { width: 885px; height: 100px; } #Logo { padding: 15px 10px 0 10px; } #Tagline { } #Search { position: absolute; top: 20px; right: 24px; } #Search LABEL { font-size: 75%; font-weight: bold; } #Search INPUT#SearchField { display: inline; width: 125px; margin: 5px 0 4px 0; } #Search A { font-size: 70%; font-weight: bold; color: #009130; text-decoration: none; } #Search A:link { } #Search A:visited { } #Search A:hover { color: #1a6b1e; } #Search A:active { } #Navigation { clear: both; margin: 0 auto; width: 884px; text-align: left; background: #009130 url(../images/global-nav-bg.0.gif) repeat-x 0 0; border-right: 1px solid #48ab43; } #Navigation UL { padding: 10px 0; } #Navigation LI { display: inline; position: relative; font-weight: bold; font-size: 80%; color: #FFF; } #Navigation LI A { padding: 8px 15px 8px 15px; color: #FFF; text-decoration: none; border-left: 1px solid #009130; border-right: 1px solid #8ce0a8; } #Navigation LI A:hover { background: #000; } #Navigation LI A.Selected { color: #FFF; background: #000; border-right: 1px solid #1a6092; } /* Main Columns Structure ----------------------------------------------- */ #Columns.TwoColumn #Column1, #Columns.ThreeColumn #Column1 { margin: 0 10px 10px 0; padding: 10px; width: 155px; background: #000; float: left; } #Columns.TwoColumn #Column2, #Columns.ThreeColumn #Column2 { width: 501px; } #Columns.TwoColumn #Column2Wrapper { padding: 10px 0 10px 10px; width: 690px; background: url(../images/global-columns-bg.gif) no-repeat top right; float: left; } #Columns.ThreeColumn #Column2Wrapper { padding: 10px 0 10px 10px; width: 501px; background: url(../images/global-column2_item-bg.gif) repeat-x top left; float: left; } #Columns.ThreeColumn #Column2 { width: 490px; } #Columns.ThreeColumn #Column3 { width: 178px; float: right; } #Columns #Column3 .List { padding: 10px; background: url(../images/global-column3_item-bg.gif) repeat-x top left; } #Columns .DetailCopyWrapper { margin-top: 10px; padding: 10px 0 10px 10px; background: url(../images/global-column2_item-bg.gif) repeat-x top left; } /* PageIntro ----------------------------------------------- */ #PageIntro { } #PageIntro H1 { } #PageIntro P { } #PageIntro A { } /* Main Columns Typography ----------------------------------------------- */ #Columns A { color: #009130; text-decoration: none; } #Columns A:link { } #Columns A:visited { } #Columns A:hover { color: #1a6b1e; } #Columns A:active { } #Columns #Column1 H3 { margin-bottom: .5em; font-size: 75%; font-weight: bold; color: #f9f9f9; } #Columns #Column1 H4 { margin-bottom: .15em; padding-left: 5px; font-size: 75%; font-weight: bold; color: #f9f9f9; } #Columns #Column2 H1 { margin-bottom: .5em; color: #000; font-size: 140%; line-height: 1.25em; text-transform: uppercase; font-weight: normal; } #Columns #Column2 H2 { margin-bottom: .35em; color: #000; font-size: 110%; line-height: 1.25em; text-transform: uppercase; font-weight: normal; } #Columns #Column2 H3 { margin-bottom: .35em; color: #000; font-size: 95%; line-height: 1.25em; font-weight: bold; } #Columns #Column2 H4 { margin-bottom: .5em; color: #727272; text-transform: uppercase; font-size: 80%; line-height: 1.25em; } #Columns #Column2 H5 { color: #000; font-weight: bold; font-size: 75%; line-height: 1.25em; } #Columns #Column2 P { margin-bottom: .75em; color: #000; font-size: 75%; line-height: 1.35em; } #Columns #Column2 #IntroPhoto IMG { margin-bottom: .25em; border: 1px solid #000; } #Columns #Column2 P.Caption { font-size: 70%; font-style: italic; color: #999999; } #Columns #Column2 P.Intro { font-size: 100%; color: #000; } #Columns #Column2 P.Pagination { margin: 0; padding: .5em 0; border-top: 1px solid #CDCDCD; } #Columns #Column2 P.Date { font-size: 70%; } #Columns #Column2 BLOCKQUOTE { padding: 5px 30px; font-family: georgia, times, serif; } #Columns #Column2 ITALIC { font-style: italic; } .Detail #Columns #Column2 UL { padding-left: 20px; font-size: 80%; list-style: disc; } .Detail #Columns #Column2 OL { padding-left: 20px; font-size: 80%; list-style: decimal; } .Detail #Columns #Column2 LI { padding-bottom: 1.25em; line-height: 1.25em; } .Detail #Columns #Column2 LI LI { padding-left: .5em; padding-bottom: 1em; } #Columns #Column3 { color: #84722d; } #Columns #Column3 H3 { margin: .5em 0; font-size: 85%; text-transform: uppercase; color: #000; } #Columns #Column3 UL { margin: 1em 0; } #Columns #Column3 LI { padding-bottom: 6px; font-size: 75%; font-weight: bold; } #Columns #Column3 DL { margin: 1em 0; font-size: 75%; border-bottom: 1px solid #000; } #Columns #Column3 DT { margin-bottom: .5em; font-weight: bold; line-height: 1.25em; } #Columns #Column3 DD { margin-bottom: .5em; padding-bottom: .5em; } #Columns #Column3 P { font-size: 75%; line-height: 1.45em; } #Columns #Column3 .Small { font-size: 80%; line-height: 1.45em; } #Columns #Column3 #RelatedProjects LI { font-size: } DL.Postlisting { margin-bottom: 1.25em; } DL.Postlisting DT { font-size: 80%; font-weight: bold; line-height: 1.05em; } DL.Postlisting DD.Category, DL.Postlisting DD.Date { margin-top: .5em; font-size: 70%; color: #797979; } DL.Postlisting DD.Category { font-style: italic; } /* SubNavigation ----------------------------------------------- */ #SubNavigation { background: #000; } #SubNavigation UL { margin-bottom: .5em; } #SubNavigation LI { padding-bottom: 4px; font-weight: bold; } #SubNavigation LI UL { padding-top: 4px; } #SubNavigation LI LI { padding-left: 10px; } #SubNavigation A { padding: 2px 5px; margin: 0; color: #48ab43; font-size: 75%; display: block; line-height: 1.25em; } #SubNavigation A:link { } #SubNavigation A:visited { } #SubNavigation A:hover { color: #FFF; } #SubNavigation A:active { } #SubNavigation A.Selected { color: #FFF; } #SubNavigation H5 { margin: .75em 0 .25em 0; font-size: 75%; line-height: 1.25em; font-weight: bold; color: #FFF; } #SubNavigation UL.CountriesList LI A { display: inline; padding: 2px 6px; } /* Breadcrumb ----------------------------------------------- */ #BreadcrumbUtility { width: 865px; padding: 5px 10px 5px 10px; font-size: 70%; position: relative; color: #999999; } #Utility { position: absolute; top: 3px; right: 10px; } #Utility IMG { margin-bottom: -2px; padding-left: 2px; } #Utility A { padding-right: 2px; } #BreadcrumbUtility A { color: #009130; text-decoration: none; } #BreadcrumbUtility A:link { } #BreadcrumbUtility A:visited { } #BreadcrumbUtility A:hover { color: #1a6b1e; } #BreadcrumbUtility A:active { } /* Quicklinks ----------------------------------------------- */ #Quicklinks { float: left; width: 885px; background: url(../images/global-quicklinks-bg.gif) repeat-x 0 0; color: #000; } #StayUpdated, #UpcomingEvent { padding: 10px 0 0 10px; width: 237px; float: left; } #FeaturedPublication, #ContactUsLink { padding: 10px 0 0 10px; width: 182px; float: left; } #Quicklinks H4 { color: #000; font-size: 75%; line-height: 1.45em; font-weight: bold; text-transform: uppercase; } #Quicklinks P { margin-bottom: 1em; font-size: 75%; line-height: 1.45em; } #Quicklinks .Small { font-size: 80%; line-height: 1.45em; } #Quicklinks DL { margin-bottom: .5em; } #Quicklinks DT { font-size: 75%; line-height: 1.45em; font-weight: bold; } #Quicklinks DD { margin-bottom: .5em; font-size: 75%; line-height: 1.45em; } #Quicklinks A { color: #009130; text-decoration: none; } #Quicklinks A:link { } #Quicklinks A:visited { } #Quicklinks A:hover { color: #1a6b1e; } #Quicklinks A:active { } /* Footer ----------------------------------------------- */ #Footer { margin: 0; padding: 10px 10px 40px 10px; font-size: 75%; color: #000; } #Footer UL { margin: 0 0 10px 0; padding: 0; list-style: none; } #Footer LI { padding: 0 8px 0 6px; position: relative; display: inline; border-right: 1px solid #000; } #Footer LI.First { padding-left: 0; } #Footer LI.Last { border-right: none; } #Footer P { margin: 0; line-height: 1.35em; } #Footer A { color: #48ab43; text-decoration: none; } #Footer A:link { } #Footer A:visited { } #Footer A:hover { color: #000; } #Footer A:active { } #Footer .Right IMG { padding-left: 5px; vertical-align: top; } /* General Utilities ----------------------------------------------- */ STRONG { font-weight: bold; } .Right { float: right; } .Left { float: left; } HR.Brown { width: 100%; border-bottom: #000; height: 0; } TABLE, TR, TD { vertical-align: top; } IMG.Left { margin: 0 10px 5px 0; } IMG.Right { margin: 0 0 5px 10px; } /* Home Specific ----------------------------------------------- */ #Home #BellyWrapper { margin: 10px 0; padding: 0px 0 10px 0; background: url(../images/home-fader.gif) top repeat-x; } #Home #Columns.TwoColumns { padding: 10px 0 0 0; float: left; background: url(../images/global-columns-bg.gif) no-repeat 0 0; } #Home #Column1 { width: 510px; float: left; } #Home #Column2 { margin: 0 10px; width: 355px; float: left; } #HomeBoxes UL { } #HomeBoxes LI { display: inline; position: relative; } #HomeBoxes A IMG { margin: 0 8px 8px 0; } #Home #Column2 P { line-height: 1.8em; } #Home #Column2 DL.Postings { padding: .5em 0; border-top: 1px solid #CDCDCD; } #Home #Column2 DL.Postings DT { margin-bottom: .5em; font-size: 80%; line-height: 1.35em; font-weight: bold; } #Home #Column2 DL.Postings DD { margin-bottom: .35em; font-size: 75%; } /* ProgramAreas Specific ----------------------------------------------- */ #ProgramAreas.Index TABLE.Item { margin-bottom: 10px;width: 100%; background: url(../images/global-green_shade-bg.gif) repeat-x top left; border-top: 1px solid #999999; } #ProgramAreas.Index TABLE.Item TD { padding: 10px 10px 0 10px; } #ProgramAreas.Index .Item IMG { border: 1px solid #48ab43; } #ProgramAreas.Index .Item H3 { margin-bottom: .5em; font-weight: bold; } #ProgramAreas.Index .Item P { font-size: 80%; line-height: 1.25em; } #ProgramAreas.Index .Item UL { padding-left: 20px; font-size: 80%; list-style: disc; } #ProgramAreas.Index .Item LI { padding-bottom: .25em; line-height: 1.25em; } #ProgramAreas.Detail #Column2 IMG { border: 1px solid #999999; } /* Projects Specific ----------------------------------------------- */ #Projects.Index .Item { padding: 0 10px 10px 0; width: 220px; float: left; } #Projects.Index .Item IMG { border: 1px solid #48ab43; } #Projects.Index .Item H4 { margin-bottom: .5em; font-size: 90%; font-weight: bold; } #Projects.Index .Item P { font-size: 80%; line-height: 1.25em; } #Projects.Index UL.Item { padding-left: 20px; font-size: 80%; list-style: disc; } #Projects.Index UL.Item LI { padding-bottom: .45em; } #Projects.Detail #Column2 IMG { border: 1px solid #999999; } #Projects.Update #Column2 IMG { border: 1px solid #999999; } #Projects.Update #Column2 DL.Postings { padding: .5em 0; border-top: 1px solid #CDCDCD; } #Projects.Update #Column2 DL.Postings DT { margin-bottom: .5em; font-size: 80%; line-height: 1.35em; font-weight: bold; } #Projects.Update #Column2 DL.Postings DD { margin-bottom: .35em; font-size: 75%; } #Projects.Update #Column3 DL.Postings { padding: .5em 0; border-top: 1px solid #CDCDCD; } #Projects.Update #Column3 DL.Postings DT { margin-bottom: .5em; font-size: 80%; line-height: 1.35em; font-weight: bold; } #Projects.Update #Column3 DL.Postings DD { margin-bottom: .35em; font-size: 75%; } /* WhoWeAre Specific ----------------------------------------------- */ #WhoWeAre.Detail #Column2 .DetailCopyWrapper { background: none; } #WhoWeAre.Index #Column2 UL { padding: 0px 0px 5px 20px; font-size: 75%; list-style: square; } #WhoWeAre.Index #Column2 LI { padding-bottom: 5px; } #WhoWeAre.Detail #Column2 UL { padding: 10px 0px 5px 20px; font-size: 75%; list-style: square; } #WhoWeAre.Detail #Column2 LI { padding-bottom: 10px; } #WhoWeAre #Column2 DL { margin: 0 1em 1em 1em; width: 200px; font-size: 75%; float: left; } #WhoWeAre #Column2 DL.First { clear: both; } #WhoWeAre #Column2 DT { margin-top: 1em; font-weight: bold; } #WhoWeAre.Detail #Column2 IMG { border: 1px solid #999999; } /* PressEvents Specific ----------------------------------------------- */ #NewsEvents {} #NewsEvents .DetailCopyWrapper { background: none; } #NewsEvents.Index #Column2 .Item { padding: 10px; width: 220px; float: left; } #NewsEvents #Column2 DL.Postings { padding: .5em 0; border-top: 1px solid #CDCDCD; } #NewsEvents #Column2 DL.Postings DT { margin-bottom: .5em; font-size: 80%; line-height: 1.35em; font-weight: bold; } #NewsEvents #Column2 DL.Postings DD { margin-bottom: .35em; font-size: 75%; } #NewsEvents #Column2 UL { margin-left: 20px; list-style-type: disc; font-size: 80%; } #NewsEvents #Column2 UL { line-height: 1.5em; } #NewsEvents.Detail #Column2 IMG { border: 1px solid #999999; } /* InformationCenter Specific ----------------------------------------------- */ #DocumentBrowser { margin-bottom: 10px; padding: 10px 10px 10px 10px; background: #E9E9E9; border: 1px solid #999999; display: inline-block; } #DocumentBrowser DL { width:150px; float: left; } #DocumentBrowser DD SELECT { width: 120px; } #DocumentBrowser DT { color: #727272; text-transform: uppercase; line-height: 1.25em; font-size: 80%;} #InformationCenter.Documents #Column2 DL.Postings { padding: .5em 0; border-top: 1px solid #CDCDCD; } #InformationCenter.Documents #Column2 DL.Postings DT { margin-bottom: .5em; font-size: 80%; line-height: 1.35em; font-weight: bold; } #InformationCenter.Documents #Column2 DL.Postings DD { margin-bottom: .35em; font-size: 75%; } #InformationCenter.eBulletin #Column2 DL.Postings { padding: .5em 0; border-top: 1px solid #CDCDCD; } #InformationCenter.eBulletin #Column2 DL.Postings DT { margin-bottom: .5em; font-size: 80%; line-height: 1.35em; font-weight: bold; } #InformationCenter.eBulletin #Column2 DL.Postings DD { margin-bottom: .35em; font-size: 75%; } #InformationCenter.SustainableTransport #Column2 H4 { padding: 7px 0 0px 0; } #InformationCenter.SustainableTransport #Column2 TABLE.Postings TD { margin: 0; padding: .75em 0; border-top: 1px solid #CDCDCD; } #InformationCenter.PartnersLinks #Column2 H4 { margin: 1em 0 .5em 0; } #InformationCenter.PartnersLinks #Column2 DIV.Item { margin: 1em 0; border-bottom: 1px solid #CDCDCD; } #InformationCenter #Column2 LI { margin: 3px 3px 3px 25px; list-style-type: disc; font-size: 75% } #InformationCenter #KeyDocs DL { width: 275px; float: left; } #InformationCenter #KeyDocs DL.Left { width: 175px; margin-left: 20px; float: left; } #InformationCenter #KeyDocs DD {font-size: 75%; padding: 5px 0 2px 0; line-height: 1.25em; } #InformationCenter #KeyDocs DT { margin-bottom: .35em; color: #000; font-size: 90%; line-height: 1.25em; font-weight: bold; } #InformationCenter #KeyDocs { margin-bottom: 0px; padding: 5px 15px 0px 10px; display: inline-block; } /* Donate Specific ----------------------------------------------- */ #Donate.Action #Column2 FORM { font-size: 75%; } #Donate.Action #Column2 UL { margin: 0 1em; list-style: square; } #Donate.Action #Column2 LI { padding-bottom: 4px; font-size: 75%; line-height: 1.25em; } /* ContactUs Specific ----------------------------------------------- */ #ContactUs #map { width: 488px; height: 380px; border: 1px solid #000; } #ContactUs.Update #Column3 DL.Postings { padding: .5em 0; border-top: 1px solid #CDCDCD; } #ContactUs #Column2 DL DT { margin-bottom: .5em; font-size: 80%; line-height: 1.35em; font-weight: bold; } #ContactUs #Column2 DL DD { margin-bottom: .35em; font-size: 75%; line-height: 1.2em; } #ContactUs #Column3 DT { font-size: 110%; } #ContactUs #Column3 DD { color: #000; line-height: 1.25em; } #ContactUs #Offices DL { margin: 0 15px 20px 0; float: left; width: 230px; } #ContactUs #Offices { padding: 10px 0; margin: 0; border-top: 1px solid #999; } /* Search Specific ----------------------------------------------- */ #SearchEngine { } #SearchEngine #Columns H1 { margin-bottom: .5em; color: #000; font-size: 140%; line-height: 1.25em; text-transform: uppercase; font-weight: normal; } #SearchEngine #Columns H2 { color: #000; font-size: 110%; line-height: 1.45em; text-transform: uppercase; font-weight: normal; } #SearchEngine #Columns H3 { color: #000; font-size: 100%; line-height: 1.45em; } #SearchEngine #Columns H4 { color: #727272; text-transform: uppercase; font-size: 75%; line-height: 1.25em; } #SearchEngine #Columns P { margin-bottom: .75em; color: #000; font-size: 75%; line-height: 1.35em; } #SearchResultTable { margin: 1em; border-collapse:collapse; } #SearchResultTable .resultHead { padding: 8px; font-size: 90%; color: #000; font-weight: bold; } #SearchResultTable TH { text-align:left; padding:4px 0 5px 0; } #SearchResultTable TD { padding:1em; font-size: 90%; } #SearchResultTable TD.resultRowOne { border-top: 1px solid #CCC; } #SearchResultTable TD.resultRowTwo { border-top: 1px solid #CCC; background: #EFEFEF; } /* SiteMap ----------------------------------------------- */ #Sitemap #Column2 H2 { padding: 15px 0 0 0; border-bottom: 1px solid #000; } #Sitemap #Column2 H3 { padding: 5px 0 0 10px; font-size: 90%; } #Sitemap #Column2 H4 { padding: 10px 0 0 10px; font-size: 90%; } #Sitemap #Column2 LI { padding: 5px 0 0 10px; font-size: 80%; line-height: 1.0em; } #Sitemap #Column2 .Item { padding: 10px 10px 0 0; width: 230px; float: left; } /* Microsites ----------------------------------------------- */ #Microsites #Column2 UL { padding-left: 20px; font-size: 75%; list-style: disc; } #Microsites #Column2 UL LI { padding-bottom: .45em; } /* Awards ----------------------------------------------- */ #Awards #Column2 P { line-height: 1.55em; } #Awards #Column2 UL { padding: 0 0 20px 20px; font-size: 75%; list-style: disc; } #Awards #Column2 UL LI { padding-bottom: .45em; line-height: 1.25em; } #Awards DIV.Button { background-color: #000; padding: 10px; margin-bottom: 10px; } #Awards DIV.Button P { padding-bottom: 10px; color: #FFF; } #Awards DIV.Button A { background: #009130 url(../images/global-nav-bg.0.gif) repeat-x 0 0; padding: 15px; display: block; clear: both; border: 1px solid #a5ab6e; text-align: center; color: #FFF; text-transform: uppercase; font-size: 80%; font-weight: bold; } #Awards DIV.Button A:hover { color: #000; background: #27c45c url(../images/global-nav-bg.0.gif) repeat-x bottom;} #Awards #Column3 .Button H3 { color: #FFF; } #Awards #ContactForm TD .Item { border-bottom: 1px solid #CCC; padding: 10px; vertical-align: top; } #Awards #ContactForm TD .Item P {font-size: 100%; color: #000; } #Awards #ContactForm TD .Item P.Smaller { font-size: 90%; color: #666; margin-bottom: 2px;} #Awards #ContactForm TD UL { font-size: 100%; padding: 10px 10px 20px 20px; } #Awards #ContactForm TD { font-size: 65%; vertical-align: top; text-align: right; padding: 5px; } #Awards #ContactForm TD P { font-size: 85%; color: #444; } #Awards #ContactForm TD H5 { font-size: 120%; } #Awards #ContactForm TD P.txtInput { font-size: 100%; color: #111;} #Awards #ContactForm TD.txtInput { text-align: left; vertical-align: top; } #Awards #ContactForm TD.txtInput TEXTAREA { width: 455px; height: 8em; margin-bottom: 10px; } #Awards #ContactForm TD.txtInput H2 { text-transform: none; line-height: 1.25em; padding-bottom: 10px; } #Awards #ContactForm TD.txtAddress { text-align: left; } #Awards #ContactForm TD.txtAddress TETXAREA { width: 455px; height: 8em; margin-bottom: 10px; } #Awards #Column2 H2.Quote { text-transform: none; font-style: italic; padding-bottom: 10px; padding-right: 20px; } #Awards .Information { border: 1px solid #CCC; padding: 20px; font-size: 125%; text-align: center; width: 490px; vertical-align: top; } #Awards TABLE.Information { border: 1px thin #CCC; padding: 10px; margin-bottom: 20px; width: 490px; vertical-align: top; }