* { padding:0; margin:0; } /* global definition for padding and margin */ html { height:101%; background:#796E3C url(/images/bg_html.jpg) repeat-y 50% 0; } body { font-size:100%; height:100%; } h1, h2, h3, h4, h5 { font:normal 100%/100% "Lucida Grande", arial, verdana, sans-serif; color:#215303; padding:0 0 5px 0; } h1 { font-size:1.3em; line-height:100%; padding-bottom:15px; font-weight:bold; } h2 { font-size:1.2em; line-height:100%; padding-top:5px; padding-bottom:10px;} h3 { font-size:1.1em; line-height:100%; } h4 { font-size:1.0em; line-height:100%; } h5 { font-size:0.9em; line-height:100%; } p, ol, ul, table, dl, div.formatted { font:normal .80em/150% "Lucida Grande", Arial, Verdana, sans-serif; padding:0 0 15px 0; } a, a:visited { color:#215303; outline:none; /*removes dotted outline around links in FF*/ } a:hover { color:#215303; text-decoration:none; } dl { padding:0 0 5px 10px; } dt { font-weight:bold; } dd { margin:0 0 5px 0; } ol { padding:0 0 0 15px; } ol li { padding:0 0 5px 0; } ul { padding:0 0 0 20px; } ul li { padding:0 0 5px 0; } table { padding:0; } th { font-weight:bold; } td { padding:0; } img { border:none; } option{ margin-right:10px;} #wrapper { width:1026px; margin:0 auto; background:#E0DFCC url(/images/bg_wrapper.jpg) repeat-y 0 0; } #header { height:150px; width:1026px; padding:0 0px 0 0; position:relative; } #nav { position:absolute; bottom:0; right:22px; width:791px;} #nav ul { list-style-type:none; float:right; padding:0; margin:0; } #nav li { float:left; padding:0; } .replacement { display:block; overflow:hidden; height:0px;} #nav_contact { padding:39px 0 0 0; width:107px; background:url(/images/nav_contact.jpg) no-repeat 0 0; } #nav_news { padding:39px 0 0 0; width:73px; background:url(/images/nav_news.jpg) no-repeat 0 0; } #nav_support { padding:39px 0 0 0; width:125px; background:url(/images/nav_support.jpg) no-repeat 0 0; } #nav_sustainable_trees { padding:39px 0 0 0; width:154px; background:url(/images/nav_sustainable_trees.jpg) no-repeat 0 0; } #nav_photos { padding:39px 0 0 0; width:75px; background:url(/images/nav_photo.jpg)no-repeat 0 0; } #nav_about { padding:39px 0 0 0; width:113px; background:url(/images/nav_about.jpg) no-repeat 0 0; } #nav_home { padding:39px 0 0 0; width:92px; background:url(/images/nav_home.jpg) no-repeat 0 0; } #nav_right { padding-bottom:10px; } #rightnav_quality { padding:52px 0 0 0; width:305px; background:url(/images/rightnav_quality.gif) no-repeat 0 0; } #rightnav_healthier { padding:52px 0 0 0; width:305px; background:url(/images/rightnav_healthier.gif) no-repeat 0 0; } #rightnav_beautification { padding:52px 0 0 0; width:305px; background:url(/images/rightnav_beautification.gif) no-repeat 0 0; } #rightnav_conservation { padding:52px 0 0 0; width:305px; background:url(/images/rightnav_conservation.gif) no-repeat 0 0; } #rightnav_environmental { padding:52px 0 0 0; width:305px; background:url(/images/rightnav_environmental.gif) no-repeat 0 0; } #right_btns { width:308px; } #right_btns ul { float:right; } #right_btns li { float:left; list-style-type:none; margin:0; } #right_btns ul, #right_btns li { padding:0; } #btn_create_legacy { padding:40px 0 0 0; width:153px; background:url(/images/btn_create_legacy.gif) no-repeat 0 0; } #btn_receive_legacy { padding:40px 0 0 0; width:155px; background:url(/images/btn_receive_legacy.gif) no-repeat 0 0; } #hed_tagline { padding:19px 0 0 0; width:638px; background:url(/images/hed_tagline.gif) no-repeat 0 0; position:absolute; right:22px; bottom:53px; } #hed_buttons { /*padding:25px 0 0 0; width:153px; background:url(/images/hed_phone.gif) no-repeat 0 0;*/ position:absolute; right:22px; top:20px; } #hed_contact { padding:40px 0 0 0; width:142px; background:url(/images/hed_contact.gif) no-repeat 0 0; float:left; } #hed_makeadonation { padding:40px 0 0 0; width:180px; background:url(/images/hed_makeadonation.gif) no-repeat 0 0; float:left; } #content { padding:50px 42px 25px 42px; } #nav_right { width:307px; float:right; } #nav_right ul { padding:0; list-style-type:none; } #nav_right li { padding:0 0 9px 0; list-style-type:none; } #left_copy{ width:572px; float:left; } #footer { background:url(/images/bg_footer.gif) no-repeat 0 0; height:138px; padding:225px 0 0 70px; margin: 0 auto; width:956px;} #footer p { color:#E0DFCC; } #footer p#footer_copyright { font-weight:bold; } #footer p#footer_copyright a { color:#E0DFCC; text-decoration:none; } #quotes { padding: 40px 0 15px 0; } p.quote { font:normal 18px/125% "Georgia", "Times New Roman", serif; color:#215303; padding:0 0 5px 0; } p.quote_author { text-align:right; color:#473E23; } #home_news { padding: 30px 0 15px 0; } #home_news a { color:#964E00; } #home_news h3 { line-height:130%; font-size:17px;} .home_news_block_first { background:url(/images/divider_home_news.gif) no-repeat 0 100%; margin-bottom:15px; } .home_news_block_first p.tagged { padding:0; } #home_video { background:url(/images/bg_videobox.jpg) no-repeat 0 20px; border:1px solid #796E3C; padding:16px 15px; } .subnav { font:normal 18px/125% "Georgia", "Times New Roman", serif; text-align:center; margin:0 0 25px 0;} .subnav li { /*border-bottom: 1px solid #B2AE90;*/ background:url(/images/subnav_border.gif) no-repeat 50% 100%; margin-bottom:10px; } .subnav a { color:#964E00; text-decoration:none;} .footer_block { float:left; padding-top:15px; } .footer_block ul { padding:0; list-style-type:none;} #footer .footer_block a { color:#E0DFCC; text-decoration:none; padding-right:70px; } /************ styles for notice/error divs ************/ #error, #notice, #success { width:90%; margin:0 auto 10px auto; padding:5px; border:2px solid #DDD; } #error p, #notice p, #success p { margin-left:20px; padding:0; font-size:12px; color:#000; } #error a, #notice a, #success a { text-decoration:none; padding:0 3px; } #error a:hover, #notice a:hover, #success a:hover { color:#000; border:1px solid #000; } #error { background-color:#FBE3E4; color:#8A1F11; border-color:#FBC2C4; } #notice { background-color:#FFF6BF; color:#514721; border-color:#FFD324; } #success { background-color:#E6EFC2; color:#264409; border-color:#C6D880; } #error a { border:1px solid #8A1F11; color:#8A1F11; } #notice a { border:1px solid #514721; color:#514721; } #success a { border:1px solid #264409; color:#264409; } /************ styles for IE6 notice ************/ #ie_notice { padding: 15px 15px 15px 70px; background: #f0c5b6 url('/images/bg_big_no.gif') no-repeat 15px 15px; border: 2px solid #e59d83; color: #78625b; margin-bottom: 15px; } #ie_notice ul { margin:0 0 15px 0; } #ie_notice li, #ie_notice p { font-size:14px; font-weight:bold; } #ie_notice .ie_confirm { font-size:16px; }* { padding:0; margin:0; } /* global definition for padding and margin */ html { height:101%; background:#796E3C url(/images/bg_html.jpg) repeat-y 50% 0; } body { font-size:100%; height:100%; } h1, h2, h3, h4, h5 { font:normal 100%/100% "Lucida Grande", arial, verdana, sans-serif; color:#215303; padding:0 0 5px 0; } h1 { font-size:1.3em; line-height:100%; padding-bottom:15px; font-weight:bold; } h2 { font-size:1.2em; line-height:100%; padding-top:5px; padding-bottom:10px;} h3 { font-size:1.1em; line-height:100%; } h4 { font-size:1.0em; line-height:100%; } h5 { font-size:0.9em; line-height:100%; } p, ol, ul, table, dl, div.formatted { font:normal .80em/150% "Lucida Grande", Arial, Verdana, sans-serif; padding:0 0 15px 0; } a, a:visited { color:#215303; outline:none; /*removes dotted outline around links in FF*/ } a:hover { color:#215303; text-decoration:none; } dl { padding:0 0 5px 10px; } dt { font-weight:bold; } dd { margin:0 0 5px 0; } ol { padding:0 0 0 15px; } ol li { padding:0 0 5px 0; } ul { padding:0 0 0 20px; } ul li { padding:0 0 5px 0; } table { padding:0; } th { font-weight:bold; } td { padding:0; } img { border:none; } option{ margin-right:10px;} #wrapper { width:1026px; margin:0 auto; background:#E0DFCC url(/images/bg_wrapper.jpg) repeat-y 0 0; } #header { height:150px; width:1026px; padding:0 0px 0 0; position:relative; } #nav { position:absolute; bottom:0; right:22px; width:791px;} #nav ul { list-style-type:none; float:right; padding:0; margin:0; } #nav li { float:left; padding:0; } .replacement { display:block; overflow:hidden; height:0px;} #nav_contact { padding:39px 0 0 0; width:107px; background:url(/images/nav_contact.jpg) no-repeat 0 0; } #nav_news { padding:39px 0 0 0; width:73px; background:url(/images/nav_news.jpg) no-repeat 0 0; } #nav_support { padding:39px 0 0 0; width:125px; background:url(/images/nav_support.jpg) no-repeat 0 0; } #nav_sustainable_trees { padding:39px 0 0 0; width:154px; background:url(/images/nav_sustainable_trees.jpg) no-repeat 0 0; } #nav_about { padding:39px 0 0 0; width:113px; background:url(/images/nav_about.jpg) no-repeat 0 0; } #nav_home { padding:39px 0 0 0; width:92px; background:url(/images/nav_home.jpg) no-repeat 0 0; } #nav_right { padding-bottom:10px; } #rightnav_quality { padding:52px 0 0 0; width:305px; background:url(/images/rightnav_quality.gif) no-repeat 0 0; } #rightnav_healthier { padding:52px 0 0 0; width:305px; background:url(/images/rightnav_healthier.gif) no-repeat 0 0; } #rightnav_beautification { padding:52px 0 0 0; width:305px; background:url(/images/rightnav_beautification.gif) no-repeat 0 0; } #rightnav_conservation { padding:52px 0 0 0; width:305px; background:url(/images/rightnav_conservation.gif) no-repeat 0 0; } #rightnav_environmental { padding:52px 0 0 0; width:305px; background:url(/images/rightnav_environmental.gif) no-repeat 0 0; } #right_btns { width:308px; } #right_btns ul { float:right; } #right_btns li { float:left; list-style-type:none; margin:0; } #right_btns ul, #right_btns li { padding:0; } #btn_create_legacy { padding:40px 0 0 0; width:153px; background:url(/images/btn_create_legacy.gif) no-repeat 0 0; } #btn_receive_legacy { padding:40px 0 0 0; width:155px; background:url(/images/btn_receive_legacy.gif) no-repeat 0 0; } #hed_tagline { padding:19px 0 0 0; width:638px; background:url(/images/hed_tagline.gif) no-repeat 0 0; position:absolute; right:22px; bottom:53px; } #hed_buttons { /*padding:25px 0 0 0; width:153px; background:url(/images/hed_phone.gif) no-repeat 0 0;*/ position:absolute; right:22px; top:20px; } #hed_contact { padding:40px 0 0 0; width:142px; background:url(/images/hed_contact.gif) no-repeat 0 0; float:left; } #hed_makeadonation { padding:40px 0 0 0; width:180px; background:url(/images/hed_makeadonation.gif) no-repeat 0 0; float:left; } #content { padding:50px 42px 25px 42px; } #nav_right { width:307px; float:right; } #nav_right ul { padding:0; list-style-type:none; } #nav_right li { padding:0 0 9px 0; list-style-type:none; } #left_copy{ width:572px; float:left; } #footer { background:url(/images/bg_footer.gif) no-repeat 0 0; height:138px; padding:225px 0 0 70px; margin: 0 auto; width:956px;} #footer p { color:#E0DFCC; } #footer p#footer_copyright { font-weight:bold; } #footer p#footer_copyright a { color:#E0DFCC; text-decoration:none; } #quotes { padding: 40px 0 15px 0; } p.quote { font:normal 18px/125% "Georgia", "Times New Roman", serif; color:#215303; padding:0 0 5px 0; } p.quote_author { text-align:right; color:#473E23; } #home_news { padding: 30px 0 15px 0; } #home_news a { color:#964E00; } #home_news h3 { line-height:130%; font-size:17px;} .home_news_block_first { background:url(/images/divider_home_news.gif) no-repeat 0 100%; margin-bottom:15px; } .home_news_block_first p.tagged { padding:0; } #home_video { background:url(/images/bg_videobox.jpg) no-repeat 0 20px; border:1px solid #796E3C; padding:16px 15px 5px 15px; margin-top:15px; width:270px; } #video_thumb { padding-bottom:5px;} .subnav { font:normal 18px/125% "Georgia", "Times New Roman", serif; text-align:center; margin:0 0 25px 0;} .subnav li { /*border-bottom: 1px solid #B2AE90;*/ background:url(/images/subnav_border.gif) no-repeat 50% 100%; margin-bottom:10px; } .subnav a { color:#964E00; text-decoration:none;} .footer_block { float:left; padding-top:15px; } .footer_block ul { padding:0; list-style-type:none;} #footer .footer_block a { color:#E0DFCC; text-decoration:none; padding-right:70px; } /************ styles for notice/error divs ************/ #error, #notice, #success { width:90%; margin:0 auto 10px auto; padding:5px; border:2px solid #DDD; } #error p, #notice p, #success p { margin-left:20px; padding:0; font-size:12px; color:#000; } #error a, #notice a, #success a { text-decoration:none; padding:0 3px; } #error a:hover, #notice a:hover, #success a:hover { color:#000; border:1px solid #000; } #error { background-color:#FBE3E4; color:#8A1F11; border-color:#FBC2C4; } #notice { background-color:#FFF6BF; color:#514721; border-color:#FFD324; } #success { background-color:#E6EFC2; color:#264409; border-color:#C6D880; } #error a { border:1px solid #8A1F11; color:#8A1F11; } #notice a { border:1px solid #514721; color:#514721; } #success a { border:1px solid #264409; color:#264409; } /************ styles for IE6 notice ************/ #ie_notice { padding: 15px 15px 15px 70px; background: #f0c5b6 url('/images/bg_big_no.gif') no-repeat 15px 15px; border: 2px solid #e59d83; color: #78625b; margin-bottom: 15px; } #ie_notice ul { margin:0 0 15px 0; } #ie_notice li, #ie_notice p { font-size:14px; font-weight:bold; } #ie_notice .ie_confirm { font-size:16px; } /************************************************** CLASSES **************************************************/ .clear { clear:both; } .formfield { width:250px; font-size:16px; margin:0; padding:2px; } .graph_padded_left { padding-left:130px; } img.border { border:1px solid #215303; } .impact_block_holder { padding:15px 0;} .impact_block { float:left; width:285px;} .impact_block p { width:275px; } /************ styles for tagged page ************/ .tagged_h2 { border-bottom:1px solid #CCC; margin:0 0 5px 0; } .tagged_date { font-size:11px; line-height:200%; color:#666; padding:0; } .tagged_tags { padding:0 0 25px 0; } .tagged_photo { float:left; margin:17px 24px 22px 23px; } /************ styles for pagination ************/ .pagination { font:normal .75em/150% Arial, Verdana, Arial,sans-serif; padding:3px; margin:3px; text-align:center; } .pagination a { padding:2px 5px 2px 5px; margin:2px; border:1px solid #666; text-decoration:none; color:#666; font-size:1.0em !important; } .pagination a:hover, .pagination a:active { border:1px solid #000; color:#000; } .pagination span.current { padding:2px 5px 2px 5px; margin:2px; border:1px solid #666; font-weight:bold; background-color:#666; color:#FFF; } .pagination span.disabled { padding:2px 5px 2px 5px; margin:2px; border:1px solid #DDD; color:#999; } /************************/ /************************************************** CLASSES **************************************************/ .clear { clear:both; } .formfield { width:250px; font-size:16px; margin:0; padding:2px; } .graph_padded_left { padding-left:130px; } img.border { border:1px solid #215303; } .impact_block_holder { padding:15px 0;} .impact_block { float:left; width:285px;} .impact_block p { width:275px; } /************ styles for tagged page ************/ .tagged_h2 { border-bottom:1px solid #CCC; margin:0 0 5px 0; } .tagged_date { font-size:11px; line-height:200%; color:#666; padding:0; } .tagged_tags { padding:0 0 25px 0; } .tagged_photo { float:left; margin:17px 24px 22px 23px; } /************ styles for pagination ************/ .pagination { font:normal .75em/150% Arial, Verdana, Arial,sans-serif; padding:3px; margin:3px; text-align:center; } .pagination a { padding:2px 5px 2px 5px; margin:2px; border:1px solid #666; text-decoration:none; color:#666; font-size:1.0em !important; } .pagination a:hover, .pagination a:active { border:1px solid #000; color:#000; } .pagination span.current { padding:2px 5px 2px 5px; margin:2px; border:1px solid #666; font-weight:bold; background-color:#666; color:#FFF; } .pagination span.disabled { padding:2px 5px 2px 5px; margin:2px; border:1px solid #DDD; color:#999; } /************************/