html, body, div { margin: 0; padding: 0; }

body { 
font-family: "Futura", Arial, sans-serif; 
font-size: 13px; 
line-height: 16px; 
background: #5c4116;
color: #000000;
background-image: url(images/fullBGVert.jpg);
background-position: top center;
background-attachment: ;
background-repeat: repeat;
} 

h1 { 
font-size: 24px;
line-height: 24px; 
padding: 10px 0px 20px 0px;
border-bottom: 1px solid #BFA377;
color: #46320e;
}

h1.short {
font-size: 20px; 
line-height: 25px; 
padding: 5px 0px 0px 0px;
border-bottom: 0px solid #BFA377;
color: #46320e;
margin-bottom: 10px;
}

h2 { 
font-size: 16px;
margin-bottom: 0;
line-height: 18px;
} 

h3 {
font-size: 13px; 
font-weight: bold;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #BFA377;
color: black;
margin-bottom: -10px;
}

span.brown {
font-size: 13px;
font-weight: bold; 
line-height: 16px; 
padding: 0px;
color: #46320e;
}



h2.animalname {
margin-bottom: 0;
font-size: 22px;
}

.a_title {
font-size: 18px;
background: #AA9E86;
padding: 3px 0 3px 5px;
margin: 5px 7px 0 0;
}

.a_content {
margin-top: 0;
}

#animaltabs {
margin-right: 230px;
border-bottom: 1px solid #BFA377;
padding: 10px;
}

#animaltabs a {
padding: 10px;
border-bottom: 1px solid #BFA377;
color: #9C6921;
font-size: 15px;
font-weight: bold;
}

#animaltabs a:hover {
color: #000000;
}

#animaltabs a.current {
border-left: 1px solid #BFA377;
border-right: 1px solid #BFA377;
border-bottom: 1px solid #D5C6A7;
background: #D5C6A7;
color: #000000;
}

#animallist {
font-size: 12px;
padding: 0 0 5px 0;
margin: 5px 230px 0 0;
border-bottom: 1px solid #BFA377;
}

#region a {
font-size: 14px;
color: #9C6921;
}

#region a:hover {
color: #000000;
}



/* IMAGES THAT FLOAT LEFT AND RIGHT */


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

img.right {
float: right;
margin: 0 0 10px 10px;
}

/* END FLOATING IMAGES */




a { text-decoration: none; }
a:link { color: green; } 
a:visited { color: green; } 
a:hover { color: black; } 
a:active { color: green; } 

.clear { 
clear: both;
}

#admin {
background: #3F3B32;
font: 11px arial, sans-serif;
margin: 0; padding: 0;
}

#admin p {
padding: 0 0 10px 10px;
margin: 0;
color: #FFFFFF;
}

#admin a {
display: block;
margin: 0;
padding: 0 0 5px 5px;
color: #FFFFFF;
font: 18px arial, sans-serif;
background: url(images/nav_back.jpg) left top no-repeat;
}

#admin a:hover {
background: url(images/nav_back_over.jpg) left top no-repeat;
}






#OLDwrap {
width: 950px;
margin: 0 auto 0 auto;
border-right: 1px solid #71480c;
border-left: 1px solid #71480c;
background: url(images/content_back.jpg) left top repeat;
}

#header { 
position: relative;
height: 90px;
background: url(images/head_back.jpg) left top repeat-x;
} 

#slogan {
margin: 0;
padding: 0;
position: absolute;
color: #98937F;
font-size: 14px;
left: 230px;
top: 35px;
}

#toplinks {
margin: 0;
padding: 0;
position: absolute;
top: 5px;
right: 5px;
font-size: 11px;
color: #98937F;
}

#toplinks a {
color: #98937F;
}

#toplinks a:hover {
text-decoration: underline;
}

#search {
position: absolute;
right: 5px;
bottom: 5px;
font-size: 15px;
color: #000000;
}

#nav { 
text-align: center;
background: #46320e;
padding: 3px 0 3px 0;
z-index: 1000;
} 

#nav a {
color: #FFFFFF;
font-size: 16px;
padding: 4px 15px 4px 15px;
}

#nav .subnav {
text-align: left;
padding: 10px 0 5px 0;
position: absolute;
visibility: hidden;
background: #3F3B32;
}

#nav .subnav a {
font-size: 12px;
display: block;
padding: 4px 7px 4px 7px;
background: url(images/nav_back.jpg) left bottom no-repeat;
}

