﻿#fall09, #fall09a, #yearend09, .donate-banner {
    width:950px; height:330px;
    background:#fff url(../images/campaigns/fall09/cedar.jpg) no-repeat 0 0;
    color:#fff;
    position:relative;
}
#fall09 h3, #fall09 ul, #fall09 h4, #fall09a h3, #fall09a ul, #fall09a h4, #yearend09 h3, #yearend09 ul, #yearend09 h4  
{
    color:#fff; width:216px; position:absolute; left:665px; top:40px; padding:0 20px;}
#fall09 h3 { position:absolute; left:20px;  width:280px; top:40px;}
#fall09a {background:#fff url(../images/campaigns/fall09/owl.jpg) no-repeat 0 0;}
#fall09a h3 { position:absolute; left:20px;  width:500px; top:20px;}
#yearend09 {background:#fff url(../images/give/donation/donation_banner_cedarwax.jpg) no-repeat 0 0;}
#yearend09 h3 {position:absolute; left:480px;  width:380px; top:60px; padding:20px;}
#winter10-oo { background:#fff url(../images/campaigns/winter10/winter_appeal_oo.jpg) no-repeat 0 0;}
#winter10-oo #intro {left:60px;position:absolute;top:80px;width:450px;font:17px Georgia, serif;font-style:italic;}
#listen-oo { position:absolute; left:700px; top:200px; width:250px;}
#listen-oo h3, #listen-oo p {color:#fff}
#fall09 h4, #fall09a h4 { font-size:1.3em;}
#fall09 ul, #fall09a ul { padding:0 40px; top:80px; width:186px;}
#fall09 li, #fall09a li { margin-bottom:5px;}
#fall09 h3 span, #fall09a h3 span, #yearend09 h3 span { display:block; margin-top:20px; font:.7em Arial, Helvetica, sans-serif;}

#spring10 {background:#fff url(../images/campaigns/spring10/spring_appeal.jpg) no-repeat 0 0;}
#spring10 #intro { width:400px;left:500px;top:35px;position:relative; color:#000; font-weight:bold; }
#spring10 h4 { font-weight:bold;}
#spring10 ul {padding-right:0;}
#benefits { background:#fff; border:1px solid #efefef; padding:15px;font-size:.9em;}
#benefits ul { padding:0 20px;}
#benefits li { margin-bottom:7px;}
#benefits h3, #benefits h4, #benefits h2 {font:1.5em Arial, Helvetica, Sans-serif;}
#benefits h4 { color:#900;}
#benefits strong { font-size:1.5em; color:#600;}
#benedvd { padding-right:130px; background:transparent url(../images/campaigns/fall09/fall09_dvd.jpg) no-repeat right top;}
#benelb { padding-left:130px; background:transparent url(../images/campaigns/fall09/fall09_lb.jpg) no-repeat left top; height:120px;}
#benebs { padding-right:130px; background:transparent url(../images/campaigns/fall09/fall09_bs.jpg) no-repeat right top; height:130px; margin-bottom:0; }
#benepfw { padding-left:115px; background:transparent url(../images/campaigns/fall09/fall09_pfw.jpg) no-repeat left top;}

#ar09-row1 { clear:both;padding-top:20px;}
#ar09-row4 {border-bottom:10px solid #ccc; margin-bottom:20px }
#ar09-donate, #ar10-donate { width:300px; float:left; margin-left:20px}
#ar09-donate ul {padding:0 0 0 20px}
#ar10-donate ul {padding:20px 0 0 20px}
#ar09-row3 {margin-bottom:5px}
.ar09 a.right img, .ar10 a.right img {padding:0 0 10px 10px;}
.ar09 a.left img, .ar10 a.left img {padding:0 10px 10px 0;}
.ar09 h3, .ar10 h3 { font:2em Arial, Helvetica, san-serif; margin-bottom:0; color:#e1b834;}
.ar10 h3 { color:#6ca8e3;}
.ar09 p, .ar10 p, .ar10 ul { margin:0; font-size:12px}
/*.ar09 a, .ar09 a:hover, .ar09 a:visited, .ar09 a:active { border:0;}*/
#ar09-title { background:#fff url(../images/annual09/AR09_title.png) no-repeat 0 0; width:405px; height:115px; float:left; position:relative}
#ar10-title { background:#fff url(../images/annual10/AR10_title.png) no-repeat 0 0; width:405px; height:115px; float:left; position:relative}
#ar09-citsci {float:right; width:290px;}
#ar09-citsci img { float:right;}
#ar09-citsci h3, #ar09-citsci p {clear:right;}
#ar09-consv {float:left; background:transparent url(../images/annual09/AR09_wind.jpg) no-repeat 0 0;
    padding:0 10px 0 114px;
    width:213px;}
#ar10-consv {float:left; background:transparent url(../images/annual10/elephant.jpg) no-repeat 0 0;
    padding:0 10px 0 114px;
    width:213px;}
#ar09-consv h3 { padding-top:8px;}
#ar09-edu { float:left; width:260px;}
.ar09-keys, .ar10-keys, .ar11-keys { padding:20px 0 0 16px; float:right; width:150px;}
.ar09-keys li,.ar10-keys li, .ar11-keys li { margin-bottom:10px;}
#ar09-rev { background:transparent url(../images/annual09/AR09_revenue_key.gif) no-repeat 0 23px;}
#ar09-expd {background:transparent url(../images/annual09/AR09_expenditure_key.gif) no-repeat 0 23px;}
#ar10-rev { background:transparent url(../images/annual10/annual_legends1.png) no-repeat 0 23px;}
#ar10-expd {background:transparent url(../images/annual10/annual_legends2.png) no-repeat 0 23px;}
#ar11-rev { background:transparent url(../images/annual11/annual_legends.png) no-repeat 0 23px;}
#ar11-expd {background:transparent url(../images/annual11/annual_legends2.png) no-repeat 0 23px;}
#ar-download {position:absolute; left:175px; top:80px;}

#ar11-title {background:url(../images/annual11/AR11_title.png) no-repeat; width:405px; height:115px;float:left;}
#ar11-row1 { clear:both;padding-top:20px; }
.gradient {background:url(../images/annual11/gradient.gif) 0 100% repeat-x;}
#ar11-row2 {font-family:arial, sans-serif;}
#ar11-row2 #col1, #ar11-row2 #col2, #ar11-row2 #col3, #ar11-row2 #col4 {width:25%}
#ar11-row2 h3 {margin-left:6px; margin-right:26px; margin-bottom:8px; font-size:23px}
#ar11-row2 p { font-size:13px; margin-left:6px; margin-right:20px;margin-top:8px; line-height:18px; }
#ar11-row2 #col1 h3 {color:#a90f14}
#ar11-row2 #col2 h3 {color:#2964a6}
#ar11-row2 #col3 h3 {color:#636913}
#ar11-row2 #col4 h3 {margin-left:16px; color:#c47810}


#ar11-row2 #col4 p {margin-left:16px}

#ar11-row3  #col1 {width:55%}
#ar11-row3  #col2 {width:45%}


#ar11-row3 #col1 h3 {font-weight:normal; color:#1f5a9b; font-size:26px; font-family:arial, sans-serif; margin-bottom:12px; margin-top:10px}
#ar11-row3 #col1 ul {font-size:14px; font-family:arial, sans-serif; margin:-180px 10px 0 196px; list-style-type:none;}
#ar11-row3 #col1 ul li.except {margin-top:2px; }
#ar11-row3 #col1 ul li {margin:7px 0 0 0; padding-top:4px;  }
#bullet-list {background:transparent url(../images/annual11/bullets.png) no-repeat 0 8px;}
.bullet-list-position {padding-left: 14px; float:right; width:275px;}
 
         
#image1 {position:relative; margin-top:10px; left:-36px}
#image2 {position:relative; top:4px}
#pic3 {position:relative;}
#image3 {position:absolute; top:72px; left:-63px}
#image4 {position:absolute; top:0; left:87px}
#image5 {margin-left:16px; margin-top:16px}

#quote {background:#ebe8e4; padding:1px 0;  -moz-border-radius: 6px;-webkit-border-radius:6px;-khtml-border-radius: 6px; border-radius: 6px; text-align:right; margin-top:24px}
#quote p {margin:14px; font-size:12px; font-family:georgia, serif; color:#373232; font-style:italic; line-height:18px;}
#quote img {margin-right:10px;}

#report-ar2011 {margin-top:16px; margin-left:10px;}
#donate-ar2011 {margin-top:8px;}

#report-ar2011 img {border:0px}
#donate-ar2011 img {border:0px}

#sandpiper-pic {margin-bottom:36px;}

.wrapper {margin:0 auto; text-align:left; width:950px;}
/*remove before upload */
.left {float:left}
/* CLEAR and hide spans ------ */
.clear { clear:both; height:0px; font-size: 1px; line-height: 0px;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hide { display:none;}
