﻿html {
overflow: scroll;}

/* MAIN BODY */

body {
background-color: #DDC98C;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
text-align: left;}

/* MAIN DIV */

#container {
width: 760px;
text-align: left;
background-image: url('images/dot_bg.gif');
background-repeat: repeat-y;
margin: 1px auto 0px auto;
/*min-height: 471px; without updated date box*/
/*min-height: 574px; with updated date box*/
min-height: 574px;}

/* BANNER AND CONTENT */

#top {
height: 75px;
padding-bottom: 11px;
background-color: #DDC98C;}

#content {
width: 565px; /*added width for IE6*/
margin-left: 185px;
padding: 12px 0px 1px 0px;}

#content p { 
margin: 3px 0 1.2em 0;}

/* LEFT COL AND NAV */

#leftnav {
float: left;
width: 155px;
padding: 10px 10px 0 10px;
margin: 0;}

ul#navigation {
list-style-type: none;
/* width: 155px; ... I don't think this is necessary?? */
margin: 0 0 10px 0;
padding: 0;}

ul#navigation li {
list-style-type: none;}

ul#navigation li a {
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
height: 28px;
background-image: url('images/vert_nav_btn.gif');
background-repeat: no-repeat;
font-size: 11px; 
line-height: 26px;
display: block; 
/* width: 155px; ... I don't think this is necessary?? */
color: #61441b; 
text-decoration: none;}

ul#navigation li a:hover {
background-image: url('images/vert_nav_hov.gif')}

/* SITE UPDATED BOX */

ul#updated {
list-style-type: none;
padding: 0; 
margin: 20px 0 0 0; 
background-color: #65829f; 
border: thick #FFFFFF double;}

ul#updated li {
list-style-type: none;}

ul#updated li a {
list-style-type: none;
text-align: center;
font-weight: bold;
font-size: 12px;
line-height: 16px;
padding: 5px 0 6px 0;
margin: 0;
display: block;
text-decoration: none;
color: white;
width: 145px;}

/* STICKY STARS ON NAV */

body#about a#aboutnav {
background-image: url('images/vert_nav_hov.gif')}

body#benefactors a#benefactorsnav {
background-image: url('images/vert_nav_hov.gif')}

body#contact a#contactnav {
background-image: url('images/vert_nav_hov.gif')}

body#eagle a#eaglenav {
background-image: url('images/vert_nav_hov.gif')}

body#education a#educationnav {
background-image: url('images/vert_nav_hov.gif')}

body#home a#homenav {
background-image: url('images/vert_nav_hov.gif')}

body#links a#linksnav {
background-image: url('images/vert_nav_hov.gif')}

body#news a#newsnav {
background-image: url('images/vert_nav_hov.gif')}

body#newsletter a#newsletternav {
background-image: url('images/vert_nav_hov.gif')}

body#photo a#photonav {
background-image: url('images/vert_nav_hov.gif')}

body#sponsor a#sponsornav {
background-image: url('images/vert_nav_hov.gif')}

body#store a#storenav {
background-image: url('images/vert_nav_hov.gif')}

body#support a#supportnav {
background-image: url('images/vert_nav_hov.gif')}

body#wishlist a#wishlistnav {
background-image: url('images/vert_nav_hov.gif')}

/* TEXT FORMATTING */

ul#credittext {
list-style-type: none;
margin: 0 0 .8em 0;
padding: .3em 0 0 0}

ul#credittext li {
font-size: .8em;
line-height: 1.1em;
text-decoration: none;}

.smalltext {
font-size: .8em;}

.smalltextright {
font-size: .8em;
text-align: right;}

.centerclass {
text-align: center;}

.contactinfo {
text-align: center;
padding: .8em;
border: 1px solid #000000;
background-color: #FFFFFF;
width: 180px}

.newsdate {
color: #FFFFFF;
background-color: #AF6F43;
font-size: 11px;
padding: 0 10px;
margin-right: 6px;}

.benefactors {
font-size: 1.4em;
padding-left: 25px;}

/* PHOTO GALLERY FORMATTING */

div.float {
float: left;
position: relative;
text-align: center;
padding: 0;
margin: 0;}

div.gallerycaption {
text-align: center;
padding: 4px 0 0 0;}

div.spacer {
/*("Return to top")*/
clear: both;
text-align: right;
font-size: 10px;
width: 563px;
padding: 8px 0 14px 0;}

/* OTHER PHOTO AND CAPTION FORMATTING */

.holderfat { 
text-align: center;
padding-bottom: 1em;}

.holderthin { 
text-align: center;
padding-bottom: .3em;}

.italicscaption {
clear: both;
padding: 3px 20px;
font-style: italic;
text-align: center;}

/* TABLE FORMATTING */

table#animalstosponsor {
text-align: left;
border-top: 1px;
border-top-color: #61441B;
border-top-style: solid;
border-bottom: 1px;
border-bottom-color: #61441B;
border-bottom-style: solid;
margin: 0px auto}

table#animalstosponsor td {
padding: 5px 20px;}

.topcell {
font-weight: bold;
border-bottom: 1px;
border-bottom-color: #61441B;
border-bottom-style: solid;}

.coloredrow {
background-color: #DDC98C;}

.returntotable {
font-size: .8em;
text-align: right;
padding-bottom: 1em;
clear: right;}

/* LINKS AND IMG */

/* changed back to default for usability
a:link {
color: #1d6800;}

a:visited {
color: #af6f43;}

a:hover {
color: #af6f43;}

a:active {
color: #7f8d47;} */

img {
border: solid 0;
border-style: none;}