* { margin: 0; padding: 0; }   a img { border: none; }   html { height: 100%; }   
body { font: normal 12px/1.5em 'Helvetica', Arial, sans-serif; color: #676767;  background: url(/images/site/footer-tile.gif) repeat-y;text-align: left; background-color: #E8E8E8; }
#background { margin: 0 auto; text-align: left; background: url(/images/site/bg-tile.gif) repeat-x;}
#container { width: 900px; }

p { font: normal 14px/1.35em 'Georgia', Times New Roman, Times, serif; margin: 0 0 1em 0; }
h1, h2, h3, h4, h6 { font-weight: normal; }
h1 { font-size: 1.15em; color: #BC0000; text-transform: uppercase; font-weight: bold; }
h2 { font-size: 1.35em; font-family: 'Georgia', Times New Roman, Times, serif; line-height: 1.25em; margin: 5px 0 15px 0;  color: #0D89A4;  }
h3 { font-size: 1em; color: #BC0000; text-transform: uppercase; font-weight: bold;  line-height: 1em; margin: 1.5em 0 3px 0; }
h3.faq { text-transform: none!important; }
h4 { font-size: 1.05em;  font-family: 'Georgia', Times New Roman, Times, serif; line-height: 1.25em; }
h5 {  font: normal 0.85em/1em 'Georgia', Times New Roman, Times, serif; color: #B0220D; text-transform: uppercase; margin: 0px 0 8px 10px; }
h6 { font: normal 0.95em/1.5em 'Helvetica', Arial, sans-serif; color: #676767; }
ul { list-style: none; }
a { color: #0D89A4; text-decoration: underline; }
a:hover { color: #B0220D; }
p em { font-style: italic; }
strong { font-weight: bold; }


h2 strong { color: #676767; font-weight: normal; }
.blue { color: #0D89A4; font-weight: bold!important; }
.sp-after { margin-bottom: 30px!important; }
.no-sp-after { margin-bottom: 0px; }
a.arrow{ background: url(/images/site/link-arr-grey.gif) no-repeat 100% 80%; display:inline; padding-right: 8px; font-size: 0.95em; }
p.results { font-size: .9em; margin: 0;  }
span.highlight { font-weight: bold; }

/*-------------------------------------------------
=CONTENT


/*-------------------------------------------------
/* GLOBAL */

#bodyHead { width: 650px; height: 150px; float: left; }
#divider { height: 31px; }



/*-------------------------------------------------
/* HOME CONTENT */

#home-content { background: #FFF url(../../images/site/grey-border-tile.gif) repeat-y; }
#home-left { float: left; width: 650px; }
#home-left-top { width: 650px; height: 255px; background: #ccc; }
#home-left-top-flash { height: 255px; text-align: center; }
#home-left-top-flash h1 { padding-top: 2em; }
#home-left-mid { width: 601px; border-left: 9px solid #E8E8E8; background-color: #FEF9F3; padding: 25px 20px 20px 20px; float: left; }
#home-left-mid h2 { margin-bottom: 0px; }
#home-left-bottom-L { width: 275px; border-left: 9px solid #E8E8E8; padding: 20px 20px 30px 20px; float: left; }
#home-left-bottom-R { width: 275px; padding: 20px 20px 30px 20px; float: left; }
#home-left-bottom-L p, #home-left-bottom-R p { margin: 0 0 0 70px; }

#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: .95em/1.25em 'Helvetica', Arial, sans-serif; margin: .2em 0;}
#home-right p.border { border-bottom: 1px dotted #B2B6B8; padding-bottom: 20px; }
#home-right p.bottompad { padding-bottom: 20px; }
.home-right-item { width: 205px; margin: 0 20px; }

.img-float { margin: 3px 10px 0 0; float: left; }





/*-------------------------------------------------
/* TEXT PAGES CONTENT */

#text, #list-image, #graphic-hub, #project, #list-content { background-color: #FFFFFF; border-left: 9px solid #E8E8E8; padding: 20px; width: 601px; float: left; }
#text ul { width: 561px; }
#text li { font: italic 14px/1.25em 'Georgia', Times New Roman, Times, serif; margin-bottom: .8em; padding-left: 18px; background: url(/images/site/bullet-red.gif) no-repeat 0 5px;}
#text li a { font: italic 1em/1.25em 'Georgia', Times New Roman, Times, serif;}
#inset { float: right; width: 240px; margin: 0 0 10px 20px; }

#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: 1em 0 -.7em 140px; }
#project h3 { clear: left; }

.rollover { height: 22px; }
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 h3 { margin: 1.25em 0 -.5em 0; }
div.list-item { margin: 0 0 0.75em 0; clear:both; }
div.list-item p { margin: 0.75em 0 0 0; }
div.list-item a { margin: 0; font: normal 14px/1.35em 'Georgia', Times New Roman, Times, serif; }
div.list-item img { margin: 0 10px 2em 0; }
div.right-item { margin: 0 0 2em 104px; }
div.right-item h3 { margin-top: 0px; }
div.list-item p.date { font-style: italic; margin: 0.5em 0 -.5em 0; }
div.list-item p.quote { margin: 0; }
div.list-item p.author { color: #434343; font-style: italic; margin: .25em 0 1em 0; }
div.list-item p.jobtitle { font-weight:bold; margin: 0.5em 0 -.5em 0; }
div.list-item p.link { margin: 0.75em 0 -.8em 0; }


/*-------------------------------------------------
/* NEWS PAGES CONTENT */

#news-content { background-color: #FFFFFF; border-left: 9px solid #E8E8E8; padding: 20px 20px 20px 20px; width: 601px; float: left; }
#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: .2em 0; }
#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 { width: 446px; float: left; }


/*-------------------------------------------------
/* SHARE BOX */

#share { width: 240px; height: 30px; margin-bottom: 5px; background-color: #f0f0f0; }
#share h3 { font-size: 0.9em; margin: 11px 4px 0 8px; float: left; }
#share ul { height: 14px; margin: 8px 0 0 0; width: 116px; float: right; }
#share li { display: inline; background: none; padding: 0px; margin: 0 0 0 8px; float: left; }
#share li a { display: block; text-indent:-9999px; overflow: hidden; height: 14px; width: 14px; line-height: 14px; }
#share li a.email { background: url(/images/site/share-email.gif) no-repeat 0 0; }
#share li a.print { background: url(/images/site/share-print.gif) no-repeat 0 0; }
#share li a.digg { background: url(/images/site/share-digg.gif) no-repeat 0 0; }
#share li a.facebook { background: url(/images/site/share-facebook.gif) no-repeat 0 0; }
#share li a.delicious { background: url(/images/site/share-delicious.gif) no-repeat 0 0; }
#share li a:hover { background-position: 0 -14px; color: #0D89A4; }

#news-body { width: 444px; float: left; }
#news-body h1 { text-transform: none; margin-bottom: 1em; }


/*-------------------------------------------------
/* VIDEO PAGES CONTENT */

#video-hub { background-color: #FFFFFF; border-left: 9px solid #E8E8E8; padding: 20px 20px 30px 20px; width: 601px; float: left; }
#video-player { width: 500px; height: 284px; margin-bottom: 20px; background: #ccc; border: 3px solid #eee;  }
#vid-col-1 { width: 300px; float: left; }
#vid-col-2 { width: 300px; float: left; }
.video { margin: 10px 0 30px 0; }
.video p, .video h3 { margin: 0 20px 0 140px; }
.video img { float: left; margin-right: 10px; }


/*-------------------------------------------------
/* PAGINATION */

#paginationBTM { width: 100%; }
ul.pagination {  font-size: 95%; text-align: center; }
ul.pagination a { text-decoration: underline; }
ul.pagination a:hover { text-decoration: none; color: #B0220D; }
ul.pagination li { display: inline; text-align: center; }
ul.pagination li.pagePrev { display: inline; padding-right: 15px; }
ul.pagination li.pageNext { display: inline; padding-left: 15px; }
ul.pagination li.pagePrev a { background: url(/images/site/prev-btn.gif) no-repeat left center; padding-left: 14px; text-decoration: none; }
ul.pagination li.pageNext a { background: url(/images/site/next-btn.gif) no-repeat right center; padding-right: 14px; text-decoration: none; }
ul.pagination li.pagePrev a:hover, ul.pagination li.pageNext a:hover { text-decoration: underline; color: #0D89A4; }
ul.pagination li.paging { width:100%;  }
ul.pagination ul { text-align: center; display: inline; }
ul.pagination ul li a { padding: 3px 3px 0 3px; }
ul.pagination li a.selected { padding: 0 3px; color: #B0220D; text-decoration: none; }
ul.pagination li ul li a { background: none!important; padding: 3px 6px 0 6px!important; }


/*-------------------------------------------------
/* RIGHT SIDEBAR */

#right-sidebar { width: 250px; float: right; }
#sub-nav { margin: 20px 0px 30px 10px; }
#sub-nav ul { width: 200px; font-family: 'Georgia', Times New Roman, Times, serif; font-style: normal; font-size: 1.15em; }
#sub-nav li a { height: 1.4em; color: #B0220D; text-decoration: none;  display: block; padding-left: 10px; }
#sub-nav li a:hover, .selected a { background-color: #FEFEFE; }
#sub-nav li li a { height: 1.5em; font-size: .8em; color: #B0220D; text-decoration: none; padding-left: 20px; background-color: #F0F0F0; }
#sub-nav li li a:hover, #sub-nav li li.selected a { color: #0D89A4; background-color: #F0F0F0; }
div.tout, div.tout-text { margin: 10px 0 10px 10px; }
div.tout a { display: block; }
div.tout-text { background-color: #FFFFFF; width: 210px; padding: 10px 20px 20px 10px; margin-bottom: 15px; }
div.tout-text p { margin: .2em 0; font-size: 1em; }
div.tout-text h3 { margin: .5em 0; }
div.tout-text p.author { color: #434343; font-style: italic; margin: .25em 0 0 0; }
div.tout-text p.jobtitle { font-weight:bold; margin: 0.5em 0 -.5em 0; }


/*-------------------------------------------------
/* 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 15px 0 15px; margin: 0 15px; }
#SMpopup-foot { width: 310px; background: #FFF; padding: 0 15px; font-size: 0.80em; margin: 0 15px 15px 15px; }

#LGpopup-head { width: 630px; height: 50px; background-color: #B0220D; margin: 15px 15px 0 15px; }
#LGpopup-body { width: 600px; background: #FFF; padding: 15px; margin: 0 15px; }
#LGpopup-foot { width: 600px; 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, #LGpopup-foot p { font-family:Arial, Helvetica, sans-serif; display: inline; font-size: .95em; }
#popup-foot p.designby, #SMpopup-foot p.designby, #LGpopup-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.donate { width: 600px; border-collapse: collapse; margin: 20px 0px;  }
td { vertical-align: top; }
th, tr, td { padding: 2px 10px 2px 0; }
tr.donate { border-bottom: 1px solid #E8E8E8; }
th { background-color: #0d89a4; color: #FFF; font-weight: BOLD; padding: 2px 10px; font-family: 'Helvetica', Arial, sans-serif; font-size: 0.95em; }
tr.highlight td { background-color: #dbedf1; }
tr td { background-color: #FFF; padding: 2px 10px; font: 1.1em/1.4em 'Georgia', Times New Roman, Times, serif; color:#434343; }



/*-------------------------------------------------
=NAV
-------------------------------------------------
/* MAIN NAVS + DROPDOWNS */
#nav { position: absolute; top: 82px; left: 0px; }
ul#nav { width: 514px; height: 28px; margin: 0 auto 2px auto; font-size: 0.95em; }
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; }
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: 158px; }
ul#nav li ul li ul li a { width: 148px!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: 40px; padding-left: 35px; background: url(/images/site/pdf.jpg) no-repeat left center; }
#newsletters ul li a { display: block; padding-top: 12px; font: normal 0.95em/1.5em 'Helvetica', Arial, sans-serif; }
#newsletters ul li a:hover { }





/*-------------------------------------------------
=HEADER
-------------------------------------------------*/
#header { width: 900px; height: 110px; position: relative; }
#header h1 { margin: 0; }
#header h1 a { background: url(/images/site/logo-touch.gif) no-repeat; width: 194px; height: 21px; display: block; text-indent: -9999px; overflow: hidden; position: absolute; top: 15px; left: 30px; }
img.print { display: none; }

#searchForm { width: 250px; height: 28px; text-align: right; position: absolute; top: 82px ; right: 0; }
#searchForm input { width: 169px; border: 1px solid #821407; border-bottom-color: #A31F0C; border-right-color: #A31F0C; background: #B84D3D; color: #ddbeaf; text-align: left; padding: 2px 2px 2px 4px; font:  100% 'Georgia', Times New Roman, Times, serif; margin-right: 10px; float: left; }
#searchForm form div, #searchForm form { margin: 0; }
#searchForm input:focus { border-color: #981D0B; color: #fff; outline: 0; }
#searchForm input.btn { border: none; vertical-align: middle; padding: 0; width: auto; margin: -4px -2px 0 4px; }
.search { background:url(/images/site/search-btn.gif); }
button.search { background-position: 0 0; height: 22px; }
a:hover button.search { background-position: 0 -22px; }



/*-------------------------------------------------
=FOOTER
-------------------------------------------------*/
#footer { width: 900px; height: 100%; clear: both; margin-top: 30px; }
#footer p { font-size: 10.5px; }
#footer-content-top { background: url(/images/site/footer-rule.gif) no-repeat 0 0; display: block; height: 20px; padding-top: 5px; }
#footer-content-bottom { background: url(/images/site/footer-rule.gif) no-repeat 0 0; display: block; clear: both; margin-bottom: 30px; }
#footer a { color: #676767; text-decoration: none; }
#footer a:hover { color: #B0220D; text-decoration: underline; }

#footer p { font-family:Arial, Helvetica, sans-serif; display: inline; padding: 7px 0 0 36px; margin:0; }
#footer p.designby { float: right; display: inline; }
#footer p.copyright { float: none; display: block; clear: both;}
#footer p.designby a { text-decoration: underline; color: #0d89a4; }
#footer p.designby a:hover { color: #b0220d; }



/*-------------------------------------------------
=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; }