/* ------------------------------------------------- CSS v2.0 Ecogistics.org Created By: Poccuo Contact: info@poccuo.com ------------------------------------------------- */ /* ------------------------------------------------- */ /* -------------------GLOBAL STYLES----------------- */ /* ------------------------------------------------- */ body { background-color: #AAE1EC; background-image: url(/images/_site/global/body/background.gif); background-position: top center; background-repeat: repeat-x; color: #006A80; margin: 0 0 40px 0;} h1 { font-size: 3em; line-height: 1.1em; color: #F15A24; } h2 { font-size: 1.667em; line-height: 1.2em; color: #F15A24; } h3 { font-size: 1.5em; color: #006A80; line-height: 1.3em; margin: 0 0 1em 0; font-weight: normal;} h4 { font-size: 1.25em; color: #F15A24; font-weight: bold; margin-top: 30px; margin-bottom: 5px;} h5 { font-size: 1.25em; color: #006A80; font-weight: bold; margin-top: 30px; margin-bottom: 5px;} h6 { font-size: 1em; color: #006A80; font-weight: bold; margin-top: 20px; margin-bottom: 0;} p { line-height: 1.45em; margin: 0 0 1em 0; } a:link { color: #008AA6; text-decoration: underline; } a:visited { color: #008AA6; text-decoration: underline; } a:hover { color: #008AA6; text-decoration: none; } h2 a, h3 a, h4 a, h5 a, h6 a { color: #F15A24; text-decoration: underline;} h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { color: #F15A24; text-decoration: underline;} h2 a:visited, h3 a:visited, h4 a:visited { color: #F15A24; text-decoration: underline;} h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #F15A24; text-decoration: none;} ul, ol { margin: 0 0 2em 3em; } ul li, ol li { margin: 0 0 .75em 0; } address { font-style: normal;} /* ------------------------------------------------- */ /* -----------------------FOUNDATION---------------- */ /* ------------------------------------------------- */ #wrapper { overflow: hidden; height: 1%; margin: 0px auto; width: 968px; background-color: #FFF;} #header { overflow: hidden; height: 1%; } #content { overflow: hidden; height: 1%; width: 954px; margin: 0 auto 20px auto; } #footer { overflow: hidden; height: 1%; } /* ------------------------------------------------- */ /* -----------------------HEADER-------------------- */ /* ------------------------------------------------- */ #header ul { margin: 0; } #header ul li { display: inline; float: left; list-style-type: none; } /* - - - - Menu Buttons - - - - */ #header ul#header_menu { z-index: 99; background-image: url(/images/_site/global/header/menu_shadow.gif); height: 45px; width: 957px; margin: 0 0 30px 5px; background-repeat: repeat-x; background-position: bottom; } #header ul#header_menu li { width: 137px; height: 37px; } #header ul#header_menu li#about_us_button { background: url(/images/_site/global/header/menu_sprite.gif) 0px 0px; width: 137px; height: 41px !important; height: 38px;} #header ul#header_menu li#about_us_button:hover { background: url(/images/_site/global/header/menu_sprite.gif) 0px -41px; } #header ul#header_menu li#about_us_button a { text-indent: -100000px; width: 137px; height: 41px !important; height: 38px; display: block; } #header ul#header_menu li#about_us_button a:hover { height: 41px !important; height: 38px; } #header ul#header_menu li#about_us_button.active a { background: url(/images/_site/global/header/menu_sprite.gif) 0px -82px; } #header ul#header_menu li#about_us_button.active a:hover { background: url(/images/_site/global/header/menu_sprite.gif) 0px -41px; } #header ul#header_menu li#about_us_button ul { z-index: 100; display: none; position: absolute; width: 254px; height: 226px; background-image: url(/images/_site/global/header/menu_shadow_two.png); background-position: right bottom; background-repeat: repeat-y; } #header ul#header_menu li#about_us_button:hover ul { display: block; height: 226px;} #header ul#header_menu li#about_us_button:hover a { background: none;} #header ul#header_menu li#about_us_button:hover ul li a { background: url(/images/_site/global/header/menu_sprite.gif) 0px -41px; background: none; } #header ul#header_menu li#about_us_button ul li { display: block; font-size: 16px; padding: 2px 10px 3px 10px; float: none; background-color: #55C2D9; height: 38px; clear: both; width: auto; margin: 0; width: 230px;} #header ul#header_menu li#about_us_button ul li .sifr { display: block; padding: 0 0 7px 0; margin: 0 0 10px 0; border-bottom: 1px #77CEE0 solid; height: 25px; } #header ul#header_menu li#about_us_button ul li.first { padding: 10px 10px 0 10px; } #header ul#header_menu li#about_us_button ul li.last { margin: 0 0 10px 0; height: 40px; } #header ul#header_menu li#about_us_button ul li a { background: none; display: block; width: auto; display: block; color: #FFF; margin: 0; padding: 0; text-indent: 0; text-decoration: none;} #header ul#header_menu li#about_us_button ul li a:hover { background: none; text-decoration: underline;} #header ul#header_menu li#about_us_button.active ul li a { background: none; } #header ul#header_menu li#about_us_button.active ul li a:hover { background: none; } #header ul#header_menu li#our_work_button { background: url(/images/_site/global/header/menu_sprite.gif) -137px 0px; width: 137px; height: 41px !important; height: 38px; } #header ul#header_menu li#our_work_button:hover { background: url(/images/_site/global/header/menu_sprite.gif) -137px -41px; } #header ul#header_menu li#our_work_button a { text-indent: -100000px; width: 137px; height: 41px !important; height: 38px; display: block; } #header ul#header_menu li#our_work_button a:hover { height: 41px !important; height: 38px; } #header ul#header_menu li#our_work_button.active a { background: url(/images/_site/global/header/menu_sprite.gif) -137px -82px; } #header ul#header_menu li#our_work_button.active a:hover { background: url(/images/_site/global/header/menu_sprite.gif) -137px -41px; } #header ul#header_menu li#our_work_button ul { z-index: 101; display: none; position: absolute; width: 354px; height: 226px; background-image: url(/images/_site/global/header/menu_shadow_two.png); background-position: right bottom; background-repeat: repeat-y; } #header ul#header_menu li#our_work_button:hover ul { display: block; height: 312px;} #header ul#header_menu li#our_work_button:hover a { background: none;} #header ul#header_menu li#our_work_button:hover ul li a { background: url(/images/_site/global/header/menu_sprite.gif) 0px -41px; background: none; } #header ul#header_menu li#our_work_button ul li { display: block; font-size: 16px; padding: 2px 10px 3px 10px; float: none; background-color: #55C2D9; height: 38px; clear: both; width: auto; margin: 0; width: 330px;} #header ul#header_menu li#our_work_button ul li .sifr { display: block; padding: 0 0 7px 0; margin: 0 0 10px 0; border-bottom: 1px #77CEE0 solid; height: 25px; } #header ul#header_menu li#our_work_button ul li.first { padding: 10px 10px 0 10px; } #header ul#header_menu li#our_work_button ul li.last { margin: 0 0 10px 0; height: 40px; } #header ul#header_menu li#our_work_button ul li a { background: none; display: block; width: auto; display: block; color: #FFF; margin: 0; padding: 0; text-indent: 0; text-decoration: none;} #header ul#header_menu li#our_work_button ul li a:hover { background: none; text-decoration: underline;} #header ul#header_menu li#our_work_button.active ul li a { background: none; } #header ul#header_menu li#our_work_button.active ul li a:hover { background: none; } #header ul#header_menu li#our_stories_button { background: url(/images/_site/global/header/menu_sprite.gif) -274px 0px; width: 137px; height: 41px !important; height: 38px; } #header ul#header_menu li#our_stories_button:hover { background: url(/images/_site/global/header/menu_sprite.gif) -274px -41px; } #header ul#header_menu li#our_stories_button a { text-indent: -100000px; width: 137px; height: 41px !important; height: 38px; display: block; } #header ul#header_menu li#our_stories_button a:hover { height: 41px !important; height: 38px; } #header ul#header_menu li#our_stories_button.active a { background: url(/images/_site/global/header/menu_sprite.gif) -274px -82px; } #header ul#header_menu li#our_stories_button.active a:hover { background: url(/images/_site/global/header/menu_sprite.gif) -274px -41px; } #header ul#header_menu li#our_stories_button ul { z-index: 102; display: none; position: absolute; width: 254px; height: 226px; background-image: url(/images/_site/global/header/menu_shadow_two.png); background-position: right bottom; background-repeat: repeat-y; } #header ul#header_menu li#our_stories_button:hover ul { display: block; height: 140px;} #header ul#header_menu li#our_stories_button:hover a { background: none;} #header ul#header_menu li#our_stories_button:hover ul li a { background: url(/images/_site/global/header/menu_sprite.gif) 0px -41px; background: none; } #header ul#header_menu li#our_stories_button ul li { display: block; font-size: 16px; padding: 2px 10px 3px 10px; float: none; background-color: #55C2D9; height: 38px; clear: both; width: auto; margin: 0; width: 230px;} #header ul#header_menu li#our_stories_button ul li .sifr { display: block; padding: 0 0 7px 0; margin: 0 0 10px 0; border-bottom: 1px #77CEE0 solid; height: 25px; } #header ul#header_menu li#our_stories_button ul li.first { padding: 10px 10px 0 10px; } #header ul#header_menu li#our_stories_button ul li.last { margin: 0 0 10px 0; height: 40px; } #header ul#header_menu li#our_stories_button ul li a { background: none; display: block; width: auto; display: block; color: #FFF; margin: 0; padding: 0; text-indent: 0; text-decoration: none;} #header ul#header_menu li#our_stories_button ul li a:hover { background: none; text-decoration: underline;} #header ul#header_menu li#our_stories_button.active ul li a { background: none; } #header ul#header_menu li#our_stories_button.active ul li a:hover { background: none; } #header ul#header_menu li#get_involved_button { background: url(/images/_site/global/header/menu_sprite.gif) -411px 0px; width: 137px; height: 41px !important; height: 38px; } #header ul#header_menu li#get_involved_button:hover { background: url(/images/_site/global/header/menu_sprite.gif) -411px -41px; } #header ul#header_menu li#get_involved_button a { text-indent: -100000px; width: 137px; height: 41px !important; height: 38px; display: block; } #header ul#header_menu li#get_involved_button a:hover { height: 41px !important; height: 38px; } #header ul#header_menu li#get_involved_button.active a { background: url(/images/_site/global/header/menu_sprite.gif) -411px -82px; } #header ul#header_menu li#get_involved_button.active a:hover { background: url(/images/_site/global/header/menu_sprite.gif) -411px -41px; } #header ul#header_menu li#get_involved_button ul { z-index: 103; display: none; position: absolute; width: 254px; height: 226px; background-image: url(/images/_site/global/header/menu_shadow_two.png); background-position: right bottom; background-repeat: repeat-y; } #header ul#header_menu li#get_involved_button:hover ul { display: block; height: 226px;} #header ul#header_menu li#get_involved_button:hover a { background: none;} #header ul#header_menu li#get_involved_button:hover ul li a { background: url(/images/_site/global/header/menu_sprite.gif) 0px -41px; background: none; } #header ul#header_menu li#get_involved_button ul li { display: block; font-size: 16px; padding: 2px 10px 3px 10px; float: none; background-color: #55C2D9; height: 38px; clear: both; width: auto; margin: 0; width: 230px;} #header ul#header_menu li#get_involved_button ul li .sifr { display: block; padding: 0 0 7px 0; margin: 0 0 10px 0; border-bottom: 1px #77CEE0 solid; height: 25px; } #header ul#header_menu li#get_involved_button ul li.first { padding: 10px 10px 0 10px; } #header ul#header_menu li#get_involved_button ul li.last { margin: 0 0 10px 0; height: 40px; } #header ul#header_menu li#get_involved_button ul li a { background: none; display: block; width: auto; display: block; color: #FFF; margin: 0; padding: 0; text-indent: 0; text-decoration: none;} #header ul#header_menu li#get_involved_button ul li a:hover { background: none; text-decoration: underline;} #header ul#header_menu li#get_involved_button.active ul li a { background: none; } #header ul#header_menu li#get_involved_button.active ul li a:hover { background: none; } #header ul#header_menu li#news_and_events_button { background: url(/images/_site/global/header/menu_sprite.gif) -548px 0px; width: 137px; height: 41px !important; height: 38px; } #header ul#header_menu li#news_and_events_button:hover { background: url(/images/_site/global/header/menu_sprite.gif) -548px -41px; } #header ul#header_menu li#news_and_events_button a { text-indent: -100000px; width: 137px; height: 41px !important; height: 38px; display: block; } #header ul#header_menu li#news_and_events_button a:hover { height: 41px !important; height: 38px; } #header ul#header_menu li#news_and_events_button.active a { background: url(/images/_site/global/header/menu_sprite.gif) -548px -82px; } #header ul#header_menu li#news_and_events_button.active a:hover { background: url(/images/_site/global/header/menu_sprite.gif) -548px -41px; } #header ul#header_menu li#news_and_events_button ul { z-index: 104; display: none; position: absolute; width: 254px; height: 226px; background-image: url(/images/_site/global/header/menu_shadow_two.png); background-position: right bottom; background-repeat: repeat-y; } #header ul#header_menu li#news_and_events_button:hover ul { display: block; height: 97px;} #header ul#header_menu li#news_and_events_button:hover a { background: none;} #header ul#header_menu li#news_and_events_button:hover ul li a { background: url(/images/_site/global/header/menu_sprite.gif) 0px -41px; background: none; } #header ul#header_menu li#news_and_events_button ul li { display: block; font-size: 16px; padding: 2px 10px 3px 10px; float: none; background-color: #55C2D9; height: 38px; clear: both; width: auto; margin: 0; width: 230px;} #header ul#header_menu li#news_and_events_button ul li .sifr { display: block; padding: 0 0 7px 0; margin: 0 0 10px 0; border-bottom: 1px #77CEE0 solid; height: 25px; } #header ul#header_menu li#news_and_events_button ul li.first { padding: 10px 10px 0 10px; } #header ul#header_menu li#news_and_events_button ul li.last { margin: 0 0 10px 0; height: 40px; } #header ul#header_menu li#news_and_events_button ul li a { background: none; display: block; width: auto; display: block; color: #FFF; margin: 0; padding: 0; text-indent: 0; text-decoration: none;} #header ul#header_menu li#news_and_events_button ul li a:hover { background: none; text-decoration: underline;} #header ul#header_menu li#news_and_events_button.active ul li a { background: none; } #header ul#header_menu li#news_and_events_button.active ul li a:hover { background: none; } #header ul#header_menu li#get_updates_button { background: url(/images/_site/global/header/menu_sprite.gif) -685px 0px; width: 137px; } #header ul#header_menu li#get_updates_button.active { background: url(/images/_site/global/header/menu_sprite.gif) -685px -41px; } #header ul#header_menu li#get_updates_button a { background: url(/images/_site/global/header/menu_sprite.gif) -685px 0px; text-indent: -100000px; width: 137px; height: 41px !important; height: 38px; display: block; } #header ul#header_menu li#get_updates_button a:hover { background: url(/images/_site/global/header/menu_sprite.gif) -685px -41px; } #header ul#header_menu li#get_updates_button.active a { background: url(/images/_site/global/header/menu_sprite.gif) -685px -41px; } #header ul#header_menu li#get_updates_button.active a:hover { background: url(/images/_site/global/header/menu_sprite.gif) -685px -41px; } #header ul#header_menu li#donate_today_button { background: url(/images/_site/global/header/menu_sprite.gif) -822px 0px; width: 135px; } #header ul#header_menu li#donate_today_button.active { background: url(/images/_site/global/header/menu_sprite.gif) -822px -41px; } #header ul#header_menu li#donate_today_button a { background: url(/images/_site/global/header/menu_sprite.gif) -822px 0px; text-indent: -100000px; width: 135px; height: 41px !important; height: 38px; display: block; } #header ul#header_menu li#donate_today_button a:hover { background: url(/images/_site/global/header/menu_sprite.gif) -822px -41px; } #header ul#header_menu li#donate_today_button.active a { background: url(/images/_site/global/header/menu_sprite.gif) -822px -41px; } #header ul#header_menu li#donate_today_button.active a:hover { background: url(/images/_site/global/header/menu_sprite.gif) -822px -41px; } /* - - - - Search - - - - */ #header #search { position: absolute; top: 80px; margin-left: 668px;} #header #search label { float: left; display: inline; height: 22px; padding: 4px 10px 2px 4px; font: 13px Arial; color: #666; margin: 0; width: 70px; } #header #search input.search_input { float: left; display: inline; border: 1px #CCC solid; height: 16px; width: 167px; padding: 4px 4px 2px 4px; font: 10px Arial; color: #666; margin: 0; } #header #search input.search_submit { float: left; display: block; margin: 0; padding: 0; width: 22px; height: 22px; border: 1px #CCC solid; border-left: 0px #0683C2 solid;} /* - - - - Quicklinks - - - - */ #header ul#quicklinks { position: absolute; top: 15px; width: 965px;} #header ul#quicklinks li { float: right; } #header ul#quicklinks li a { font-weight: bold; font-size: 11px; padding: 0 10px; border-left: 1px #AAE1EC solid; text-decoration: none;} #header ul#quicklinks li a:hover { text-decoration: underline;} #header ul#quicklinks li:last-child a { border-left: none; } /* ------------------------------------------------- */ /* ---------------------CONTENT--------------------- */ /* ------------------------------------------------- */ #content { background-image: url(/images/_site/global/body/container_two_col.gif); background-repeat: repeat-y; } #homepage #content { background-image: none; background-repeat: repeat-y; background-color: #FFFFFF; } /* - - - - Left Column - - - - */ #content #left_column { font-family: Georgia; width: 154px; float: left; height: 300px; } #content #left_column ul { z-index: 0; margin: 0; padding: 0; display: block; position: absolute; width: 154px; } #content #left_column ul li { margin: 0 0 2px 0; padding: 0; color: #858070; list-style-type: none; width: 151px; font-size: 14px; line-height: 1.3em; } #content #left_column ul li:hover a { color: #FFF;} #content #left_column ul li a { padding: 10px; background-color: #EEEEEE; display: block; display: block; color: #858070; width: 130px; text-decoration: none;} #content #left_column ul li a:hover { padding: 10px; background-color: #55C2D9; color: #FFF; } #content #left_column ul li.active a { color: #FFF; text-decoration: none; background-color: #55C2D9; width: 134px; } #content #left_column ul li:hover a { color: #FFF;} /* - - - - Right Column - - - - */ #content #right_column { overflow: hidden; height: 1%; width: 760px; float: right; padding: 0 15px; margin: 0 0 20px 0;} #content #right_column hr { clear: both; border: none; border-top: 1px #55C2D9 solid; border-bottom: 1px #FFFFFF solid; margin: 20px 0;} #content #right_column hr.double_padding { clear: both; border: none; border-top: 1px #55C2D9 solid; border-bottom: 1px #FFFFFF solid; margin: 40px 0;} #content #right_column h4 { color: #006A80;} /* - - - - Footer Module - - - - */ #footer_module { overflow: hidden; height: 1%; border-top: 1px #55C2D9 solid; padding: 20px 0 0 0; margin: 40px 0 0 0;} #footer_module .module { background-image: url(/images/_site/global/footer_modules/footer_module_bkgd.gif); height: 100px; width: 370px; float: left; margin: 0 20px 0 0; } #footer_module .module.last { margin: 0; } #footer_module .module img { float: left; margin: 0 10px 0 0;} #footer_module .module h3 { float: left; display: block; color: #FFF; width: 230px; margin: 12px 0 6px 20px; padding: 0; font-size: 18px; font-weight: normal; } #footer_module .module h3 a { color: #FFF; text-decoration: none; } #footer_module .module h3 img { margin: 2px 7px 0 0; padding: 0;} #footer_module .module p { float: left; display: block; color: #FFF; width: 230px; margin: 0; padding: 0 0 0 20px; font-size: 14px; line-height: 1.3em;} #footer_module .module:hover { background-position: -370px 0; cursor: hand; cursor: pointer;} #footer_module .module:hover p { color: #FFF;} #footer_module .module:hover h3 { color: #FFF;} #footer_module .module:hover h3 a { color: #FFF;} /* - - - - Three Column Lists - - - - */ .three_column { overflow: hidden; height: 1%;} .three_column ul { width: 240px; float: left; margin: 0 10px 0 0; padding: 0; list-style-type: none;} .three_column ul li { margin: 0 0 .25em 0; padding: 0;} .three_column ul.left { } .three_column ul.middle { } .three_column ul.right { } .three_column ul li a { color: #006A80; text-decoration: none;} .three_column ul li a:hover { text-decoration: underline;} .three_column .module { width: 250px; float: left; display: inline; margin: 30px 0 0 0; padding: 0; list-style-type: none; } .three_column .module h3 { color: #F15A24; } .three_column .module ul { float: none; margin: 0 0 0 15px; } .three_column .module ul li { margin: 0 0 6px 0; padding: 0; list-style-image: url(/images/_site/our_work/arrow.gif); width: 200px;} .three_column .module ul li a { color: #008AA6; } /* - - - - Two Column Lists - - - - */ .two_column { overflow: hidden; height: 1%; margin: 30px 0 0 0; } .two_column .module { width: 380px; float: left; display: inline; margin: 0 0 0 0; padding: 0; list-style-type: none;} .two_column .module.last { width: 365px; float: left; display: inline; margin: 0 0 0 0; padding: 0 0 0 15px; list-style-type: none;} .two_column.with_divider { background-image: url(/images/_site/our_work/two_column_divider.gif); background-position: center top; background-repeat: repeat-y;} /* - - - - Large Module - - - - */ #large_module { float: left; background-image: url(/images/_site/global/modules/large_photo_border.gif); width: 790px; height: 393px; margin: 0 0 20px 10px; } #large_module #large_module_content { background-color: #999; overflow: hidden; width: 740px; height: 360px; margin: 14px 0 0 24px;} #large_module #large_module_content.blue { background-color: #55C2D9;} #large_module #large_module_content.dark_blue { background-color: #008AA6;} #large_module #large_module_content.yellow { background-color: #FFA81F;} #large_module #large_module_content.green { background-color: #74A634;} #large_module #large_module_content.red { background-color: #F15A24;} #large_module #large_module_content h3 { width: 660px; padding: 0 24px 0 0; } /* ------------------------------------------------- */ /* ---------------------ABOUT US-------------------- */ /* ------------------------------------------------- */ /* - - - - Landing Page - - - - */ #about_us #video_container { overflow: hidden; height: 1%; height: 366px; width: 640px; background-image: url(/images/_site/about_us/video_background.gif); margin: 0 auto; padding: 27px 29px; margin-bottom: 40px; position: relative; z-index: 0;} /* - - - - Our Story - - - - */ #about_us #large_module #large_module_content { background-color: #FFF;} #about_us #ourStory { overflow: hidden; height: 1%; margin-bottom: 40px; z-index: 0;} #about_us #ourStoryMenu { width: 740px; height: 40px; overflow: hidden; margin: 0; z-index: 500; } #about_us #ourStoryMenu li { text-align: center; display: inline; float: left;} #about_us #ourStoryMenu li a { text-indent: -10000px; width: 146px; margin: 0 2px 0 0; height: 40px; display: block; background-color: #333; font-size: 24px; text-decoration: none; color: #FFF; padding: 3px 0 0 0; } #about_us #ourStoryMenu li.button_one a { background-image: url(/images/_site/about_us/our_story/1991.gif); background-position: -147px 0; } #about_us #ourStoryMenu li.button_two a { background-image: url(/images/_site/about_us/our_story/1992.gif); background-position: -147px 0; } #about_us #ourStoryMenu li.button_thr a { background-image: url(/images/_site/about_us/our_story/1999.gif); background-position: -147px 0; } #about_us #ourStoryMenu li.button_fou a { background-image: url(/images/_site/about_us/our_story/2005.gif); background-position: -147px 0; } #about_us #ourStoryMenu li.button_fiv a { background-image: url(/images/_site/about_us/our_story/2009.gif); background-position: -147px 0; } #about_us #ourStoryMenu li a:hover { background-color: #858070; cursor: hand; cursor: pointer; background-position: -294px 0; } #about_us #ourStoryMenu li a.ourStoryMenuActive { background-position: 0 0;background-color: #74A634; } #about_us #ourStoryMenu li a.ourStoryMenuActive:hover { background-position: 0 0; cursor: default;} #about_us #ourStoryContent { width: 739px; height: 500px; overflow: hidden; background-color: #74A634; z-index: 500; } .ourStoryCopy { width: 720px; height: 285px; color: #FFF; padding: 0; margin: 10px; overflow: hidden; background: url(/images/_global/about_us/scroll_bkgd.gif) bottom;} .ourStoryCopy p { margin: 30px; font-size: 24px; line-height: 1.3em; } /* - - - - By the Numbers - - - - */ #about_us table#by_the_numbers { background-color: #FFFFFF; margin-top: 20px; } #about_us table#by_the_numbers td { background-color: #EEF9FB; border: 1px #FFF solid; vertical-align: top;} #about_us table#by_the_numbers td h3 { color: #74A634; font-size: 48px; text-align: right; margin: 0; padding: 0; } #about_us table#by_the_numbers td p { padding: 10px 10px 0 10px; font-size: 14px; } #about_us table#by_the_numbers tr:hover td { background-color: #E5F6F9;} /* - - - - Where We Are - - - - */ /* - - - - People & Partners - - - - */ #about_us .tif_staff.three_column ul li { margin: 0 0 1em 0; } #about_us .tif_staff.three_column ul li .name { text-indent: 0; display: block; clear: both;} #about_us .tif_staff.three_column ul li .title { text-indent: 0; display: block; clear: both; font-style: italic;} /* - - - - Contact Us - - - - */ #about_us #contact_form { margin: 30px 0; border-top: 1px #55C2D9 solid; border-bottom: 1px #55C2D9 solid; padding: 20px 0;} #about_us .three_column { overflow: hidden; height: 1%; margin: 0 0 20px 0; } #about_us .three_column .address { float: left; width: 240px; height: 240px; float: left; margin: 0 10px 0 0; padding: 0;} #about_us .three_column .address img { vertical-align: middle; margin: 0 2px 0 0;} #about_us .three_column .address h3 { font-size: 1em; font-weight: bold;} /* ------------------------------------------------- */ /* ---------------------OUR WORK-------------------- */ /* ------------------------------------------------- */ #our_work { } #our_work h3 { font-size: 14px;} #our_work #large_module #large_module_content h3 { color: #FFF; padding: 40px 40px 0 40px; font-size: 30px; } #our_work #large_module #large_module_content p { clear: both; color: #FFF; padding: 0 40px; font-size: 18px; } #our_work #landing_wrapper #landing { overflow: hidden; height: 1%; background-image: url(/images/_site/our_work/landing_background.gif); background-position: center top; margin: 0; padding: 20px 27px 0px 32px ; } #our_work #landing_wrapper { overflow: hidden; height: 1%; background-image: url(/images/_site/our_work/landing_background_footer.gif); background-position: center bottom; margin: 0 0 20px 0; padding: 0 0 10px 0; } #our_work h2#module_header { display: block; float: left; height: 364px; width: 275px; margin: 0 8px 8px 0; padding: 10px; background-color: #008AA6; color: #FFF; font-size: 26px;} #our_work ul#faqs { margin: 0 0 0 20px; font-size: 14px;} #our_work ul#faqs li { margin: 0 0 12px 0; padding: 0; list-style-image: url(/images/_site/our_work/arrow.gif);} #our_work ul#faqs li .question { display: block; clear: both; margin-bottom: .25em; } #our_work ul#faqs li .answer { display: block; clear: both; margin-bottom: 1.25em; color: #666;} #our_work .two_column .module ul { width: 310px; float: left; margin: 0 10px 0 15px; padding: 0 0 20px 0; list-style-image: url(/images/_site/our_work/arrow.gif);} #our_work .two_column .module ul li .title { width: 310px; margin: 0; padding: 0; display: block; } #our_work .two_column .module ul li .location { width: 310px; margin: 0 0 1.25em 0; padding: 0; display: block; font-style: italic;} #our_work #landing_wrapper #our_work_modules { overflow: hidden; height: 1%;} #our_work #landing_wrapper #our_work_modules .module { float: left; height: 384px; width: 295px; margin: 0 8px 8px 0; background-color: #EEEEEE;} #our_work #landing_wrapper #our_work_modules .module h2 { margin: 0; padding: 10px 10px 14px 12px; height: 44px; font-size: 18px; background-color: #333333; color: #FFF; background-image: url(/images/_site/home/module_h2_background.png); background-position: left bottom; background-repeat: repeat-x;} #our_work #landing_wrapper #our_work_modules .module h2 a { color: #FFFFFF;} #our_work #landing_wrapper #our_work_modules .module.last { margin: 0;} #our_work #landing_wrapper #our_work_modules .module.red h2 { background-color: #F15A24; } #our_work #landing_wrapper #our_work_modules .module.green h2 { background-color: #74A634; } #our_work #landing_wrapper #our_work_modules .module.blue h2 { background-color: #55C2D9; } #our_work #landing_wrapper #our_work_modules .module.yellow h2 { background-color: #FFA81F; } #our_work #landing_wrapper #our_work_modules .module .content { padding: 12px; } #our_work #landing_wrapper #our_work_modules .module .content p { font-size: 14px; line-height: 1.4em; color: #858070; } /* ------------------------------------------------- */ /* ---------------------OUR STORIES----------------- */ /* ------------------------------------------------- */ /* - - - - Landing - - - - */ #our_stories { } #our_stories #flash_container { overflow: hidden; height: 1%; margin-bottom: 10px;} #our_stories #landing_wrapper #landing { overflow: hidden; height: 1%; background-image: url(/images/_site/our_work/landing_background.gif); background-position: center top; margin: 0; padding: 20px 24px 0px 32px ; } #our_stories #landing_wrapper { overflow: hidden; height: 1%; background-image: url(/images/_site/our_work/landing_background_footer.gif); background-position: center bottom; margin: 0 0 20px 0; padding: 0 0 10px 0; } #our_stories #landing_wrapper #our_work_modules { overflow: hidden; height: 1%; padding-bottom: 10px;} #our_stories #landing_wrapper #our_work_modules .module { float: left; height: 152px; width: 295px; margin: 0 9px 0 0; background-color: #EEEEEE;} #our_stories #landing_wrapper #our_work_modules .module h2 { margin: 0; padding: 14px 10px 11px 12px; height: 27px; font-size: 24px; background-color: #333333; color: #FFF; } #our_stories #landing_wrapper #our_work_modules .module h2 a { color: #FFFFFF;} #our_stories #landing_wrapper #our_work_modules .module.last { margin: 0;} #our_stories #landing_wrapper #our_work_modules .module.red h2 { background-color: #F15A24; } #our_stories #landing_wrapper #our_work_modules .module.green h2 { background-color: #74A634; } #our_stories #landing_wrapper #our_work_modules .module.blue h2 { background-color: #55C2D9; } #our_stories #landing_wrapper #our_work_modules .module.yellow h2 { background-color: #FFA81F; } #our_stories #landing_wrapper #our_work_modules .module img { width: 100px; height: 100px; float: left; } #our_stories #landing_wrapper #our_work_modules .module .content p { float: left; margin: 0 0 0 12px; font-size: 18px; line-height: 1.2em; color: #008AA6; } #our_stories #landing_wrapper #our_work_modules .module .content p.headline { font-size: 12px; line-height: 1.4em; color: #F15A24; width: 150px; margin: 12px 0 6px 12px; padding: 0;} #our_stories #landing_wrapper #our_work_modules .module .content p a { text-decoration: none;} #our_stories #landing_wrapper #our_work_modules .module .content p a:hover { text-decoration: underline;} #our_stories #landing_wrapper #our_work_modules .module .content.first p { float: left; margin: 0 0 0 12px; font-size: 18px; line-height: 1.2em; color: #008AA6; } #our_stories #landing_wrapper #our_work_modules .module .content.first p.headline { width: 200px; font-size: 12px; line-height: 1.4em; color: #F15A24; width: 250px; margin: 12px 0 6px 12px; padding: 0;} #our_stories #links_wrapper { overflow: hidden; height: 1%; border-top: 1px #55C2D9 solid; padding: 20px 0 0 0; margin: 40px 0 0 0;} #our_stories #links_wrapper .module { background-image: url(/images/_site/our_stories/links_module_bkgd.gif); height: 100px; width: 370px; color: #008AA6; float: left; margin: 0 20px 10px 0; } #our_stories #links_wrapper .module.last { margin: 0; } #our_stories #links_wrapper .module img { float: left; margin: 0 10px 0 0;} #our_stories #links_wrapper .module img.new { position: relative; float: right; margin: -3px 0 -25px 0; padding: 0; } #our_stories #links_wrapper .module h3 { float: left; display: block; color: #008AA6; width: 193px; margin: 12px 0 6px 20px; padding: 0; font-size: 18px; font-weight: normal; } #our_stories #links_wrapper .module h3 a { color: #008AA6; text-decoration: none; } #our_stories #links_wrapper .module h3 img { margin: 2px 7px 0 0; padding: 0;} #our_stories #links_wrapper .module p { float: left; display: block; color: #008AA6; width: 230px; margin: 0; padding: 0 0 0 20px; font-size: 14px; line-height: 1.3em;} #our_stories #links_wrapper .module:hover { background-position: -370px 0; cursor: hand; cursor: pointer; color: #FFF;} #our_stories #links_wrapper .module:hover p { color: #FFF;} #our_stories #links_wrapper .module:hover h3 { color: #FFF;} #our_stories #links_wrapper .module:hover h3 a { color: #FFF;} #our_stories #links_wrapper .module.active, #our_stories #links_wrapper .module.active.last { background-position: -370px 0; color: #FFF;} #our_stories #links_wrapper .module.active p, #our_stories #links_wrapper .module.active h3, #our_stories #links_wrapper .module.active h3 a { color: #FFF;} /* - - - - Blog - - - - */ #content #blog { overflow: hidden; background-color: #FFF;} #content #blog #left_column_blog { width: 600px; float: left; margin: 0 0 0 10px; } #content #blog #left_column_blog hr { clear: both; border: none; border-top: 1px #55C2D9 solid; border-bottom: 1px #FFFFFF solid; margin: 20px 0;} #content #blog #right_column_blog { width: 300px; float: right; margin: 0 10px 0 0;} /* Header Info */ #content #blog #left_column_blog .blog_entry { margin: 0 0 20px 0; } #content #blog #left_column_blog .blog_entry .header_info { width: 524px; float: left;} #content #blog #left_column_blog .blog_entry .header_info h3 { color: #F15A24; margin: 0 0 .25em 0; padding: 0; } #content #blog #left_column_blog .blog_entry .header_info h3 a { color: #F15A24; text-decoration: none; } #content #blog #left_column_blog .blog_entry .header_info h3 a:hover { color: #F15A24; text-decoration: underline; } #content #blog #left_column_blog .blog_entry.single h2 { margin-top: 40px;} #content #blog #left_column_blog .blog_entry.single h3 { margin-top: 30px; color: #F15A24;} #content #blog #left_column_blog .blog_entry.single .header_info h3 { font-size: 32px; margin-top: 0;} /* Metadata */ #content #blog #left_column_blog .blog_entry .header_info p.metadata { font-size: 12px; color: #858070; margin: 0; padding: 0;} #content #blog #left_column_blog .blog_entry .header_info p.metadata a { color: #858070; text-decoration: none; } #content #blog #left_column_blog .blog_entry .header_info p.metadata a:hover { text-decoration: underline;} /* Comments Icon */ #content #blog #left_column_blog .blog_entry .comments_icon { position: relative; width: 76px; float: right; text-align: center;} #content #blog #left_column_blog .blog_entry .comments_icon a { height: 35px; width: 66px; padding: 5px 0 0 0; display: block; background-image: url(/images/_site/our_stories/comment_background.gif); color: #FFF; text-decoration: none;} #content #blog #left_column_blog .blog_entry .comments_icon a .number { display: block; font-size: 20px; margin: 0; padding: 0; font-weight: bold;} #content #blog #left_column_blog .blog_entry .comments_icon a .word { display: block; font-size: 10px; margin: -3px 0 0 0; padding: 0;} #content #blog #left_column_blog .blog_entry .comments_icon a:hover { background-image: url(/images/_site/our_stories/comment_background_hover.gif);} /* Links */ #content #blog #left_column_blog .blog_entry ul.blog_entry_links { clear: both; margin: 0 0 40px 0;} #content #blog #left_column_blog .blog_entry ul.blog_entry_links li { display: inline; padding: 0 10px 0 0; margin: 0 5px 0 0; border-right: 1px #858070 solid;;} #content #blog #left_column_blog .blog_entry ul.blog_entry_links li.share { list-style-image: url(/images/_site/our_work/arrow.gif); border-right: 0px #858070 solid;;} /* Comments */ #content #blog #left_column_blog #comments { padding: 0 0 0 0; } #content #blog #left_column_blog #comment_form_container { background-color: #EEE; padding: 20px 0 70px 0; margin-top: 60px; } #content #blog #left_column_blog #comments h2.title { font-size: 2.5em; } #content #blog #left_column_blog #comment_form_container h2.title { font-size: 2.5em; margin: 0 20px; padding-bottom: 20px; border-bottom: 1px #CCC solid; } #content #blog #left_column_blog #comments .author { font-size: 1em; line-height: 1; margin-bottom: 1em; color: #F15A24; } #content #blog #left_column_blog #comments p.comment_info { border-bottom: 1px #DDD solid; margin: 10px 0; color: #858070; margin: 50px 0 10px 0; padding: 0 0 10px 0;} #content #blog #left_column_blog form#comment_form { } #content #blog #left_column_blog form#comment_form fieldset { border: none;} #content #blog #left_column_blog form#comment_form ol { margin: 0; padding: 0;} #content #blog #left_column_blog form#comment_form ol li { clear: both; margin: 0 0 10px 0; list-style: none;} #content #blog #left_column_blog form#comment_form ol li label { float: left; display: block; width: 90px; padding-top: 3px;} #content #blog #left_column_blog form#comment_form ol li textarea { float: right; width: 330px; border: 1px #CCC solid; padding: 3px; margin: 0 0 10px 0;} #content #blog #left_column_blog form#comment_form ol li input { float: right; width: 330px; border: 1px #CCC solid; padding: 3px; margin: 0 0 10px 0;} #content #blog #left_column_blog form#comment_form input#submit { float: right; margin: 0 20px 0 0; width: 240px; height: 50px; background-color: #F15A24; color: #FFF; border: 0; font-family: Georgia, serif; font-size: 2em;} #content #blog #left_column_blog form#comment_form input#submit:hover { background-color: #FF3214; cursor: pointer;} #content #blog #left_column_blog form#comment_form ol li#captcha .validation-advice { margin: -10px 0 0 360px; padding: 0;} #content #blog #left_column_blog form#comment_form ol li#captcha label.error { margin: 0 0 0 300px;} #content #blog #left_column_blog form#comment_form label.error { font-size: 0em; float: right; text-indent: -10000px; color: #F66; } #content #blog #left_column_blog form#comment_form input.error { border: 1px #F66 solid; color: #F66; } #content #blog #left_column_blog form#comment_form textarea.error { border: 1px #F66 solid; color: #F66;} /* Copy */ #content #blog #left_column_blog .blog_entry .copy { clear: both; padding: 20px 0 10px 0;} /* Pagination */ #content #blog #left_column_blog #pagination { clear: both; overflow: hidden; height: 1%; border-bottom: 1px #55C2D9 solid; padding: 0 0 4px 0; margin: -13px 0 0 0;} #content #blog #left_column_blog #pagination #total { float: left; display: block; font-weight: bold; color: #F15A24; padding: 10px 0 0 0;} #content #blog #left_column_blog #pagination #prev_next { float: right; display: block; font-weight: bold; width: 280px; color: #CCC; text-align: right; padding: 10px 0 0 10px;} #content #blog #left_column_blog #pagination #prev_next a { color: #2292D7; text-decoration: none; color: #F15A24; } #content #blog #left_column_blog #pagination #prev_next a:hover { color: #2292D7; text-decoration: underline; color: #F15A24;} /* Right Columm - Search */ #content #blog #right_column_blog #blog_search { overflow: hidden; padding: 15px 10px 10px 10px; width: 280px; margin-bottom: 2px; background-color: #008AA6;} #content #blog #right_column_blog #blog_search label { float: left; display: inline; height: 22px; padding: 4px 10px 2px 4px; font: 13px Arial; color: #FFF; margin: 0; width: 50px; } #content #blog #right_column_blog #blog_search input.search_input { float: left; display: inline; border: 1px #CCC solid; height: 16px; width: 180px; padding: 4px 4px 2px 4px; font: 12px Arial; color: #666; margin: 0; } #content #blog #right_column_blog #blog_search input.search_submit { float: left; display: block; margin: 0; padding: 0; width: 22px; height: 22px; border: 1px #CCC solid; border-left: 0px #0683C2 solid;} /* Right Columm - Browse */ #content #blog #right_column_blog #blog_browse { overflow: hidden; padding: 15px 10px 10px 10px; width: 280px; margin-bottom: 20px; background-color: #008AA6;} #content #blog #right_column_blog #blog_browse label { float: left; display: inline; height: 22px; padding: 4px 10px 2px 4px; font: 13px Arial; color: #FFF; margin: 0; width: 50px; } #content #blog #right_column_blog #blog_browse select { float: right; display: block; border: 1px #CCC solid; vertical-align: middle; width: 216px; font: 12px Arial; color: #666; margin: 0 0 10px 0; border: none; padding: 4px; } #content #blog #right_column_blog #blog_browse select option { margin: 4px; } /* Right Columm - Accordian */ #content #blog #right_column_blog #accordian .module { margin: 0; padding: 20px;} #content #blog #right_column_blog #accordian .module ul { width: 230px; clear: both; margin: 0 0 0 10px; padding: 0; font-size: 12px; line-height: 1.2em; list-style-image: url(/images/_site/our_stories/blog_arrow.png);} #content #blog #right_column_blog #accordian .module ul li .title { clear: both; width: 230px; clear: both; margin: 0 0 .25em 0; padding: 0; display: block; font-size: 14px; line-height: 1.2em; } #content #blog #right_column_blog #accordian .module ul li .title a { clear: both; text-decoration: none; color: #006A80; } #content #blog #right_column_blog #accordian .module ul li .title a:hover { text-decoration: underline; color: #008AA6; } #content #blog #right_column_blog #accordian .module ul li .date { width: 250px; clear: both; margin: 0 0 1.25em 0; padding: 0; color: #006A80; display: block; font-style: italic;} #content #blog #right_column_blog #accordian .module p.author { width: 250px; clear: both; margin: 1em 0; padding: 0 0 2em 0; border-bottom: 1px #CCC solid; font-size: 11px; color: #006A80; display: block; font-style: italic;} #content #blog #right_column_blog #accordian .module p a { color: #006A80; } /* - - - - Video Library - - - - */ #our_stories #video_container { overflow: hidden; height: 1%; height: 366px; width: 640px; background-image: url(/images/_site/our_stories/video_background.gif); margin: 0 auto; padding: 27px 29px; margin-bottom: 40px;} #our_stories #photo_container { overflow: hidden; height: 1%; height: 480px; width: 640px; background-image: url(/images/_site/our_stories/photo_background.gif); margin: 0 auto; padding: 27px 29px; margin-bottom: 40px;} /* ------------------------------------------------- */ /* ---------------------GET INVOLVED---------------- */ /* ------------------------------------------------- */ #get_involved #right_column form { background-color: #008AA6; } /* - - - - Get Updates - - - - */ #get_involved #header_content { overflow: hidden; height: 1%;} #get_involved #header_content #get_updates_left { width: 420px; float: left;} #get_involved #header_content #get_updates_right { width: 280px; float: right; padding-top: 30px;} /* ------------------------------------------------- */ /* ------------------NEWS & EVENTS------------------ */ /* ------------------------------------------------- */ /* - - - - Landing Page - - - - */ #news_and_events #large_module #large_module_content .content { height: 350px; width: 330px; padding: 40px 20px 0 20px; } #news_and_events #large_module #large_module_content .content h2 { color: #FFF; font-size: 22px; } #news_and_events #large_module #large_module_content .content p { color: #FFF; font-size: 15px; line-height: 1.2em; } #news_and_events #large_module #large_module_content .content p a { color: #FFF; font-weight: bold; text-decoration: none; } #news_and_events #large_module #large_module_content .content p a:hover { color: #FFF; text-decoration: underline; } #large_module #large_module_content.dark_blue .content { background-color: #008AA6;} #news_and_events #large_module #large_module_content.image_right .content { float: left;} #news_and_events #large_module #large_module_content.image_right img#large_module_image { float: right;} #news_and_events #large_module #large_module_content.image_left .content { float: right;} #news_and_events #large_module #large_module_content.image_left img#large_module_image { float: left;} /* - - - - Single Entry Page - - - -*/ #news_and_events #pagination { clear: both; overflow: hidden; height: 1%; border-top: 1px #55C2D9 solid; padding: 15px 0 4px 0; margin: 35px 0 -30px 0;} #news_and_events #pagination #prev_next { overflow: hidden; height: 1%; display: block; font-weight: bold; color: #CCC; } #news_and_events #pagination #prev_next .prev { float: left; text-align: left;width: 350px;} #news_and_events #pagination #prev_next .next { float: right; text-align: right; width: 350px;} #news_and_events #pagination #prev_next a { color: #2292D7; text-decoration: none; color: #F15A24; } #news_and_events #pagination #prev_next a:hover { color: #2292D7; text-decoration: underline; color: #F15A24;} /* - - - - Two Columns - - - - */ #news_and_events .two_column .module ul { width: 310px; float: left; margin: 0 10px 0 15px; padding: 0 0 0 0; list-style-image: url(/images/_site/our_work/arrow.gif);} #news_and_events .two_column h2 { width: 500px; float: left; } #news_and_events .two_column .module h2 { width: 200px; float: left; } #news_and_events .two_column p.view_all a { font-size: 12px; float: right; margin: 5px 20px 0 0; text-decoration: none; color: #F15A24;} #news_and_events .two_column p.view_all a:hover { text-decoration: underline;} #news_and_events .two_column .module p.view_all a { font-size: 12px; float: right; margin: 5px 20px 0 0; text-decoration: none; color: #F15A24;} #news_and_events .two_column .module p.view_all a:hover { text-decoration: underline;} #news_and_events .two_column .module.regular ul { margin-top: 10px; padding-bottom: 0;} #news_and_events .two_column .module.regular ul li { } #news_and_events .two_column .module.regular ul li .title { width: 300px; clear: both; margin: 0; padding: 0; display: block; font-size: 14px; line-height: 1.2em;} #news_and_events .two_column .module.regular ul li .title a { text-decoration: none; color: #006A80; } #news_and_events .two_column .module.regular ul li .title a:hover { text-decoration: underline; color: #008AA6; } #news_and_events .two_column .module.regular ul li .date, #news_and_events .two_column .module.regular ul li .date_time, #news_and_events .two_column .module.regular ul li .location { width: 300px; clear: both; margin: 0 0 1em 0; padding: 0; font-weight: 12px; display: block; font-style: italic;} #news_and_events .two_column .module.regular ul li .description { width: 300px; clear: both; margin: -1em 0 1.25em 0; padding: 0; font-weight: 12px; display: block;} #news_and_events .two_column .module.regular ul li .date_time { margin-bottom: 0;} #news_and_events .two_column .module .address { padding-top: 20px; clear: both;} #news_and_events .two_column .module.regular.resources ul li { margin-top: 1.8em;} #news_and_events .two_column .module.calendar ul { margin-top: 10px; padding-bottom: 0;} #news_and_events .two_column .module.calendar ul li .date { width: 300px; clear: both; margin: 0 0 .2em 0; padding: 0; display: block; font-size: 14px; line-height: 1.2em; font-weight: bold;} #news_and_events .two_column .module.calendar ul li .date a { text-decoration: none; color: #006A80; } #news_and_events .two_column .module.calendar ul li .date a:hover { text-decoration: underline; color: #008AA6; } #news_and_events .two_column .module.calendar ul li .title, #news_and_events .two_column .module.calendar ul li .location { width: 300px; clear: both; margin: 0 0 1.25em 0; padding: 0; font-weight: 12px; display: block; font-style: italic;} #news_and_events .two_column .module.calendar ul li .title { margin-bottom: 0; font-style: normal; } #news_and_events a#download_pr_button { display: block; width: 290px; height: 50px; margin-top: 30px; text-indent: -10000px; background-image: url(/images/_site/about_us/download_press_release.gif); } #news_and_events a#download_pr_button:hover { background-position: -290px 0;} /* ------------------------------------------------- */ /* ---------------------FOOTER---------------------- */ /* ------------------------------------------------- */ #footer { overflow: hidden; width: 960px; background-color: #EEEEEE; margin: 0 auto 4px auto; } /* - - - - Bookmark & Share - - - - */ #footer #bookmark_and_share { overflow: hidden; height: 33px; width: 960px; background-color: #858070; margin: 0 0 10px 0; padding-top: 5px; background-image: url(/images/_site/global/footer/background.gif); background-repeat: repeat-x; background-position: top;} #footer #bookmark_and_share h4 { float: left; font-size: 12px; font-weight: normal; margin: 0; color: #FFFFFF;} #footer #bookmark_and_share h4 a { font-size: 12px; text-decoration: none; color: #FFFFFF;} #footer #bookmark_and_share a.addthis_button { color: #FFFFFF; text-decoration: none; } #footer #bookmark_and_share img#bookmark { width: 18px; margin: 0 10px 0 0; float: left; } #footer #bookmark_and_share #bookmark_container { float: left; width: 300px; margin: 8px 0 0 10px } #footer #bookmark_and_share ul#share { float: right; margin: 8px 10px 0 0; padding: 0; width: 250px; } #footer #bookmark_and_share ul#share li { display: inline; float: left; list-style-type: none; margin: 0 5px 0 10px; padding: 0; } #footer #bookmark_and_share ul#share li img { vertical-align: middle; } #footer #bookmark_and_share ul#share li a { font-size: 12px; text-decoration: none; color: #FFFFFF;} /* - - - - Footer Links - - - - */ #footer ul#footer_links { float: left; margin: 0; padding: 0; list-style-type: none; width: 600px;} #footer ul#footer_links li { margin: 0; padding: 0; float: left; } #footer ul#footer_links li ul { margin: 0 0 0 10px; padding: 0; list-style-type: none; } #footer ul#footer_links li ul li { margin: 2px 0px; padding: 0; clear: both; width: 160px; } #footer ul#footer_links li ul li a { color: #858070; } /* - - - - Social Networking Links - - - - */ #footer #social_networking_links ul { width: 320px; float: right; margin: 0 10px 0 0; padding: 0; border-left: 1px #FFF solid; } #footer #social_networking_links ul li { display: inline; float: left; list-style-type: none; margin: 0; padding: 0; height: 50px;} /* - - - - Copyright - - - - */ #footer p#copyright { float: right; clear: right; margin: 20px 10px 10px; font-size: 11px; color: #858070; } #footer p#copyright a { color: #858070; } /* ------------------------------------------------- */ /* ----------------------HOMEPAGE------------------- */ /* ------------------------------------------------- */ #homepage {} #homepage #feature_module { overflow: hidden; height: 1%; } #homepage #feature_module #feature { width: 690px; height: 400px; background-image: url(/images/_site/home/feature_background.gif); } #homepage #feature_module #feature .slide { margin: 18px 0 0 18px; } #homepage #feature_module #feature .slide .slide_copy { border: 0px #F00 solid; position: relative; margin-top: -66px; height: 64px; padding: 1px 10px; width: 634px; background-image: url(/images/_site/home/background_transparent.png); z-index: 1000; } #homepage #feature_module #feature .slide .slide_copy img { z-index: 500; } #homepage #feature_module #feature .slide .slide_copy h3 { margin: 7px 0 0 0; padding: 0; font-size: 24px; height: 28px; width: 550px;} #homepage #feature_module #feature .slide .slide_copy p a { margin: 3px 0 0 0; padding: 0; color: #F15A24; text-decoration: none; } #homepage #feature_module #feature_wrapper { width: 690px; height: 400px; float: left; display: inline; } #homepage #feature_module #feature_controls { position: relative; top: -68px; margin: 0 30px 0 0; float: right; z-index: 1000; display:none; } #homepage #feature_module #side_content { width: 270px; float: left; display: inline; } #homepage #feature_module #side_content h2 { margin: 0; color: #FFF; border-bottom: 1px #77CEE0 solid; margin: 0 0 10px 0; padding: 0 0 8px 0; } #homepage #feature_module #side_content h2 a { color: #FFF; text-decoration: none;} #homepage #feature_module #side_content #get_updates { height: 123px; padding: 12px; margin: 8px 0 3px 0; background-color: #4CADC1; } #homepage #feature_module #side_content #get_updates p { color: #FFF; font-size: 13px; } #homepage #feature_module #side_content #get_updates form { margin: -10px 0 0 0; } #homepage #feature_module #side_content #get_updates form#get_updates_form label.error { font-size: 0em; float: right; border: 0px #F15A24 solid; text-indent: -10000px; margin: 0 0 0 300px; color: #F66; } #homepage #feature_module #side_content #get_updates form#get_updates_form input.error { border: 3px #F15A24 solid; color: #F15A24; } #homepage #feature_module #side_content #get_updates input#email { color: #000000; font-size: 14px; background-color: #FFF; border: 3px #FFF solid; padding: 3px 2px 4px; width: 160px; } #homepage #feature_module #side_content #get_updates input#email.blur { color: #858070; } #homepage #feature_module #side_content #get_updates input#submit { color: #FFFFFF; font-size: 13px; width: 70px; padding: 5px; font-weight: bold; background-color: #008AA6; border: 1px #FFF solid; } #homepage #feature_module #side_content #get_updates input#submit:hover { background-color: #4CADC1; cursor: pointer; cursor: hand; } #homepage #feature_module #side_content #get_involved { height: 206px; padding: 12px; background-color: #4CADC1; } #homepage #feature_module #side_content #get_involved ul { margin: 15px 0 0 0; padding: 0;} #homepage #feature_module #side_content #get_involved ul li { font-size: 16px; height: 29px; list-style-type:none; border-bottom: 1px #77CEE0 solid; } #homepage #feature_module #side_content #get_involved ul li img { display: block; float: left; padding: 3px 5px 0 0;} #homepage #feature_module #side_content #get_involved ul li .sifr { display: block; float: left; width: 200px;} #homepage #feature_module #side_content #get_involved ul li.last { border-bottom: 0px #77CEE0 solid; } #homepage #feature_module #side_content #get_involved ul li a { color: #FFF; } #homepage #three_modules { overflow: hidden; height: 1%; margin: 0 0 40px 0;} #homepage #three_modules .module { float: left; height: 240px; width: 310px; margin: 0 12px 0 0; background-color: #EEEEEE;} #homepage #three_modules .module h2 { margin: 0; padding: 12px 10px 14px 12px; background-color: #333333; color: #FFF; background-image: url(/images/_site/home/module_h2_background.png); background-position: bottom; background-repeat: repeat-x;} #homepage #three_modules .module h2 a { color: #FFFFFF;} #homepage #three_modules .module.last { margin: 0;} #homepage #three_modules .module.red h2 { background-color: #F15A24; } #homepage #three_modules .module.green h2 { background-color: #74A634; } #homepage #three_modules .module.blue h2 { background-color: #55C2D9; } #homepage #three_modules .module.yellow h2 { background-color: #FFA81F; } #homepage #three_modules .module .content { padding: 20px 12px 12px 12px; } #homepage #three_modules .module .content ul { margin: 0 0 0 16px; padding: 0; font-size: 18px; line-height: 1.4em;} #homepage #three_modules .module .content ul li { margin: 0 0 12px 0; padding: 0; list-style-image: url(/images/_site/home/arrow_dark.gif);} #homepage #three_modules .module .content ul li a { color: #008AA6; } #homepage #three_modules .module .content p { font-size: 18px; line-height: 1.2em; } #homepage #three_modules .module .content p.meta { font-size: 12px; line-height: 1.2em; } #homepage #three_modules .module .content p.meta a { text-decoration: none; } #homepage #three_modules .module .content p.meta a:hover { text-decoration: underline; } /* ------------------------------------------------- */ /* ---------------------SUCCESS PAGES--------------- */ /* ------------------------------------------------- */ #success_page #success_page_content ul { font-size: 1.5em; color: #006A80; line-height: 1.3em; font-weight: normal; margin: 0 0 0 20px; padding: 0;} #success_page #success_page_content {width: 500px; float: left;} /* ------------------------------------------------- */ /* ---------------------SHARE THIS ----------------- */ /* ------------------------------------------------- */ .at300bs { display:none !important; } /* ------------------------------------------------- */ /* ---------------------SPECIALS-------------------- */ /* ------------------------------------------------- */ .hidden { display: none; } .printer_only { display: none; }