/* Adopt page 2009 styles and layout   2 May 206 */

html, body {
background: #fff;
text-align: left;
margin: 0; padding: 0;
}
img {
padding: 0; border: 0;
}
a img {
text-decoration: none; border: 0;
}

div#wrapper {
width: 760px;
position: relative;
left: 50%;
margin: 0 0 0 -380px;
height: 1%;
overflow: auto;
padding-bottom: 3em;
}

#banner {
margin: 0 0 20px 0;
text-align: left;
width: 740px;
}
#main {
width: 740px;
}

#footer {
display: block;
margin: 12px 0 36px 0;
width: 738px;
}

#footer #navbar {
background: #FFFACC;
text-align: center;
padding: 4px;
}

#footer #info {
font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 6px 0 8px 0;
border: 2px solid #ff3;
border-width: 2px 0;
}

/*type*/
#banner p {
font: 13px/18px georgia, times, 'times new roman', serif;
margin: 1em 0;
}

#main img {
float: left;
display: inline;
margin: 0 12px 0 0;
}
#main .nopic {
float: left;
width: 64px; height: 92px;
display:inline;
margin: 0 12px 0 0;
border: 1px solid #ccc;
}
#main a {
font-weight: bold;
font-size: 1.1em;
color: #900;
}
#main a:hover img {
border: 1px solid #c00;
margin-right: 10px
}

#banner h3 {
font: bold 14px/17px verdana, arial, helvetica, sans-serif;
color: #039;
background: none;
margin: 0 0 4px;
padding: 0;
width: 100%;
}
h3 { /* section hed - type of animal */
clear: left;
font: bold 16px/17px verdana, arial, helvetica, sans-serif;
color: #fff;
background: #800;
padding: 2px 4px 3px;
margin: 0 0 18px 0;
width: 732px;
}
#main h4 { /* name of animal */
float: left;
width: 230px;
font: bold 12px/16px verdana, arial, helvetica, sans-serif;
color: #c00;
margin: 0;
}
#main p {
float: left;
width: 260px;
height: 102px; /* 6 lines for more consistent depth */
font: 12px/17px  verdana, helvetica, arial, sans-serif;
text-align: left;
margin: 0 0 2em;
}
#main p.x2 {
margin: 0 0 2em;
}
#main p.x25 {
margin: 0 0 2.5em;
}
.clr {
clear: left }
h3.dogs { 
background: #795442;
}
h3.rabbits { 
background-color: #E5E2D5;
color: #600;
}
h3.birds {
background-color: #00801D;
}
h3.gpigs { 
background: #CCBCAC;
color: #730;
}
h3.ferrets { 
background: #ADA19C;
}

/*Announcements at top*/

#update {
font: 11px/14px verdana, arial, helvetica, sans-serif;
text-align: center;
border: 1px solid #FC0; padding: 2px 4px 3px;
background: #FFFFE0;
margin: 1em 0 0 0;
}

#notice {
font: bold 12px/15px verdana, arial, helvetica, sans-serif;
border: 1px solid #036; padding: 2px 4px 3px;
background: #D1D1FF;
margin: 1em 0 1.5em;
text-align: center;
}
.boxad-adopt {  /* floats to right of logo */
float:right; display:inline;
width: 262px;
padding: 8px;
margin-top:57px;
font: normal 12px/16px verdana,  helvetica, arial, sans-serif;
text-align:center;
border: 1px solid #900;
background: #ffc;
}

.boxedAnncmt  { /* Sets across page below logo */
border: 2px solid #900;
margin-top: 30px;
padding: 10px 8px 12px 12px;
background: #fff1de;
}
.boxedAnncmt h3 {
font: bold 16px/18px georgia, times, 'times new roman', serif;
margin: 0 0 .4em;
color: #900;
}
.boxedAnncmt p {
font: 12px/17px  verdana, arial, helvetica, sans-serif;
margin: 0 0 .5em;
}

/*links*/

a, #main p a {
text-decoration: none;
border: 0;
color: #900;
}
#main p a {
font-weight: bold;
}
a:visited {
color: #700;
}
a:hover, #main p a:hover {
color: #153cb8;
}
a:active, #main p a:active {
color: #900;
}
a.hilite {
font-weight: bold;
background: #ff9;
padding: 1px 2px 2px 1px;
}

#navbar, #navbar a, #navbar a:visited {
color: #c00;
font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
#navbar { color: #666 }

#navbar a:hover {
color: #00C;
}
#navbar a:active {
color: #c00;
}