*{
    margin: 0px;
    padding: 0px; 
    border: 0px; 
    }

body {
    background-color: #005643;
    font-family: Arial; 
}

.left{float: left;}
.right{float: right;}

/* handles empty spaces between the images in the nav */
#navigation > a { float: left;}

img { border: 0px;}

.img_left{
    float: left; 
    padding-right: 20px;
    text-align: center;
    }    
.img_right{
    float: right; 
    padding-left: 20px;
    text-align: center;
    }   
 
.border {border: 10px solid #fff; padding: 1px;} 
     
.quote{
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    }
    
.credit{color: #aaa; font-size: 12px;}    

td{vertical-align: top;}

:focus {outline: 0;}

a {text-decoration: none; color: #fdac00;}

a:hover {text-decoration: underline;}

.wrapper{
    width: 1024px;
    margin: 0px auto;
    }
.wrapper_ft{
    width: 1024px;
    margin-left: -160px;
    margin: 0px auto;
    }
    
hr{
    border-bottom: 1px dotted #f3a101; 
    margin: 20px 0px;
    } 

.btt{font-size: 16px;}

.linked{
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    }
    
.links p{text-align: center}    
    
.logo{border: 5px solid #fdac00; margin-bottom: 5px; padding: 1px; } 
 
 
h1{
    padding: 10px 0px;
    font-size: 28px;
    color: #fff;
    line-height: 30px;
    font-weight: normal;
}
  
h2{
    font-size: 24px; 
    color: #fdac00;
    line-height: 28px;
       
    }  
    
h3{
    font-size: 18px; 
    font-weight: bold; 
    margin-bottom: 5px;
    } 
    
h3 a{color: #fff;}

h3 a:hover{text-decoration: none;}	

h4{
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;    
    }   
h5{
    font-weight: bold;
    font-size: 18px;
    margin-top: 15px;  
    margin-bottom: 10px;
    text-decoration: underline;  
    } 

h6{
    font-size: 18px; 
    font-weight: bold; 
    margin-bottom: 10px;
    color: #fdac00;
    } 
        
.inner ul {
    margin: 10px 30px;
    list-style-type: square;
    
    }
.inner ol {margin: 10px 30px;line-height: 20px;} 

.inner ul li{margin: 8px 0px;}
.inner ol li{margin: 8px 0px;}

.sub_nav ul li{
    color: #b45301;  
    font-size: 15px; 
    vertical-align: middle; 
    line-height: 17px;
    }    


/* BODY STYLES */	
	 
#body{
    background-color: #000;
    background-image: url(../images/mid_bkg.jpg);
    background-repeat: repeat-x;
    }
    
#header{
	background-image: url(../images/hd_bkg.jpg);
	background-repeat: repeat-x;
	margin-bottom: -3px;
	}
	
#header .header_elements{
    width:1174px; 
    height: 128px;     
    }	
    
#header .hd_left{
    width: 722px; 
    float: left;
    }   
    
#header .hd_right{
    width: 452px; 
    float: left;
    }   


.hd_size{font-size: 12px; 
         color:#015643; 
         }    
 .size { 
       margin-top: 3px;
       font-family: Verdana;
       font-weight: bold;
       font-size: 14px;

       }   
       

    
#content{
	background-image: url(../images/inner_bkg.jpg);
	background-repeat: repeat-y;
	margin-left: 8px;
	    }        
  
#home{
	background-image: url(../images/inner_bkg.jpg);
	background-repeat: repeat-y;
	margin-left: 8px;
	    }      
  
.content_shell{
    width: 960px;
    color: #fff;
    padding-left: 23px;
	margin-bottom: -3px;
         } 
                
.inner{
    padding:0px 0px 0px 23px;
    min-height: 200px;
    font-size: 12px;
       }
       
#content .inner{
    padding:0px 0px 0px 23px;
    min-height: 200px;
    margin-right: 23px;
    font-size: 13px;
    line-height: 18px;
       }       

.inner p{
    margin-top: 15px;
    text-align: left;
    
    }

.inner .new{
    padding-top: 10px;
    padding-right: 25px;
    line-height: 17px;
    }