#nav .subnav a:hover {
background: url(images/nav_back_over.jpg) left top no-repeat;
color: #FFFFFF;
}

#nav .subnav2 {
text-align: left;
padding: 10px 0 5px 0;
position: absolute;
visibility: hidden;
background: #3F3B32;
}

#content_home { 
background: #D5C6A7;
} 

#OLDcontent{ 
padding: 1px 15px 15px 15px;
}

#bannerpage {
margin: 0 225px 0 0;
padding: 0 0 30px 10px;
}

#bannerpage h1 {
border: none; 
margin: 20px 0 0 0; 
padding: 0;
}



/* NEW CSS NEW CSS NEW CSS NEW CSS NEW CSS NEW CSS NEW CSS NEW CSS*/

#wrap {
width: 950px;
margin: 0 auto 0 auto;
padding: 0px;
background: url(images/content_back.jpg);
background-position: top left;
background-repeat: repeat;
background-color: ;
}


#content {
width: 950px;
float: right;
margin: 0px;
padding: 0px 0 30px 0;
background: url(images/content_back.jpg);
background-position: top left;
background-repeat: repeat;
background-color: ;
}


#main_1 {
width: 740px;
float: right;
margin: 0 20px 0 0;
padding: 0 0px 0px 0px;
background: ;
}

#main_1_left {
width: 498px;
float: left;
margin: 0px 20px 0px 0px;
border-left: 1px solid #BFA377;
padding: 0 0 0px 20px;
background: ;
}

.main_1_left_item {
width: 490px;
clear: both;
margin: 0px 0px 20px 0px;
border-bottom: 1px solid #BFA377;
padding: 0 0 20px 0px;
background: ;
}

.main_1_left_item img {
float: right;
margin-left: 10px;
}


#main_1_right {
width: 180px;
float: right;
margin: 0px 0px 0px 0px;
border-left: 1px solid #BFA377;
padding: 0 0 0px 19px;
background: ;
}

#main_1_right img {
margin-bottom: 5px;
border-style: none;
border: 1px solid black;
background-color: ;
}



#main_2 {
width: 740px;
float: right;
margin: 0 20px 0 0;
padding: 0 0px 0px 0px;
background: ;
}

#main_2_left {
width: 340px;
float: left;
margin: 0px 20px 0px 0px;
border-left: 1px solid #BFA377;
padding: 0 0 0px 20px;
background: ;
}

#main_2_right {
width: 350px;
float: right;
margin: 0px 0px 0px 0px;
border-left: 0px solid #BFA377;
padding: 0 0 0px 0px;
background: ;
}

#main_2_right img {
margin-bottom: 20px;
}


#left {
width: 150px;
margin: 70px 20px 0px 20px;
padding: 0 0 0px 0px;
background: ;
}

#left a {
display: block;
width: 144px;
color: #000000;
background: #d3cab7;
border-left : 1px solid #fff;
border-top : 1px solid #fff;
border-right : 1px solid #666;
border-bottom : 1px solid #aaa;
padding: 3px;
font-size: 13px;
margin-bottom: 2px;
}

#left a:hover {
color: #FFFFFF;
background: #584e37
}



#bottom_ads {
width: 950px;
margin: 0px 0px 0px 0px;
padding: 0 0 0px 0px;
background: ;
}

#bottom_ads img {
margin-bottom: 5px;
float:left;
border-style: none;
border: 1px solid black;
background-color: ;
}


/* END NEW CSS END NEW CSS END NEW CSS END NEW CSS END NEW CSS END NEW CSS*/








/* CALENDAR PAGE LAYOUT */

.event_image {
float:left;
padding:5px;
border:1px solid black;
margin-right:0px;
background-color:;
}


.event_info {
float:right;
width:430px;
background-color:;
}






/* END CALENDAR PAGE LAYOUT */










/* RIGHT FLOATING BOX FOR ADS */

#right {
width: 180px;
float: right;
margin: 30px 0 10px 10px;
border-left: 1px solid black;
padding: 0 0 10px 19px;
background-color: ;
}


/* LEFT FLOATING BOX FOR LEFT NAV */


#OLDleft {
width: 150px;
float: left;
margin: 0 10px 10px 0;
padding: 0 0 10px 0;
}



