* { margin: 0; padding: 0; } a img { border: none; } body { font: normal 8pt/1.5em 'Helvetica', Arial, sans-serif; color: #000; background: #FFF; } #background { margin: .25in; text-align: left;} #container { width: 7in; } /* ADD STYLES TO BE HIDDEN HERE */ #news-sidebar, #share, #bodyHead, #divider, #right-sidebar, #footer-content-top, #nav, #home-left-top, #home-right, #searchForm, #pageBTM { display: none; } p { font-family: 'Georgia', Times New Roman, Times, serif; line-height: 1.35em; margin-bottom: 1em; font-size: 10pt; } h2, h4, h6 { font-weight: normal; } h1 { font-size: 16pt; line-height:1.5em; color: #000; } h2 { font-size: 14pt; font-family: 'Georgia', Times New Roman, Times, serif; line-height: 1.25em; margin-bottom: 1em; color: #000; } h3 { font-size: 10pt; color: #000; font-weight: bold; line-height: 1em; margin: 2em 0 1em 0; } h4 { font-size: 10pt; font-family: 'Georgia', Times New Roman, Times, serif; line-height: 1.25em; } h5 { font: normal 10pt/1em 'Georgia', Times New Roman, Times, serif; color: #000; margin-bottom: 1em; } h6 { font: normal 10pt/1.5em 'Helvetica', Arial, sans-serif; color: #000; } ul { list-style: none; } a { color: #000; text-decoration: underline; } p em { font-style: italic; } h2 strong { color: #000; font-weight: normal; } .blue { color: #000; } .quote { margin-bottom: 0px; } .author { color: #000; font-style: italic; } .sp-after { margin-bottom: 1em!important; } .no-sp-after { margin-bottom: 0px; } /*------------------------------------------------- =CONTENT /*------------------------------------------------- /* GLOBAL */ #bodyHead { width: 650px; height: 150px; float: left; } #divider { height: 31px; } /*------------------------------------------------- /* HOME CONTENT */ #home-content { background-color: #FFF; } #home-left-mid h2 { margin-bottom: 0px; } #home-left-bottom-L { margin: 0.5in 0; } #home-left-bottom-R { margin: 0.5in 0; } #home-right { width: 250px; float: left; background-color: #FFF; } #home-right-facts { width: 250px; height: 167px; } #home-right-links { width: 250px; height: 88px; } #home-right-links li a { overflow: hidden; display: block; text-indent: -9999px; } #home-right-links li.watch a { height: 30px; background-image:url(/images/site/watch-video.gif); } #home-right-links li.donatetoday a { height: 30px; background-image:url(/images/site/donate-today.gif); } #home-right-links li.newsletter a { height: 28px; background-image:url(/images/site/get-newsletter.gif); } #home-right-links li.watch a:hover { background-position: 0 -30px; } #home-right-links li.donatetoday a:hover { background-position: 0 -30px; } #home-right-links li.newsletter a:hover { background-position: 0 -28px; } #home-right p { font: 0.95em/1.25em 'Helvetica', Arial, sans-serif; margin-bottom: 3px;} #home-right p.border { border-bottom: 1px dotted #B2B6B8; padding-bottom: 20px; } .home-right-item { width: 205px; margin: 20px 20px 20px 20px; } .img-float { margin: 3px 10px 0 0; float: left; } /*------------------------------------------------- /* TEXT PAGES CONTENT */ #text, #list-image, #graphic-hub, #project, #list-content { background-color: #FFF; } #text ul { list-style: disc outside none; margin-left: 0.25in; } #text li { font: normal 10pt/1.35em 'Georgia', Times New Roman, Times, serif; margin-bottom: 1em; } #inset { float: right; width: 240px; margin: 0 0 0.125in 0.25in; } #list-image img, #graphic-hub img { float: left; } img.project { float: left; margin-bottom: 20px; } #list-image p.nav-last, #graphic-hub p.last { margin-bottom: 30px; } #graphic-hub p, #graphic-hub h3 { margin-left: 140px; margin-bottom: 0px; } #project h3 { clear: left; } .rollover { display: none; } ul.rollover { height: 22px; margin: 10px 0; } ul.rollover li { display: inline; padding: 0!important; } ul.rollover li a { height: 22px; text-indent: -9999px; overflow: hidden; display: block; } ul.rollover li a:hover { background-position: 0 -22px; } li.updates a { width: 92px; background-image: url(/images/site/get-updates-btn.gif); } li.donate a { width: 92px; background-image: url(/images/site/donate-now-btn.gif); } li.slideshow a { width: 112px; background-image: url(/images/site/slideshow-btn.gif); } div.list-item { margin: 1.5em 0; } div.list-item p { margin: .3em 0; } div.list-item a { display: none; } div.list-item img { margin: 0 10px 1.5em 0; } p.date { font-weight:bold; } /*------------------------------------------------- /* NEWS PAGES CONTENT */ #news-content { } #news-sidebar { width: 155px; float: left; padding-top: 2px; } #news-sidebar ul { line-height: 1.20em; margin-bottom: 15px; } #news-sidebar h3 { text-transform: uppercase; font-weight: bold; margin-bottom: 5px; color: #676767; } #news-sidebar li { margin-bottom: 0px; } #news-sidebar li a { text-decoration: none; font-weight: normal; text-transform:none; color: #676767; margin-left: 2px; } #news-sidebar li a:hover { color: #B0220D; } #news-sidebar a.selected { color: #B0220D; } #news-sidebar li.rss { line-height: 15px; background: url(/images/site/rss.gif) no-repeat 0 0; padding-left: 20px; } #news-sidebar li.rss a { text-decoration: none; font-weight: normal; text-transform: none; color: #676767; } #news-sidebar li.rss a:hover { color: #B0220D; } #news-list p.link { margin-bottom: 0in; } #news-body h1 { text-transform: none; margin-bottom: 1em; } /*------------------------------------------------- /* VIDEO PAGES CONTENT */ #video-player { width: 500px; height: 284px; margin-bottom: 20px; } .video { margin: 10px 0 30px 0; } .video p, .video h3 { margin: 0 20px 0 140px; } .video img { float: left; margin-right: 10px; } /*------------------------------------------------- /* POPUPS */ #popup-head { width: 530px; height: 50px; background-color: #B0220D; margin: 15px 15px 0 15px; } #popup-body { width: 500px; background: #FFF; padding: 15px; margin: 0 15px; } #popup-body h3 { margin: 10px 0 15px 0; } #popup-foot { width: 500px; background: #FFF; padding: 0 15px; font-size: 0.80em; margin: 0 15px 15px 15px; } #SMpopup-head { width: 340px; height: 50px; background-color: #B0220D; margin: 15px 15px 0 15px; } #SMpopup-body { width: 310px; background: #FFF; padding: 15px; margin: 0 15px; } #SMpopup-foot { width: 310px; background: #FFF; padding: 0 15px; font-size: 0.80em; margin: 0 15px 15px 15px; } #popup-body h3, #SMpopup-body h3 { margin: 10px 0 15px 0; } #popup-foot a, #SMpopup-foot a { color: #0d89a4; text-decoration: underline; } #popup-foot a:hover, #SMpopup-foot a:hover { color: #B0220D; } #popup-foot p, #SMpopup-foot p { font-family:Arial, Helvetica, sans-serif; display: inline; } #popup-foot p.designby, #SMpopup-foot p.designby { float: right; display: inline; } #contactForm { width: 300px; } #contactForm input, #contactForm textarea { border: 1px solid #C1D7DF; border-bottom-color: #E3F2FA; border-right-color: #E3F2FA; background: #EAF8FF; color: #676767; text-align: left; padding: 1px; display: block; margin: 3px 0 10px 0; width: 305px; } #contactForm form div, #contactForm form { margin: 0; } #contactForm input:focus, #contactForm textarea:focus { border-color: #90CEDB; } #contactForm form { width: 300px; text-align: left; } #contactForm fieldset { margin: 10px 0 0 0; border: 0; padding: 0; clear: both; display: block; } #contactForm legend { display: none; } #contactForm form textarea { width: 305px; height: 100px; margin-bottom: 15px; } #contactForm form label { width: 300px; } #contactForm form select { float: left; display: block; } #contactForm textarea { display: block; } #contactForm input#submit { border: none; } .signup { background:url(/images/site/submit-btn.gif); } button.signup { background-position: 0 0; height: 22px; } a:hover button.signup { background-position: 0 -22px; } .rollover a, button { width: 61px; padding: 0; border: 0; cursor: pointer; display: block; } /*------------------------------------------------- /* TABLES */ table { border-collapse: collapse; margin: 0.25in 0; font: 10pt/1.4em normal 'Georgia,' Times New Roman, Times, serif; color:#000; } th, tr { padding: 2pt 0pt; } tr { border-bottom: 1pt solid #676767; } th { font-weight: BOLD; padding: 2pt 10pt; font-family: 'Helvetica', Arial, sans-serif; } tr.odd td { padding: 2pt 0pt; } tr.even td { padding: 2pt 0pt; } /*------------------------------------------------- =NAV ------------------------------------------------- /* MAIN NAVS + DROPDOWNS */ #nav { position: absolute; top: 82px; left: 0px; } ul#nav { width: 514px; height: 28px; margin: 0 auto 2px auto; font-size: 94%; z-index: 1111; } ul#nav li { display: inline; float: left; } ul#nav li a { height: 28px; text-indent: -9999px; overflow: hidden; display: block; } ul#nav li a:hover, ul#nav li a.selected { background-position: 0 -28px; } ul#nav li:hover { background-position: 0 0; } ul#nav li#nav-about-us a { width: 96px; background-image: url(/images/site/nav-about.gif); } ul#nav li#nav-what-we-do a { width: 96px; background-image: url(/images/site/nav-what.gif); } ul#nav li#nav-get-involved a { width: 100px; background-image: url(/images/site/nav-involved.gif); } ul#nav li#nav-news-resources a { width: 134px; background-image: url(/images/site/nav-news.gif); } ul#nav li#nav-contact-us a { width: 88px; background-image: url(/images/site/nav-contact.gif); } #nav li ul { /* second-level lists */ background: url(/images/site/dropdown_bg.png) repeat; width: 134px; position: absolute; left: -999em; z-index: 1000; } ul#nav li ul li a { width: 124px!important; padding: 2px 0 0px 10px; background-image: none!important; border-bottom: 1px dotted #FFF; text-indent: 0; color: #FFF; text-decoration: none; height: auto; display: block; } ul#nav li ul li a:hover { background-color: #B0220D!important; position: relative; } ul#nav li ul li.nav-last a { border-bottom: none; } ul#nav li ul ul li.nav-last a { border-bottom: none; } ul#nav li.secondLev a { background: url(/images/site/dropdown_arr.gif) no-repeat right center!important; } ul#nav li.secondLev ul li a { background-image: none!important; } #nav li ul ul { /* third-and-above-level lists */ border-top: none; margin: -21px 0 0 134px; width: 148px; } ul#nav li ul li ul li a { width: 138px!important; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /*------------------------------------------------- =FORMS -------------------------------------------------*/ #newsletterForm { width: 360px; float:left; } #newsletterForm input { border: 1px solid #C1D7DF; border-bottom-color: #E3F2FA; border-right-color: #E3F2FA; background: #EAF8FF; color: #676767; text-align: left; padding: 1px; display: block; margin-top: 3px; } #newsletterForm form div, #newsletterForm form { margin: 0; } #newsletterForm input:focus { border-color: #90CEDB; } #newsletterForm form { width: 360px; text-align: left; } #newsletterForm fieldset { margin: 10px 0 0 0; border: 0; padding: 0; clear: both; display: block; } #newsletterForm legend { display: none; } #newsletterForm form textarea { margin-top: 3px; }#newsletterForm form label { display: block; padding: 0px 0px 10px 0px; } #newsletterForm form select { float: left; display: block; } form label.field-address, form label.field-city, form label.field-email { clear: left; } form label.field-first, form label.field-last, form label.field-email, form label.field-country { float: left; margin: 0px 10px 0px 0px; width: 150px; } #newsletterForm form label.field-first input, form label.field-last input, form label.field-email input, form label.field-country input { float: left; width: 150px; } form label.field-state { float: left; margin: 0px 10px 0px 0px; width: 220px; } form label.field-state input { float: left; width: 220px; } form label.field-zip { float: left; width: 80px; } form label.field-zip input { float: left; width: 80px; } form label.field-address, form label.field-address2, form label.field-organization, form label.field-city, form label.field-country, form label.field-email { float: left; width: 310px; margin: 0; } form label.field-address input, form label.field-address2 input, form label.field-organization input, form label.field-city input, form label.field-country input, form label.field-email input { float: left; width: 310px; } #newsletterForm textarea { display: block; } #newsletterForm form input#checkbox_1, #newsletterForm form input#checkbox_2 { clear: both; float: left; padding: 0px; margin: 0px; border: none; background-color: #FFF; } #newsletterForm form label.field-checkbox { display: inline; float: left; margin: 0px 0px 0px 10px; } #newsletterForm form input#checkbox_3 { display: inline; clear: both; float: left; padding: 0px; margin: 0px; border: none; background-color: #FFF; } #newsletterForm form input#checkbox_4 { display: inline; float: left; padding: 0px; margin: 0px; border: none; background-color: #FFF; } #newsletterForm form label.field-checkbox_3 { display: inline; float: left; margin: 0px 25px 0px 10px; } #newsletterForm form label.field-checkbox_4 { display: inline; margin: 0px 0px 0px 10px; } #newsletterForm input#submit { border: none; } .signup { background:url(/images/site/submit-btn.gif); } button.signup { background-position: 0 0; height: 22px; } a:hover button.signup { background-position: 0 -22px; } .rollover a, button { width: 61px; padding: 0; border: 0; cursor: pointer; display: block; } #newsletters { width: 240px; float: right; } #newsletters ul { margin: 0; padding: 0; } #newsletters ul li { height: 50px; padding-left: 35px; background: url(/images/site/pdf.jpg) no-repeat left center; } #newsletters ul li a { display: block; padding-top: 15px; } #newsletters ul li a:hover { } /*------------------------------------------------- =HEADER -------------------------------------------------*/ #header { width: 7in; margin-bottom: 0.25in; } #header h1 { margin: 0; font: normal 24pt/1.5em Georgia, "Times New Roman", Times, serif; } #header h1 a { text-decoration: none; } img.print { display: none; } /*------------------------------------------------- =FOOTER -------------------------------------------------*/ #footer { width: 7in; clear: both; padding-top: 0.5em; margin: 0.25in 0 0 0.25in; border-top: solid 1pt #676767; } #footer-content-top { display: none; } #footer-content-bottom { display: block; clear: both;} #footer a { color: #000; text-decoration: none; } #footer p { font-family:Arial, Helvetica, sans-serif; display: inline; margin:0; font-size: 8pt; color: #676767; } #footer p.designby { float: right; } #footer p.copyright { float: none; display: block; clear: both;} #footer p.designby a { text-decoration: none; color: #000; color: #676767; } /*------------------------------------------------- =VARIOUS -------------------------------------------------*/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } .clearfix { display:block; } * html .clearfix { height:1px; } dl#errorMessageInfo { font-size: 1.2em; margin: 30px 0; } dl#errorMessageInfo dd { margin: 10px 0; } dl#errorMessageInfo dt { margin: 10px 0; font-weight: bold; }