.locale{
    font-weight: bold;
    text-decoration: underline;
    line-height: 22px;    
    }

.sub_nav{ width: 215px; float: left; margin-top: 5px;}
.sub_content{

    padding-left: 15px;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    min-height: 250px;
    width: 660px; 
    float: left;}


#help{
    width: 568px;
    margin-top: 10px;    
    float: left;
    }

#help .callout_first{
    float: left;
    width: 184px; 
    line-height: 15px;         
    }
    
#help .callout{
    float: left;
    width: 184px;
    padding-left: 8px; 
    margin-bottom: 15px;  
    line-height: 15px;  
    }   
#help .txt{
    padding: 8px 0px 0px 6px;
    }
    
.btn_more{padding-top: 8px;}    
    
#video{
    width: 329px;
    height: 455px;
    background-color: #005643;
    float: right;
    margin-top: 10px;      
    }
#video .vid {
       padding: 16px 11px 18px 11px;}  
  
    
#video .content{
    padding: 0px 13px 15px 11px;
    }    
#video .btn{margin: 4px 0px;}


/* OUR CHIMPS */ 
 
.chimpItem	{
        opacity: 0.6;
        filter:alpha(opacity=60);
		display: none;
		border: 1px solid #000;
		height: 72px;
		background-color: #222222;
		padding: 5px 10px 0px 5px; 
	}
.chimpItem:hover	{
        opacity: 1.0;
        filter:alpha(opacity=100);
		background-color: #444444;
		padding: 5px 10px 0px 5px; 
	}
	
.view_bio {
    padding-top: 20px;
    }	
    
.view_bio a{
    color: #eaad00;
    text-decoration: underline;
    }	
    	
.family_header{
    border-bottom: 1px solid #333333;
    background-color: #005643;   
    }	
    
.chimpFamily	{
		width: 309px; 
		background-color: #005643; 
		padding:10px 0px 10px 20px;
        border-bottom: 1px solid  #333333;
        color: #000;
	}
	
.chimpFamily:hover	{
		width: 309px;
		background-image: url(/images/family_over.jpg);
		background-repeat: no-repeat;
		padding:10px 0px 10px 20px;
	}	

.hd_chimps{
 		background-image: url(/images/hd_chimps.jpg);
		background-repeat: repeat-x;   
        height: 33px;
        padding-top: 12px;
        padding-right: 10px;
        text-align: right;
    }	
    
.chimpItem .info{
    margin-left: 15px; 
    float: left;
    padding-top: 6px;    }	

.btns{float: right;}

.icn{padding: 0px 4px;}    
    
.migrationOff{opacity: .1;filter:alpha(opacity=10);}
	
.adoptionOff{opacity: .1;filter:alpha(opacity=10);}
	
.mealdealOff{opacity: .1;filter:alpha(opacity=10);}

/* About Us */  
  
.keypeople{text-indent: -40px; margin-left: 40px;}  
  
.pagesubheader{font-size: 16px; font-weight: bold;}

.orange_hd {
    font-size: 14px; 
            font-weight: bold;
            color: #fdac00;}
  
.names{color: #111; 
       font-weight: bold;}

.shop{border: 8px solid #111;padding: 1px;}

.btn_slider{text-align: center; padding-bottom:10px;}



/* FOOTER STYLES */
#footer{
    background-image: url(../images/footer_bkg.jpg);
    background-repeat: repeat-x;  
    color: #fff;
    font-weight: bold;
    font-size: 12px; 
    padding-bottom: 30px; 
      }
 
#footer a{
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    } 
    
#footer ul li{
    color: #b45301;  

    vertical-align: middle; 
    line-height: 14px;
    }    
    
#footer .links{
    padding: 0px 20px 0px 20px;    
    float: left;
    }    
 
 #footer .tagline 
 {
 	text-align: right;
     float: right; 
     padding-right: 40px;
     }   

#footer_shell{
    background-image: url(../images/footer_content.jpg);
    background-repeat: repeat-x; 
	margin-left: 8px;
	margin-right: 10px;
	padding-left: 23px;
	
	    }
	           
