body { background-color: #c9c4bb; font-family: Times, "Times New Roman", serif; } /* .clear_fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/ div.dr { display: none; } /* Global form styles */ form input { margin-top: 0; border: 1px solid #c9c4bb; padding: .2em .3em; font-size: 11px; } form select { border: 1px solid #c9c4bb; padding: .1em; font-size: 11px; } form textarea { border: 1px solid #c9c4bb; padding: .2em .3em; font-size: 11px; } form .button { display: block; border: 0; padding: 0; } form .go { margin-top: 1px; width: 25px; height: 17px; background: url(/WebManager/themes/20/btn_go.gif) center no-repeat; text-indent: -9999px; overflow: hidden; } /* should inherit from .button */ form .send { width: 46px; height: 17px; background: url(/WebManager/themes/20/btn_send.gif) center no-repeat; text-indent: -9999px; overflow: hidden; } /* should inherit from .button */ #page { margin: 3px auto; padding-bottom: 3px; width: 989px; } form { } /* wrapper form necessary for cms */ #header { position: relative; background-color: #fff; z-index: 5; } #header h1 { margin: 0; height: 123px; } #header h1 a.logo { display: block; position: absolute; top: 6px; left: 16px; width: 68px; height: 81px; background: url(/WebManager/themes/20/logo.gif) center no-repeat; text-indent: -9999px; overflow: hidden; } #header h1 span.divider { display: none; } #header h1 span.service_mark { display: block; position: absolute; top: 55px; left: 115px; width: 323px; height: 21px; background: url(/WebManager/themes/20/service_mark.gif) center no-repeat; text-indent: -9999px; overflow: hidden; } #header a#btn_donate { display: block; position: absolute; top: 24px; right: 20px; width: 100px; height: 24px; background: url(/WebManager/themes/20/btn_donate.gif); text-indent: -9999px; overflow: hidden; z-index: 4; } #header #search_form { position: absolute; top: 38px; right: 20px; } #header #search_form fieldset { } #header #search_form fieldset label { display: block; margin-bottom: 6px; width: 50px; height: 11px; background: url(/WebManager/themes/20/lbl_search.gif) center no-repeat; text-indent: -9999px; } #header #search_form fieldset input#q { float: left; margin-right: 5px; width: 150px; } #header #search_form fieldset #q_btn { float: left; } /* inherits from .button and .go */ #header #locator_form { position: absolute; top: 102px; right: 20px; z-index: 9; } #header #locator_form fieldset { margin: 0; } #header #locator_form fieldset legend { } #header #locator_form fieldset legend span { display: block; position: absolute; top: 2px; left: -85px; width: 75px; height: 13px; background: url(/WebManager/themes/20/bg_locations.gif) no-repeat; text-indent: -9999px; } #header #locator_form fieldset label { display: none; } #header #locator_form fieldset input#q_zip { float: left; margin-right: 5px; border: 0; width: 90px; } #header #locator_form fieldset #q_loc_btn { float: left; margin-top: 0; } /* inherits from .button and .go */ #header div#nav { position: absolute; top: 96px; left: 0; width: 100%; height: 27px; background: #c9c4bb url(/WebManager/themes/20/bg_nav_shadow.gif) top repeat-x; z-index: 7; } #header div#nav ul { margin: 0; } #header div#nav ul li#n1, #header div#nav ul li#n2, #header div#nav ul li#n3, #header div#nav ul li#n4, #header div#nav ul li#n5 { position: relative; float: left; list-style: none; } #header div#nav ul li a#home, #header div#nav ul li a#programs, #header div#nav ul li a#ways, #header div#nav ul li a#news, #header div#nav ul li a#about { display: block; height: 27px; text-indent: -9999px; background-image: url(/WebManager/themes/20/bg_nav.gif); background-repeat: no-repeat; overflow: hidden; } /* First Level width and background-image position */ #header div#nav ul li a#home { width: 100px; background-position: 0 0; } #header div#nav ul li a#programs { width: 221px; background-position: -100px 0; } #header div#nav ul li a#ways { width: 166px; background-position: -321px 0; } #header div#nav ul li a#news { width: 108px; background-position: -487px 0; } #header div#nav ul li a#about { width: 138px; background-position: -595px 0; } /* First level selected, focus and hover states */ #header div#nav ul li.selected a#home, #header div#nav ul li a#home:hover, #header div#nav ul li a#home:focus { background-position: 0 -27px; } #header div#nav ul li.selected a#programs, #header div#nav ul li a#programs:hover, #header div#nav ul li a#programs:focus { background-position: -100px -27px; } #header div#nav ul li.selected a#ways, #header div#nav ul li a#ways:hover, #header div#nav ul li a#ways:focus { background-position: -321px -27px; } #header div#nav ul li.selected a#news, #header div#nav ul li a#news:hover, #header div#nav ul li a#news:focus { background-position: -487px -27px; } #header div#nav ul li.selected a#about, #header div#nav ul li a#about:hover, #header div#nav ul li a#about:focus { background-position: -595px -27px; } /* Second level navigation */ #header div#nav ul li ul { display: none; } #header div#nav ul li:hover ul, #header div#nav ul li.hover ul { display: block; } #header div#nav ul li ul { position: absolute; top: 27px; left: -4px; margin: 0; padding-bottom: 7px; } #header div#nav ul li ul li { position: relative; list-style: none; margin-left: 3px; margin-bottom: -1px; border: 1px solid #a19d96; background-color: #c9c4bb; } #header div#nav ul li ul li a { display: block; color: #000; padding: 6px 36px; line-height: 18px; text-decoration: none; text-align: left; } #header div#nav ul li ul li a:hover { background-color: #a19d96; color: #fff; } #header div#nav ul li#n5 ul li a { padding-left: 30px; padding-right: 25px; } #header div#nav ul li#n2 ul li a.arrow { background-image: url(/WebManager/themes/20/bg_nav_child_arrow.gif); background-position: 205px center; background-repeat: no-repeat; } #header div#nav ul li#n3 ul li a.arrow { background-image: url(/WebManager/themes/20/bg_nav_child_arrow.gif); background-position: 150px center; background-repeat: no-repeat; } #header div#nav ul li#n5 ul li a.arrow { background-image: url(/WebManager/themes/20/bg_nav_child_arrow.gif); background-position: 122px center; background-repeat: no-repeat; } #header div#nav ul li#n1 ul { width: 108px; } #header div#nav ul li#n2 ul { width: 229px; background: url(/WebManager/themes/20/bg_nav_n2_shadow.png) bottom; } #header div#nav ul li#n3 ul { width: 174px; background: url(/WebManager/themes/20/bg_nav_n3_shadow.png) bottom; } #header div#nav ul li#n4 ul { width: 116px; } #header div#nav ul li#n5 ul { width: 146px; background: url(/WebManager/themes/20/bg_nav_n5_shadow.png) bottom; } #header div#nav ul li#n1 ul li { width: 99px; } #header div#nav ul li#n2 ul li { width: 220px; } #header div#nav ul li#n3 ul li { width: 165px; } #header div#nav ul li#n4 ul li { width: 107px; } #header div#nav ul li#n5 ul li { width: 137px; } /* Third level navigation */ #header div#nav ul li:hover ul li ul, #header div#nav ul li.hover ul li ul { display: none; } #header div#nav ul li ul li:hover ul, #header div#nav ul li ul li.hover ul { display: block; } #header div#nav ul li ul li { z-index: 1; } #header div#nav ul li ul li:hover, #header div#nav ul li ul li.hover { z-index: 10; } #header div#nav ul li ul li ul { position: absolute; top: 12px; z-index: 11; } #header div#nav ul li ul li ul li { margin-top: -3px; margin-bottom: 2px; margin-left: 2px; } #header div#nav ul li#n1 ul li ul { left: 79px; } #header div#nav ul li#n2 ul li ul { left: 200px; } #header div#nav ul li#n3 ul li ul { left: 145px; } #header div#nav ul li#n4 ul li ul { left: 87px; } #header div#nav ul li#n5 ul li ul { left: 117px; } #body { position: relative; background: #fff url(/WebManager/themes/20/bg_body.gif) repeat-y; z-index: 1; } /** global body style to make all links red **/ #body a { color: #b60a0e; } #body a:hover, #body a:focus { text-decoration: none; } #col2 { position: relative; float: left; z-index: 1; width: 744px; background-color: #e1ddd2; } #col2 h2, #col2 h3, #col2 p { margin-left: 30px; margin-right: 30px; } #col2 h2, #col2 h3, #col2 dt { margin-top: 25px; } #col2 ul { padding-left: 25px; } #col2 dl { margin-left: 30px; margin-right: 30px; } #col2 p, #col2 dd, #col2 li { line-height: 18px; } #hero_promo { width: 733px; height: 359px; overflow: hidden; } #hero_promo_001 { position: absolute; width: 733px; height: 359px; background: url(/WebManager/themes/20/hero_promos/001.jpg) top left no-repeat; } #hero_promo_001 h2 { display: none; } #hero_promo_001 p.description { position: absolute; top: 220px; left: 449px; margin: 0; width: 252px; line-height: 16px; text-align: justify; } #hero_promo_001 p.description a.video { margin-left: 12px; } #hero_promo_001 p.program { margin: 0; } #hero_promo_001 p.program a { display: block; position: absolute; top: 301px; left: 520px; width: 120px; height: 16px; text-indent: -9999px; overflow: hidden; } #col2 h2.programs_that_help { background: url(/WebManager/themes/20/h2_programs_that_help.gif) no-repeat; text-indent: -9999px; overflow: hidden; } #col2 h2.ways_to_give { background: url(/WebManager/themes/20/h2_ways_to_give.gif) no-repeat; text-indent: -9999px; overflow: hidden; } #col2 h2.latest_news_stories { position: relative; background: url(/WebManager/themes/20/h2_latest_news_stories.gif) no-repeat; text-indent: -9999px; overflow: hidden; } #col2 h2.latest_news_stories a.rss { position: absolute; right: 0; padding-left: 35px; padding-bottom: 3px; background: url(/WebManager/themes/20/icon_rss.gif) left 1px no-repeat; font-size: 13px; text-indent: 0; } #col2 h2.news_story { background: url(/WebManager/themes/20/h2_news_story.gif) no-repeat; text-indent: -9999px; overflow: hidden; } #col2 h2.contact_us { background: url(/WebManager/themes/20/h2_contact_us.gif) no-repeat; text-indent: -9999px; overflow: hidden; } #col2 form.sort_news { } #col2 form.sort_news fieldset { } #col2 form.sort_news label { font-weight: bold; } #col2 form.sort_news input#sort_news_btn { margin-left: 2px; margin-bottom: -3px; } /* inherits from input.button */ #col2 dl.news { } #col2 dl.news dd { margin: 0; padding: .2em 0; } #col2 p.date { margin-top: -10px; font-weight: bold; } div.how_you_can_help { } div.how_you_can_help ul { margin-left: 5px; margin-bottom: 20px; } div.how_you_can_help ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.how_you_can_help ul li { float: left; list-style: none; } div.how_you_can_help ul li a { display: block; float: left; padding: 10px 34px 10px 50px; } div.how_you_can_help ul li.monetary a { background: url(/WebManager/themes/20/icon_help_monetary.jpg) left center no-repeat; } div.how_you_can_help ul li.volunteer a { background: url(/WebManager/themes/20/icon_help_volunteer.jpg) left center no-repeat; } div.how_you_can_help ul li.thrift a { background: url(/WebManager/themes/20/icon_help_thrift.jpg) left center no-repeat; } div.how_you_can_help ul li.auto a { background: url(/WebManager/themes/20/icon_help_auto.jpg) left center no-repeat; } div.how_you_can_help ul li.miles a { background: url(/WebManager/themes/20/icon_help_miles.jpg) left center no-repeat; } #col2 div.col { float: left; padding: 0 30px; width: 170px; } #col2 div.programs { width: 100%; } #col2 div.programs div.program { padding-top: 10px; padding-bottom: 19px; } /* Inherits from #col2 div.col */ #col2 div.programs div.program h3 { margin: 0 0 3px; font-size: 12px; } #col2 div.programs h3.community { padding-bottom: 95px; background: url(/WebManager/themes/20/icon_progs_community.jpg) left bottom no-repeat; } #col2 div.programs h3.rebuilding { padding-bottom: 95px; background: url(/WebManager/themes/20/icon_progs_rebuilding.jpg) left bottom no-repeat; } #col2 div.programs h3.comfort { padding-bottom: 95px; background: url(/WebManager/themes/20/icon_progs_comfort.jpg) left bottom no-repeat; } #col2 div.programs div.program ul { margin: 12px 0 0; padding: 0; } #col2 div.programs div.program ul li { list-style: none; line-height: 18px; } #col2 .contact_us { margin-left: 30px; margin-right: 30px; } #col2 .contact_us fieldset { margin: 0; padding: 0; } #col2 .contact_us fieldset legend { display: none; } #col2 .contact_us fieldset div { float: left; padding-bottom: 10px; } #col2 .contact_us fieldset div label { display: block; font-weight: bold; } #col2 .contact_us fieldset div.title { width: 85px; } #col2 .contact_us fieldset div.first_name { padding-right: 40px; width: 225px; } #col2 .contact_us fieldset div.first_name input { width: 225px; } #col2 .contact_us fieldset div.last_name { width: 310px; } #col2 .contact_us fieldset div.last_name input { width: 310px; } #col2 .contact_us fieldset div.email { clear: left; padding-right: 30px; width: 320px; } #col2 .contact_us fieldset div.email input { width: 310px; } #col2 .contact_us fieldset div.phone_number { width: 320px; } #col2 .contact_us fieldset div.phone_number input { width: 310px; } #col2 .contact_us fieldset div.topic { width: 100%; } #col2 .contact_us fieldset div.topic select { width: 669px; } #col2 .contact_us fieldset div.comments { width: 100%; } #col2 .contact_us fieldset div.comments textarea { width: 660px; height: 100px; } #col2 .contact_us #contact_us_btn { clear: both; margin-bottom: 18px; } /* inherits from .button and .send */ #col1 { position: relative; float: left; z-index: 2; width: 244px; } #col1 h2, #col1 h3, #col1 p, #col1 form, #col1 dl { margin-left: 29px; margin-right: 29px; } #col1 img { margin-left: 29px; } #col1 ul { padding-left: 25px; margin-right: 29px; } #col1 h2, #col1 h3 { margin-top: 26px; } #col1 h2 { font-size: 14px; } #col1 p, #col1 dd, #col1 li { line-height: 18px; } #col1 .narrow_news { margin-left: 29px; margin-right: 29px; } #col1 .narrow_news fieldset { } #col1 .narrow_news label { font-weight: bold; } #col1 .narrow_news ul { margin: 5px 29px 20px 0; padding: 0; } #col1 .narrow_news ul li { padding-left: 0; list-style: none; line-height: 18px; } #col1 .narrow_news fieldset.state { margin-top: -5px; } #col1 .narrow_news fieldset.state:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #col1 .narrow_news fieldset.state label, #col1 .narrow_news fieldset.state select, #col1 .narrow_news fieldset.state #narrow_news_btn { float: left; margin-right: 4px; } #col1 dl.related_headlines { } #col1 dl.related_headlines dt { } #col1 dl.related_headlines dd { margin-left: 0; margin-bottom: 15px; } #col1 div.latest_news { margin: 25px 0 0; } #col1 div.latest_news h2 { width: 102px; height: 12px; background: url(/WebManager/themes/20/h_latest_news.gif); text-indent: -9999px; overflow: hidden; } #col1 div.latest_news h3 { margin-top: 12px; margin-bottom: 3px; font-size: 12px; line-height: 18px; } #col1 div.latest_news p { line-height: 16px; } #col1 div.latest_news p.view_all { } #col1 dl.address { margin-top: 23px; } #col1 dl.address dt { margin-bottom: 12px; } #col1 dl.address dd { margin: 0; padding: 0; } #col3 { position: relative; clear: both; z-index: 3; background-color: #f1f1f0; } #col3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #shadow_bottom { position: absolute; top: -7px; left: 0; width: 100%; height: 7px; background: url(/WebManager/themes/20/shadow_bottom.png) top left repeat-x; z-index: 5; } #col3 div.col { float: left; padding: 0 23px; width: 200px; } #col3 div.fullcol { float: left; padding: 0 23px; width: 687px; } #col3 div.promos { } #col3 div.promos div.promo { padding-top: 19px; padding-bottom: 19px; } /* Inherits from #col3 div.col */ #col3 div.promos div.promo h2 { margin: 0 0 3px; font-size: 12px; line-height: 16px; } #col3 div.promos div.promo p { margin: 0; font-size: 12px; line-height: 16px; } #col3 div.programs { clear: left; border-top: 1px solid #f1efe2; } /* Inherits from #col2 div.programs */ #col3 div.programs h2 { margin: 23px 23px 0; width: 160px; height: 12px; background: url(/WebManager/themes/20/h_programs_that_help.gif); text-indent: -9999px; overflow: hidden; } #col3 div.programs div.program { padding-top: 10px; padding-bottom: 19px; } /* Inherits from #col3 div.col */ #col3 div.programs div.program h3 { margin: 0 0 3px; font-size: 12px; } #col3 div.programs div.program ul { margin: 0; } #col3 div.programs div.program ul li { list-style: none; line-height: 18px; } #col3 div.how_you_can_help { float: left; padding: 19px 0 0 19px; width: 712px; } /* inherits from div.how_you_can_help in #col2 section */ #col3 div.how_you_can_help h2 { margin: 0; font-size: 12px; line-height: 16px; } #col3 div.how_you_can_help ul { margin-top: 3px; } #col3 div#state_select { float: left; padding-top: 19px; padding-bottom: 19px; } #col3 div#state_select fieldset { } #col3 div#state_select label { display: block; font-weight: bold; } #col3 div#state_select select { float: left; margin-right: 5px; } #col3 div#state_select #state_select_btn { float: left; margin-left: 0; } /* inherits from .button and .go */ #col3 div.newsletter_signup { padding-top: 10px; } /* Inherits from #col3 div.col */ #col3 div.newsletter_signup h3 { margin: 0 0 3px; font-size: 12px; } #col3 div.newsletter_signup p { margin: 0 0 3px; line-height: 18px; } #col3 div.newsletter_signup fieldset { } #col3 div.newsletter_signup label { display: none; } #col3 div.newsletter_signup input#email_address { float: left; margin-right: 4px; width: 110px; } #col3 div.newsletter_signup input#zip { float: left; margin-right: 4px; width: 36px; } #col3 div.newsletter_signup #newsletter_signup_btn { float: left; } /* inherits from .button and .go */ #shadow_top { position: absolute; top: 0; left: 0; width: 100%; height: 8px; background: url(/WebManager/themes/20/shadow_top.png) top left repeat-x; z-index: 5; }