#OLDleft a {
display: block;
width: 100%;
color: #000000;
background: #d3cab7;
border-left : 1px solid #fff;
border-top : 1px solid #fff;
border-right : 1px solid #666;
border-bottom : 1px solid #aaa;
padding: 3px;
font-size: 13px;
margin-bottom: 2px;
}

#OLDleft a:hover {
color: #FFFFFF;
background: #584e37
}

#animal {
padding: 0 0 10px 0;
margin: 0 0px 10px 20px;
}

#animal_right {
float: right;
width: 200px;
height:222px;
padding: 0px;
text-align: center;
margin: 0px 30px 10px 0px;
background-color: ;
}

#animal img, #main img, #main2 img {
border: 1px solid #BFA377;
}

#animal p {
max-width: 450px;
}

#content .noborder { 
border: none; 
}

#content .noborderright { 
border: none; 
float: right;
}

#animal_special {
text-align: left;
color: #9C6921;
}


/* MAIN BOX WITH 170 LEFT MARGIN */


#main {
padding: 0 0 10px 10px;
margin: 0 0px 10px 170px;
border-left: 0px solid #BFA377;
background-color: ;
}


/* MAIN BOX WITH 170 LEFT MARGIN AND 225 RIGHT MARGIN */


#OLDmain2 {
padding: 0 0 0 10px;
margin: 0 230px 10px 170px;
border-left: 0px solid #BFA377;
}

/* MAIN BOX WITH NO LEFT MARGIN AND 225 RIGHT MARGIN */


#main3 {
padding: 0 0 10px 10px;
margin: 0 225px 10px 10px;
border-left: 1px solid #BFA377;
}


/* Below is for the gallery pages with text on left and photos on right */


/* PHOTO GALLERY BOX FOR RIGHT SIDE OF PAGE */


#OLDrightsidephotos {
width: 352px;
float: right;
margin: 0px 0px 10px 0px;
padding: 0 0 0px 0px;
border: 0px solid white;
background-color: ;
}

#OLDleftsidetext {
width: 358px;
margin: 0px 0PX 0px 0px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 40px;
padding-left: 0px;
border: 0px solid white;
background-color: ;
background-image: ;
background-position: bottom left;
background-repeat: no-repeat;
}

/* Done gallery pages */




/* Below are the small blocks that go into the main div.  */


.item2 {
min-height: 40px;
border-bottom: 0px solid #BFA377;
padding: 10px 20px 20px 20px;
background-image: url(images/itemBG.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color: ;
}

.item {
min-height: 180px;
border-top: 1px solid white;
padding: 10px;
margin-bottom: 0px;
background: #bcad8e;
}

.itemfull {
min-height: 300px;
border-top: 1px solid white;
padding: 20px;
margin-bottom: 0px;
background: #bcad8e;
}

#bottomads {
text-align: center;
background: #D5C6A7; 
}

#bottomads a {
display: block;
float: left;
height: 121px;
margin: 0 
padding: 0;
}

#ad_amphibians { width: 237px; background: url(images/amphibs_ad.jpg) left top no-repeat #D5C6A7; }
#ad_amphibians:hover { background: url(images/amphibs_ad_mo.jpg) left top no-repeat #D5C6A7; }

#ad_adopt { width: 238px; background: url(images/adopt_ad.jpg) left top no-repeat #D5C6A7; }
#ad_adopt:hover { background: url(images/adopt_ad_mo.jpg) left top no-repeat #D5C6A7; }

#ad_feed { width: 240px; background: url(images/feedgiraffes_ad.jpg) left top no-repeat #D5C6A7; }
#ad_feed:hover { background: url(images/feedgiraffes_ad_mo.jpg) left top no-repeat #D5C6A7; }

#ad_member { width: 235px; background: url(images/membership_ad.jpg) left top no-repeat #D5C6A7; }
#ad_member:hover { background: url(images/membership_ad_mo.jpg) left top no-repeat #D5C6A7; }

#leftnav { 
width: 170px;
margin: 0 0 0 20px;  
} 

#footer {
width: 950px;

color: #98937F;
text-align: center;
background-color: #dfd8cb;
}

#footer p {
margin: 0;
padding: 20px 0 10px 0;
clear: both;
font-size: 11px;
}

#footer_right {
padding: 10px 10px 0 0;
float: right;
}

#footer_left {
padding: 10px 0 0 20px;
float: left;
}

#footer a {
padding-right: 10px;
color: #FFFFFF;
font-size: 14px;
line-height: 16px;
background: ;
}