#footer_shell .footer_content{    
    background-color: #005643;
    background-image: url(../images/footer_content.jpg);
    background-repeat: repeat-x; 
    height: 122px;   
     } 

/* FORM STYLES */


.grid1{
	background: #F6E497;
	cursor: pointer;
}

.form0{
	background: #B9121b;
	font-weight: 800;
	color: #FCFAE1;
}

ul.errormessages{
    margin-top: -10px;
	color: Red;
}

ul.infomessages{
    margin-top: -10px;
	color: #fff;
}

.ftn{font-size: 10px;}

.top_pad{padding: 10px; }

.fields{
    padding: 2px 5px; 
    border: 2px solid #fdac00;
    background-image: url(../images/form_bkg.jpg);
    background-repeat: repeat-x;           
        }
        

        
.form1{
    padding:10px 0px 3px 0px;
    font-weight: bold;
      }

/* Donate */    
      
.don_nav{ width: 350px; float: left; margin-top: 5px;}
.don_content{ width: 400px; float: left; margin-top: 5px; padding-left: 30px;}
        
.table1 form1{}
.table1 th{padding: 5px; margin: 0px; text-align: left; width: 100px; }
.table1 th a{padding: 5px; margin: 0px; text-align: left; color: #0e4628;}
.table1 td{padding: 5px; margin: 0px; text-align: left;}


#giftBasket a:link, #giftBasket a:visited {
	display: inline;
	float: left;
	width: 90px;
	height: 40px;
	background: transparent url(../images/btn_nav_basket.jpg) no-repeat;
	text-align: left;
	text-transform: uppercase;
	font-size: 75%;
	font-weight: 700;
	color: #005341;
	padding: 14px 0 0 10px;
	}

#giftBasket a:hover { background-position: 0 -54px; color: #FFF; }

/* FAQs */

.faq_nav{ width: 300px; float: left;}
.faq_nav ul{margin: 5px 30px 20px 20px;}
.faq_nav li{margin: 0px;line-height: 16px;}

.faq_content{
    
     width: 560px; float: left; margin-top: 5px; padding-left: 25px;}
     
     
/* NEWS ITEMS */
.newsitem{padding: 5px 0px; vertical-align: middle;}
.date {font-weight: bold; width: 65px;}
.icon{ padding-left: 5px;}


/* SITE MAP */
dt a:link, dt a:visited {color:#FFF; text-decoration:none; font-size:150%;}
dt a:hover, dt a:active {text-decoration:underline;}
dd a:link, dd a:visited {text-decoration:none; margin-left:2em;}
dd a:hover, dd a:active {text-decoration:underline;}


/* Table */

.pic_border{
	border-collapse: collapse;	
	}
	
.pic_border .top_left{
    background-image: url(../images/border_a.gif);
    background-repeat: no-repeat;     	
	width: 9px;
	height: 8px;
	}	
	
.pic_border .top_right{
    background-image: url(../images/border_b.gif);
    background-repeat: no-repeat;     	
	width: 9px;
	height: 8px;
	}	
.pic_border .border_right{
    background-image: url(../images/border_right.gif);
    background-repeat: repeat-y;     	
	width: 9px;
	}	
	
.pic_border .border_top{
    background-image: url(../images/border_top.gif);
    background-repeat: repeat-x;     	
	}
	
.pic_border .border_bot{
    background-image: url(../images/border_bot.gif);
    background-repeat: repeat-x;     	
	}	
			
.pic_border .border_right{
    background-image: url(../images/border_right.gif);
    background-repeat: no-repeat;     	
	width: 9px;
	}
		
.pic_border .border_left{
    background-image: url(../images/border_left.gif);
    background-repeat: repeat-y;     	
	width: 9px;
	}	

	
.pic_border .bot_right{
    background-image: url(../images/border_c.gif);
    background-repeat: no-repeat;     	
	width: 9px;
	height: 8px;
	}	
.pic_border .bot_left{
    background-image: url(../images/border_d.gif);
    background-repeat: no-repeat;     	
	width: 9px;
	height: 8px;
	}