@charset "UTF-8";
/* CSS Document */

body {
margin: 0px; padding: 0px;
background: transparent url("images/bkg_img.jpg") repeat-x;
text-align: justify;}

#container {
width: 899px;
margin: 0 auto 0 auto;
text-align: justify;
font-family: Arial;
font-size: 12px;}

#navigation {
width: 899px;
height: 67px;}

#navigation div, #navigation a {
display:block;
float: left;
height: 67px;
background-repeat: no-repeat;}

#navigation a:hover {
background-position: 0 0;}

#navigation a span { display: none; }
#navi0 { background-image: url("images/home.jpg"); width: 67px; }
#navi1 { background-image: url("images/about_us.jpg"); width: 98px; }
#navi2 { background-image: url("images/adopt.jpg"); width: 75px; }
#navi3 { background-image: url("images/available_dogs.jpg"); width: 152px; }
#navi4 { background-image: url("images/happy_tails.jpg"); width: 118px; }
#navi5 { background-image: url("images/thatll_do.jpg"); width: 115px; }
#navi6 { background-image: url("images/donate.jpg"); width: 87px; }
#navi7 { background-image: url("images/contact_us.jpg"); width: 123px; }
#navi8 { background-image: url("images/links.jpg"); width: 64px; }

#header {
width: 899px; height: 320px;
text-align: justify;}

#body {
background: #FFFFFF;
width: 899px;
text-align: justify;}

#footer {
background: #FFFFFF;
width: 899px;
text-align: center;}

h1 {
margin: 0px 0px 0px px;
color: #802F21;
font-family: arial;
font-size: 16px;
font-style: bold;
text-align: left;}

h2 {
margin: 0px 0px 0px px;
color: #A09973;
font-family: arial;
font-size: 14px;
font-style: bold;
text-align: left;}

p {
margin: 0px 0px 0px px;
color: #000000;
font-family: arial;
font-size: 12px;
font-style: none;
text-align: justify;}

div.hr {
height: 11px;
background: #fff url("images/mini_footer.jpg") no-repeat scroll center;
padding: 20px;}

div.hr hr {
display: none;}

div.hr2 {
height: 15px;
background: #fff url("images/div.jpg") no-repeat scroll center;
padding: 20px;}

div.hr2 hr {
display: none;}

div.hr3 {
height: 15px;
background: #fff url("images/dogsavailablediv.jpg") no-repeat scroll center;
padding: 20px;}

div.hr3 hr {
display: none;}

a:link, a:active, a:visited {
text-decoration: underline;
font-weight: bold;
font-size: 9pt;
color: #608022;}
 
a:hover {
text-decoration: underline;
font-weight: bold;
font-size: 9pt;
color: #466608;}

.image {
background-color: #FFFFFF;
border: 2px solid #802F21;
padding: 0px;
margin: 5px;} 

.image:hover  {
background-color: #FFFFFF;
border: 2px solid #A09973;
padding: 0px;
margin: 5px;}

ul {
text-align: justify;
text-decoration: none;}

li {
text-align: justify;
text-decoration: none;}

table, tr, td {
text-align: justify;}

.table-left{width:100%;}