BODY { filter:none; padding: 0; margin: 0; background: #FFF; font-size: 95%; font-family: Arial, Helvetica, Verdana; } #SiteWrapper { margin: 0 auto; width: 1071px; } #ShadowWrap { float: left; width: 1071px; background: #FFF url(/images/global-shadow_bkg.gif) repeat-y top center; } /* Reset and Initialize */ A, A:HOVER, A:ACTIVE { outline: none; margin: 0; padding: 0; } A { color: #72b84c; text-decoration: none; } A:HOVER { color: #666; } P, DL, DT, DD, UL, LI { margin: 0; padding: 0; line-height: 1.35em; } H2, H3 { margin: 0; padding: 5px 0; clear: both; display: block; } H4 { margin: 8px 0; line-height: 1.35em; color: #FFF; } B SPAN { color: #000; } /* Utilities ----------------------------------------- */ .Left { float: left; } .Right { float: right; } .Small { font-size: 90%; } A IMG { border: none; } IMG.Left { padding: 0 10px 5px 0; } IMG.Right { padding: 0 0px 5px 10px; } #Intro .GreenFade, #Columns .GreenFade { background: #61aa3d url(/images/global-green_fade.jpg) repeat-x top; } #Columns .GreenFade P { color: #FFF; font-size: 75%; margin-bottom: 10px;} #Columns .GreenFade H3 { color: #FFF; } #Column2 .GreenFade { clear: both; display: block; width: 302px; background: #66cc33 url(/images/global-column2greenfade.jpg) repeat-y left; } #Columns .Content UL { padding: 10px; margin: 0 0 0 10px; font-size: 80%; } #Columns .Content UL LI { margin: 0 0 10px 0; } #Columns .Content OL { padding: 10px; margin: 0 0 0 10px; font-size: 80%; } #Columns .Content OL LI { margin: 0 0 10px 0; } #Intro .Content, #Columns .Content { padding: 10px; } #Intro .GreenFade.Content P { color: #FFF; font-size: 80%; margin-bottom: 10px; } #Column2 .GreenFade.Content P { color: #FFF; } #Column2 .GreenFade .Content P { color: #FFF; } #Column1 .Pagination { padding: 10px; color: #666; font-size: 80%; } #Columns HR { height: 1px; border: 0; background-color: #CCC; } .TypeB #ShadowWrap { background: #FFF url(/images/global-shadow_type-b_bkg.gif) repeat-y top center; } .TypeB #Columns #Column1 { width: 723px; } .TypeB #Columns #Column2, .TypeB #Columns #Column2 #Column2Promos { width: 315px; } .TypeB #Columns #Column2 #Column2Promos .Item.Promo { width: 303px; } .TypeB #Promos .Left { width: 723px; } .TypeB #Promos .Left .Item.Promo { width: 357px; } .TypeB #Promos .Right { width: 323px; } .TypeB #Promos .Item.Promo DL { margin: 0px } .TypeB #Intro .IntroLeft { width: 722px; } .TypeB #Intro .IntroRight { width: 323px; } .TypeB #Columns .Item { width: 358px; } .TypeB #Columns .Item.Right { margin-right: 0; } .TypeC #ShadowWrap { background: #FFF url(/images/global-shadow_type-c_bkg.gif) repeat-y top center; } .TypeC #Columns #Column1 { float: left; width: 703px; } .TypeC #Columns #Column2 { float: left; width: 342px; } .TypeC #Intro .IntroLeft { width: 703px; } .TypeC #Intro .IntroRight { width: 342px; } #Column2Promos .LogoSlideshow IMG { text-align: center; margin: 10px 0 0 30px; } #Column2Promos .LogoSlideshow { display: block; border-top: 1px solid #CCC; padding: 10px 0 0 0; vertical-align: middle; text-align: center; height: 90px; overflow: hidden; } LABEL { width: 80px; float: left; text-align: left; margin-right: 0.5em; display: block; } SELECT { margin-left: 10px; } #SectionTitle H1 { margin: 0; text-transform: uppercase; color: #72b84c; } #SectionTitle H2 { margin: 0; padding: 0 0 10px 10px; font-size: 140%; color: #666; } #SectionTitle { margin: 0 13px; padding: 4px 10px 2px 0px; background: #f6f6ee url(/images/global-yellowfade_bkg.jpg) repeat-x bottom; clear: both; display: block; border-bottom: 3px solid #FFF; } .FeatureTitle { cursor: pointer; height: 62px; background: #f6f6ee url(/images/global-yellowfade_bkg.jpg) repeat-x bottom; } .FeatureTitle H3 { padding: 20px 0px 0 30px; font-weight: bold; clear: both; display: block; font-size: 110%; background: url(/images/global-features_arrow.png) left; } .FeatureTitle A {} .FeatureTitle.Selected A { padding: 20px 0; color: #ffa800; } .FeatureTitle.Selected H3 { background: url(/images/global-features_arrow_selected.png) left; } #Column2 .FeatureTitle H3 { background: url(/images/global-features_column2_arrow.png) left; } #Column2 .FeatureTitle.Selected H3 { background: url(/images/global-features_column2_arrow_selected.png) left; } #LogoHeader { float: left; background: #FFF url(/images/global-logo_bkg.gif) top left no-repeat; width: 1058px; height: 125px; } #LogoHeader #Logo { float: left; padding: 35px 0 0 80px; } #LogoHeader .DonateButton { float: right; width: 129px; height: 116px; background: url(/images/global-donate_btn.gif) no-repeat right top;} #LogoHeader .DonateButton A IMG { opacity:0.1;filter:alpha(opacity=1); } #LogoHeader .DonateButton A:HOVER IMG { opacity:1;filter:alpha(opacity=100); } #LogoHeader #TopNavigation { float: right; margin: 10px 0px 0 0; } #LogoHeader #TopNavigation LI { font-size: 60%; list-style: none; display: inline; } #LogoHeader #TopNavigation A { color: #888; padding: 0px 9px; border-left: 1px solid #CCC; } #LogoHeader #TopNavigation LI.First A { border-left: none; } #LogoHeader #TopNavigation A:HOVER { color: #ffa800; } /* Navigation ----------------------------------------- */ #Navigation { float: left; background: url(/images/global-nav_bkg.gif) left bottom no-repeat; width: 1071px; } #Navigation UL.Main { margin: 0 10px 0 0; padding: 0; list-style: none; float: left; } #Navigation LI { display: inline; margin: 0; padding: 0; line-height: .5em; } #Navigation LI.First A { padding-left: 25px; } #Navigation LI A { height: 10px; float: left; padding: 13px 8px 10px 8px; text-transform: uppercase; font-size: 70%; color: #FFF; font-weight: bold; } #Navigation LI.First A:HOVER { background: url(/images/global-nav_first_hover_bkg.gif) bottom left no-repeat; } #Navigation LI A:HOVER { background: url(/images/global-nav_hover_bkg.gif) bottom repeat-x; } #Navigation LI.First A.Selected { background: url(/images/global-nav_first_hover_bkg.gif) bottom left no-repeat; } #Navigation LI A.Selected { background: url(/images/global-nav_hover_bkg.gif) bottom repeat-x; } #Navigation LI DIV { display: block; float: left; overflow: hidden; height: 23px; padding: 5px 15px 0 0; } #Navigation UL.Search { position: relative; display: block; float: right; text-align: right; margin: 0 15px 0 0; } #Navigation .Networks { float: left; display; block; height: 33px; margin: 0 10px 0 10px; padding: 0; } #Navigation .Networks IMG { margin 0 0px 0 0; } #Navigation .Networks A { position: relative; margin: -5px 5px 0 0; padding: 0 0 0 0; } #Navigation .Networks A:HOVER { background: none; } #Navigation .SocialSearch { position:relative; margin-left: 690px;} #Navigation .SocialSearch .Search { float: right; padding: 5px 23px 0 0; } #Navigation .SocialSearch .Search INPUT { border: none; padding: 4px 2px 2px 2px; } #Navigation .SocialSearch .Search DIV { float: left; } #Navigation .SocialSearch .Search .UserInput { float: left; } #Navigation .Search .UserInput INPUT { width: 160px; background-color: #FFF; } #Navigation .Search INPUT.Button { border: 0; margin-left: 5px; padding: 2px 0px 2px 5px; cursor: pointer; background: none; color: #FFF; font-weight: bold; } #Navigation .SocialSearch .Networks { margin: -9px 10px 0 0; float: right; } #Navigation .SocialSearch .Networks LI A { margin: 0 0 0 0; padding: 3px 2px 25px 2px; } /* Subnavigation ----------------------------------------- */ #SubNavigation { clear: both; display: block; padding: 0 13px; } #SubNavigation UL { padding: 6px 0 6px 0; background-color: #999; clear: both; display: block; border-top: 1px solid #FFF; } #SubNavigation LI { display: inline; list-style: none; padding: 5px 10px; font-size: 80%; font-weight: bold; } #SubNavigation LI A { color: #DDD; } #SubNavigation LI A:HOVER { color: #FFF; } #SubNavigation LI.Selected A { color: #FFF; } /* Columns Style ----------------------------------------- */ #Columns { padding: 0 0 0 13px; } #Columns #Column1 { float: left; width: 648px; } #Columns #Column2 { float: left; width: 397px; } #Columns.OneColumn {} #Columns.OneColumn #Column1 { display: block; } #Columns .Content H2 { color: #71b04e; font-size: 120%; } #Columns .Content H3 { color: #71b04e; font-size: 110%; } #Columns .Content P { font-size: 80%; margin-bottom: 10px; } #Columns .Content IMG.Left { margin: 0 10px 10px 0; } #Columns .Content H1 { margin: 0 0 15px 0; padding: 0; color: #61aa3d; } #Columns .Item { float: left; margin-right: 4px; width: 320px; } #Columns .Item DL { margin: 10px; } #Columns .Item DT { margin: 0 0 10px 0; font-weight: bold; font-size: 90%; } #Columns .Item DD { font-size: 80%; color: #666; } #Columns .LatestEntries { overflow: auto; height: 233px; display: block; clear: both; } #Columns .LatestEntries { margin-left: 12px; padding: 0px 10px 10px 0; border-bottom: 1px solid #EEE; } #Columns .Item .ListingEntry { clear: both; float: left; padding: 0 0 0 0; margin: 0 0 0 10px; border-bottom: 1px solid #CCC; width: 300px; } #Columns .Item .ListingEntry .Image { float: left; width: 90px; padding: 10px 0 } #Columns .Item .ListingEntry .Info { float: left; width: 210px; padding: 0 0 0 0; margin: 0 0 0 0; } #Columns .Item .ListingEntry .Info DT { margin: 0; } #Columns .Item P { font-size: 75%; margin-left: 10px; } #Columns .Item.PressReleases DL { border-bottom: 1px solid #CCC; padding: 0 0 10px 0; } #Columns .Item.PressReleases DT, #Columns .Item.PressReleases DD { margin: 0; padding: 0; } #Promos { clear: both; display: block; padding: 0 0 0 13px; } #Promos .Item { float: left; margin-right: 4px; width: 320px; } #Promos .Promo DL { height: 135px; margin: 0px 0 0 0; color: #666666; padding: 10px; background: #f3f3f3; display: block; clear: both; } #Promos .Promo DT { margin: 10px 0; color: #999; text-transform: uppercase; font-weight: bold; font-size: 65%; } #Promos .Promo DD { margin: 0px 0 10px 0; font-size: 75%; } #Promos .Left { margin: 0px 0 0px 0px; float: left; width: 648px; } #Promos .Right { float: left; width: 397px; } #Column2 #Column2Promos { padding: 10px 0 67px 6px; background: url(/images/global-column2_pinstripe_bkg.png) no-repeat bottom; } #Column2 #Column2Promos .Item.Promo DT { text-transform: uppercase; font-size: 65%; color: #999999; } #Column2 .Item.Promo { position: normal; background: #f3f3f3; margin: 5px 0px 0 0px; padding: 0 0 10px 0;} #Column2 .Item.Promo DL { padding: 15px 10px 15px 0px; margin: 3px; } #Column2 .Listing { padding: 0 20px; } #Column2 .Listing DT { font-weight: bold; } #Column2 .Listing DL { padding: 10px 0 10px 0; border-top: 1px solid #CCC; font-size: 80%; color: #666; } #Columns .LatestEntries DL { margin: 5px 0 15px 0; font-size: 85%; } #Columns .LatestEntries DT { font-weight: bold; font-size: 100%; } #Columns .LatestEntries DD { font-size: 90%; color: #444;} #BlogBox { height: 245px; margin: 0 auto 5px 0; } #BlogBox .BlogBubble { margin: 5px auto; width: 398px; } #BlogBox .BlogBubble .Content { margin: 0; padding: 5px 20px; } #BlogBox .BlogBubble .Content IMG { float: left; border: none; margin: 0; padding: 0; display: inline; } #BlogBox .BlogBubble.Dark .Content { background: url(/images/blog-drk_bubble_middle.gif) repeat-y left; color: #FFF; } #BlogBox .BlogBubble.Dark .Content P { padding: 0; margin: 0; color: #FFF; } #BlogBox .BlogBubble .Content P { padding: 0; margin: 0; } #BlogBox .BlogBubble.Light .Content { background: url(/images/blog-bubble_middle.gif) repeat-y left; color: #666666; } #BlogBox .BlogBubble.Light .Content P { color: #555; } #TwitterWrapper { background-color: #FFF; vertical-align: bottom; width: 1071px; } #TwitterBubble IMG { float: left; margin: 0; padding: 0; border: none; } #TwitterBubble { display: none; margin: 10px 0 0 498px; height: 128px; position:absolute; _position:absolute; } #TwitterBubble .Tweet { margin: 5px auto; width: 398px; float: left; } #TwitterBubble .Tweet .Content { margin: 0; padding: 5px 20px; font-size: 80%; float: left; width: 358px; } #TwitterBubble .Tweet .Content { background: url(/images/tweet-bubble_middle.png) repeat-y left; color: #FFF; } #TwitterBubble A:HOVER, #BlogBox .BlogBubble A:HOVER { color: #ffa800; } /* Global Listing Styles ----------------------------------------- */ .FeaturesListing { margin: 0 14px; border-top: 8px solid #67b80f; clear: both; } .FeaturesListing .ListingEntry { float: left; padding: 10px 0; border-bottom: 1px solid #DDD; } .FeaturesListing .Image { padding: 3px 10px 0 0; width: 88px; height: 88px; overflow: hidden; float: left; } .FeaturesListing .Info { float: left; width: 520px; } .FeaturesListing .Info DL { font-size: 80%; } .FeaturesListing .Info DT { font-weight: bold; text-transform: uppercase; } .FeaturesListing .Info DD { margin: 3px 0; color: #666; } .FeaturesListing .Info DD A { font-weight: bold; } .SuccessListing { margin: 0 14px; clear: both; } .SuccessListing .ListingEntry { float: left; padding: 10px 0; border-bottom: 1px solid #DDD; } .SuccessListing .Image { padding: 0px 10px 0 0; width: 88px; height: 88px; overflow: hidden; float: left; } .SuccessListing .Info { float: left; width: 590px; } .SuccessListing .Info DL { font-size: 80%; } .SuccessListing .Info DT { font-weight: bold; text-transform: uppercase; } .SuccessListing .Info DD { margin: 3px 0; color: #666; } .SuccessListing .Info DD A { font-weight: bold; } .SuccessListing P { font-size: 80%; } .ProcessListing { margin: 0 14px; clear: both; } .ProcessListing .ListingEntry { float: left; padding: 10px 0; border-bottom: 1px solid #DDD; } .ProcessListing .Image { padding: 3px 10px 0 0; width: 90px; height: 100px; overflow: hidden; float: left; } .ProcessListing .Info { float: left; width: 530px; padding: 15px 0 0 0; } .ProcessListing .Info DL { } .ProcessListing .Info DT { font-size: 90%; font-weight: bold; text-transform: uppercase; } .ProcessListing .Info DD { font-size: 80%; margin: 3px 0; color: #666; } .ProcessListing .Info DD A { font-weight: bold; } #Intro { padding: 0 0 0 13px; } #Intro .IntroLeft { vertical-align: bottom; float: left; width: 648px; overflow: hidden; } #Intro .IntroLeft .Slideshow { width: 644px; overflow: hidden; } #Intro .IntroLeft .Slideshow IMG, #Intro .IntroLeft .Slideshow A { display: block; border: none; } #Intro .IntroLeft .SlideshowText { vertical-align: bottom; position: relative; z-index: 100; width: 644px; } #Intro .IntroLeft .SlideshowText .Content P { color: #FFF; font-size: 85%; font-weight: bold; } #Intro .IntroLeft .SlideshowText .Content A { color: #FFF; } #Intro .IntroLeft .SlideshowText .Content A:HOVER { color: #CCC; } #Intro .IntroLeft .SlideshowText .Content { bottom: 0; position: absolute; padding: 10px; background: url(/images/global-slideshow_text_bkg.jpg) no-repeat right bottom; width: 624px; } #Intro.Short DIV.IntroLeft, #Intro.Short DIV.IntroRight { height: 212px; } /* Home Specific Styles ----------------------------------------- */ #Home #Intro .IntroLeft .Slideshow { height: 411px; } #Home #Intro .IntroLeft { height: 411px; } #Home #Intro .IntroLeft .SlideshowText .Content { height: 81px; } #Home #Intro .IntroRight { float: left; width: 397px; height: 408px; background: #FFF; padding: 4px 0 0 0; } #Home #Column2 .LatestEntries { border: none; } #Home #Column2 .LatestEntries .ListingEntry { float: left; padding: 10px 0; margin: 0; border: none; } #Home #Column2 .LatestEntries .Image { padding: 3px 10px 0 0; width: 88px; height: 88px; overflow: hidden; float: left; } #Home #Column2 .LatestEntries .Info { float: left; width: 260px; } #Home #Column2 .LatestEntries .Info DL { font-size: 80%; } #Home #Column2 .LatestEntries .Info DT { font-weight: bold; text-transform: uppercase; } #Home #Column2 .LatestEntries .Info DD { margin: 3px 0; color: #666; } #Home #Column2 .LatestEntries .Info DD A { font-weight: bold; } /* Our Work and Progress Specific Styles ----------------------------------------- */ #WorkProgress.Index .IntroLeft .Slideshow { height: 408px; } #WorkProgress.Index #Intro .IntroLeft { height: 408px; } #WorkProgress.Index .IntroLeft .SlideshowText .Content { height: 160px; } #WorkProgress.Index .IntroLeft .SlideshowText .Content IMG { } #WorkProgress.Index .IntroLeft .SlideshowText .Content DIV.Left { padding: 30px 10px 10px 5px; } #WorkProgress.Index .IntroLeft .SlideshowText .Content DIV.Left { float: left; width: 415px; } #WorkProgress.Index .IntroLeft .SlideshowText .Content H4 { color: #FFF; text-transform: uppercase; font-size: 60%; padding: 0px 0 0 0px; margin: 0; } #WorkProgress.Index .IntroLeft .SlideshowText .Content DL { color: #FFF; margin-top: 0px; } #WorkProgress.Index .IntroLeft .SlideshowText .Content DD { font-size: 75%; line-height: 1.25em; } #WorkProgress.Index .IntroLeft .SlideshowText .Content DT { font-size: 120%; margin: 0 0 2px 0; font-weight: bold; } #WorkProgress.Index #Column2 .Item { width: 379px; float: none; position: relative; clear: both; display: block; padding-left: 12px; } #WorkProgress.TypeB #Columns #Column2 #Column2Promos .Item.Promo { width: 315px; } #WorkProgress.Map #SectionTitle { border-bottom: none; } #WorkProgress.Map .GreenFade { margin-bottom: 3px; } #WorkProgress.Map #Column2 .Listing { width: 295px; margin: 0 0 0 13px; padding: 0; } #WorkProgress.Map #Column2 DIV.ListingEntry { height: 649px; width: 322px; overflow: auto; display: block;} #WorkProgress.Stories .IntroLeft { height: 323px; width: 723px; overflow: hidden; z-index: 1100; } #WorkProgress.Stories .IntroRight { height: 323px; overflow: hidden; } #WorkProgress.Stories .IntroLeft .SlideshowText .Content { bottom: 0; position: absolute; padding: 10px; background: url(/images/building_green-featured_bkg.jpg) no-repeat right bottom; } #WorkProgress #SuccessDetail { padding: 0; margin: 10px 0; color: #333333; } #WorkProgress #SuccessDetail UL, #WorkProgress #SuccessDetail LI { padding: 20px 0 0 0; margin: 0; } #WorkProgress #SuccessDetail LI { padding: 10px 0; border-top: 1px #CCC solid; list-style: none; display: block;} #WorkProgress #SuccessDetail LI LABEL { font-weight: bold; display: block float: left; width: 160px; } /* Media Specific Styles ----------------------------------------- */ #Media .IntroLeft .Slideshow { height: 408px; } #Media #Intro .IntroLeft { height: 408px; } #Media .IntroLeft .SlideshowText .Content { height: 160px; } #Media .IntroLeft .SlideshowText .Content IMG { } #Media .IntroLeft .SlideshowText .Content DIV.Left { float: left; width: 415px; padding: 30px 10px 10px 5px; } #Media .IntroLeft .SlideshowText .Content H4 { color: #FFF; text-transform: uppercase; font-size: 60%; padding: 0px 0 0 0px; margin: 0; } #Media .IntroLeft .SlideshowText .Content DL { color: #FFF; margin-top: 0px; } #Media .IntroLeft .SlideshowText .Content DD { font-size: 75%; line-height: 1.25em; } #Media .IntroLeft .SlideshowText .Content DT { font-size: 120%; margin: 0 0 2px 0; font-weight: bold; } #Media #Column2 .Item { width: 379px; float: none; position: relative; clear: both; display: block; padding-left: 12px; } #Media .FeaturedNews { width: 330px; float: right; } #Media .FeaturedNews H4 { color: #666; font-size: 85%; margin: 0; padding: 0; } #Media.NewsletterArchive .Content DL { margin: 10px 0 15px 0; font-size: 80%; } #Media.NewsletterArchive .Content DT { font-weight: bold; } #Media.NewsletterArchive .Content DD { font-size: 95%; } #Media.Archive #Column2 .Listing DL { margin: 0; border-top: none; margin-top: 3px; padding-left: 10px; background: url(/images/media-listing_bkg.gif) left repeat-y; } #Media.Archive #Column2 .Listing DL.Selected { background-image: none; background-color: #CCC; } #Media.Archive #Column2 .Listing { width: 321px; margin: 0; padding: 0; } #Media.Video #Columns .Listing { height: 380px; overflow: scroll; } #Media.Photo #Columns .Listing { height: 380px; overflow: scroll; } #Media #Columns HR { margin: 30px 0 20px 0; } #Media H2 INPUT { float: left; width: 25px; margin: 5px 5px 0 0px; display: block; } /* BUilding Green Specific Styles ----------------------------------------- */ #BuildingGreen.Index .IntroLeft .Slideshow { height: 408px; } #BuildingGreen.Index .IntroLeft .SlideshowText .Content { bottom: 0; position: absolute; padding: 10px; background: url(/images/building_green-featured_bkg.jpg) no-repeat right bottom; } #BuildingGreen #Column2 .Item { width: 379px; float: none; position: relative; clear: both; display: block; padding-left: 12px; } #BuildingGreen.Detail .IntroLeft { height: 323px; width: 720px; overflow: hidden; margin-right: 3px; } #BuildingGreen.Detail .IntroRight .Content { height: 283px; padding: 20px; } #BuildingGreen.Detail .IntroRight { height: 323px; } #BuildingGreen.Detail H3 { margin: 3px 0 0px 0; padding: 10px 10px; font-size: 70%; font-weight; normal; background: #727272 url(/images/global-grayfader.jpg) repeat-x bottom; color: #FFF; } #BuildingGreen.Detail #Column2 H3 { width: 303px; text-transform: uppercase; } #BuildingGreen.Design .IntroLeft { margin: 0; padding: 0; width: 720px; overflow: hidden; } #BuildingGreen.Design .IntroLeft .SlideshowText .Content { width: 690px; float: left; bottom: 0; position: absolute; height: 140px; padding: 0px 15px 5px 15px; background: url(/images/building_green-design_bkg-intro.jpg) repeat-x right bottom; } #BuildingGreen.Design .IntroLeft .SlideshowText .Content P { font-size: 80%; margin: 0 0 10px 0; font-weight: normal; } #BuildingGreen.Design .IntroLeft .SlideshowText .Content H1 { color: #FFF; margin: 10px 0 5px 0; padding: 0; font-size: 155%; } #BuildingGreen.Design #Column1 .ListingEntry DT { text-transform: none; } #BuildingGreen.Design #Intro .IntroRight { float: right; width: 322px; height: 323px; margin: 0 13px 0 3px; padding: 0; } #BuildingGreen.ArchitectDetail #Column1 .GreenFade { margin: 0 3px 0 0; } #BuildingGreen.ArchitectDetail #Column1 .GreenFade H2 { color: #FFF; font-size: 150%; } #BuildingGreen.ArchitectDetail #Column2 .GreenFade H5 { clear: both; margin: 10px 0 2px 0; padding: 0; text-transform: uppercase; font-size: 60%; color: #FFF; border-bottom: 1px solid #a1e472; } #BuildingGreen.ArchitectDetail #Column2 .GreenFade H2 { margin: 10px 0 0px 0; padding: 6px 0; border-top: 1px solid #a1e472; color: #FFF; } #BuildingGreen.ArchitectDetail #Column2 .GreenFade P { display: block; margin: 0px 0; padding: 6px 0 5px 0; line-height: 1.25em; font-weight: bold; clear: both; } #BuildingGreen.ArchitectDetail #Column2 .GreenFade LABEL { display: block; width: 95px; float: left; } #BuildingGreen.ArchitectDetail #Column2 .GreenFade P SPAN { display: block; float: left; width: 180px;} #BuildingGreen.ArchitectDetail #Column2 .GreenFade A { color: #FFF; } #BuildingGreen.ArchitectDetail #Column2 .Thumbnail { width: 90px; margin: 10px 10px 10px 0; } #BuildingGreen.ArchitectDetail #Column2 .Listing H3 { color: #71b04e; } /* Coming Home Specific Styles ----------------------------------------- */ #ComingHome .IntroLeft .Slideshow { height: 408px; } #ComingHome #Intro .IntroLeft { height: 408px; } #ComingHome .IntroLeft .SlideshowText .Content { font-weight: bold; padding-top: 135px; height: 25px; background: none; color: #FFF; text-align: right; font-size: 80%; } #ComingHome .IntroLeft .SlideshowText .Content IMG { } #ComingHome .IntroLeft .SlideshowText .Content H4 { color: #FFF; text-transform: uppercase; font-size: 60%; padding: 0px 0 0 0px; margin: 0; } #ComingHome .IntroLeft .SlideshowText .Content DL { color: #FFF; margin-top: 0px; } #ComingHome .IntroLeft .SlideshowText .Content DD { font-size: 75%; line-height: 1.25em; } #ComingHome .IntroLeft .SlideshowText .Content DT { font-size: 120%; margin: 0 0 2px 0; font-weight: bold; } #ComingHome #Column2 .Item { width: 379px; float: none; position: relative; clear: both; display: block; padding-left: 12px; } #ComingHome.Form H2 { margin-bottom: 10px; } #ComingHome.Form #Column1 .Content P { color: #000; margin-bottom: 15px; } #ComingHome.Form #Column1 INPUT.txtInput { width: 300px; } /* Blogs Specific Styles ----------------------------------------- */ #Blogs #Column1 .Content { margin: 0 17px; } #Blogs .BlogPost { padding: 15px 0 10px 0; border-top: 1px solid #cccc99; font-size: 80%; } #Blogs .BlogPost DT, #Blogs .BlogPost DD { color: #333333; margin-bottom: 5px; } #Blogs .BlogPost DD.Comments { margin: 20px 0 0 0; font-size: 85%; } #Blogs #Intro .IntroLeft { height: 117px; } #Blogs #Intro .IntroRight { height: 117px; } #Blogs #Intro .Content { padding: 10px 25px 10px 25px; } #Blogs .Content H2 { color: #71b04e; font-size: 120%; } #Blogs .Content P { font-size: 80%; color: #666; } #Blogs #Columns .BlogItem { width: 336px; height: 300px; border: 1px solid #e6e6e6; float: left; background-color: #f6f7ee; } #Blogs #Column1 .BlogItem { margin: 0 3px 0 7px; } #Blogs #Column2 H2 { margin-top: 15px; } #Blogs.Index #Column2 H2 { margin-top: 5px; } #Blogs #Columns .BlogItem.ArchitectureDesign { background: #f6f7ee url(/images/blog-architecture_design_bkg.jpg) top right no-repeat; } #Blogs #Columns .BlogItem.GreenTechnology { background: #f6f7ee url(/images/blog-green_technology_bkg.jpg) top right no-repeat; } #Blogs #Columns .BlogItem.Rebuilding { background: #f6f7ee url(/images/blog-rebuilding_bkg.jpg) top right no-repeat; } #Blogs #Columns .BlogItem .Content { margin: 0; padding: 190px 50px 10px 15px; } #Blogs #Columns .BlogItem .Content P { color: #111; } #Intro .IntroRight { float: left; width: 397px; height: 408px; background: #FFF; padding: 0px 0 0 0; } /* Donate Specific Styles ----------------------------------------- */ #Donate #Column1 H5 { margin: 0 0 5px 0; padding: 0; color: #66cc33; font-size: 110%;} #Donate #Column1 H4 { font-weight: normal; color: #707070; font-size: 140%; margin: 0 0 5px 0; } #Donate #Column1 { background-color: #ececd8; } #Donate #Column1 .Item { padding: 10px 0px 10px 15px; width: 340px; } #Donate #Column1 .Item P { margin: 0 0 10px 0px; line-height: 1.25em; } #Donate #Column1 .Item { height: 190px; overflow: hidden; } #Donate #Column2 .GreenFade { height: 496px; hidden; } #Donate #DonationBox P { font-size: 80%; } #Donate #DonationBox H5 { color: #707070; text-transform: uppercase; font-size: 75%; margin: 5px 0 5px 0; padding: 0 0 5px 0; } #Donate #DonationBox { float: left; display: block; clear: both; background-color: #FFF; width: 1045px; } #Donate #DonationBox .Info { padding: 10px 10px 15px 15px; float: left; width: 699px; } #Donate #DonationBox #Sponsors { width: 320px; float: left; } #Donate #Column2 .GreenFade { width: 322px; } #Donate #Column2 .GreenFade A { color: #FFF; font-weight: bold; } /* Footer Specific Styles ----------------------------------------- */ #Footer { clear: both; display: block; background: url(/images/global-footer_bkg.png) bottom no-repeat; padding: 0px 13px 38px 13px; float: left; width: 1045px; } #Footer #FooterContent { padding: 13px; display: block; clear: both; background-color: #888; float: left; width: 1019px; } #Footer #FooterContent UL { font-size: 90%; margin-bottom: 5px; clear: both; display: block; } #Footer #FooterContent LI { list-style: none; display: inline; padding: 0; } #Footer #FooterContent LI.First A { padding-left: 0; border-left: none; } #Footer #FooterContent LI A { margin: 0; color: #FFF; font-size: 80%; padding: 0 7px; border-left: 1px dotted #CCC; } #Footer #FooterContent LI A:HOVER { color: #ffa800; } #Footer #FooterContent P { margin: 10px 0 0 0; color: #FFF; font-size: 11px; } #Search.TypeB #Columns #Column2 #Column2Promos .Item.Promo { width: 315px; } /* Google Map Specific Styles ----------------------------------------- */ #Media.Archive #Column2 .Listing { height: 415px; } #list { margin: 0; } #list LI IMG { float: left; } #list LI { border-top: 1px solid #ABABAB; padding: 10px 0 10px 10px; list-style: none; float: left; display: block; clear: both; width: 295px; } #Column2 #list LI h2 { font-size: 90%; color: #72b84c; margin: 0; padding: 0; } #Column2 #list LI P { font-size: 75%; line-height: 1.40em; } #Column2 #list .Info { float: left; width: 245px; padding-left: 10px; } #Column2 #list .Thumbnail { border: 1px solid #72b84c; width: 59px; height: 59px; overflow: hidden; } #Column2 #list .Thumbnail IMG { height: 100%; } #Column2 #list .Text { padding: 0 0 0 10px; width: 170px; float: left; } #message { position:absolute; padding: 0 0 0 10px; background:url(/images/map-bubble_background.png) no-repeat top left; color:#fff; width:345px; height: 1px; overflow: hidden; } #message .InfoContainer { width: 335px; float: left; padding: 4px 0 5px 5px; } #message h2 { font-size: 90%; color: #72b84c; margin: 0; padding: 0; } #message P { font-size: 75%; line-height: 1.40em; color: #000; } #message .Thumbnail { overflow: hidden; border: 1px solid #72b84c; width: 48px; height: 48px; } #message .Thumbnail IMG { height: 100%; } #message .Text { padding: 0 0 10px 0; margin: 0 0 0 10px; width: 260px; float: left; border-bottom: 1px solid #ABABAB; } #list .Additional { display: none; } #list .Close { display: none; } #list li:hover { border-top: 1px solid #ABABAB; background: url(/images/media-listing_bkg.gif) left repeat-y; cursor:pointer; cursor:hand; } #list li.active { border-top: 1px solid #ABABAB; background: url(/images/media-listing_bkg.gif) left repeat-y; }