a
{
    outline: none;
}

:focus
{
    -moz-outline-style: none;
}

body
{
    background: #C6C6C6 url("../img/background.png") repeat-x;
}

#outline 
{
    width: 800px;
    background-color: #FFFFFF; 
    border: 1px solid #000000;
    margin: 0 auto;
}

#animals 
{     
    width: 800px;
    height: 60px;
    background-color: #FFFFFF; 
    border-bottom: 1px solid #000000;
}

#namebanner 
{ 
    width: 800px;
    height: 115px;
    background-color: #FFFF99; 
    border-bottom: 1px solid #000000;
}

#nav1
{
    width: 800px;
    height: 24px;
    background-color: #000066;
    border-bottom: 1px solid #000000;
}

#nav1a
{
    width: 99px;
    border-right: 1px solid #000000;
    float: left;
}
#nav1b
{
    width: 100px;
    border-right: 0px;
    float: left;
}

.nav1 a
{
    height: 20px;
    background: url("../img/nav1.png") 0 0 no-repeat;
    display: block;
    padding: 4px 0px 0px 0px;
    float: none;
    text-align: center;
    font: bold 14px arial;
    color: #FFFFFF;
    text-decoration: none;
}

.nav1 a:hover,
.nav1 a:active,
.nav1a a
{
    height: 20px;
    background: #99CCFF url("../img/nav1.png") 0 -60px no-repeat;
    display: block;
    padding: 4px 0px 0px 0px;
    float: none;
    text-align: center;
    font: bold 14px arial;
    color: #000000;
    text-decoration: none;
}

#nav3
{
    width: 800px;
    height: 19px;
    background: #99CCFF url("../img/nav2.png");
    border-bottom: 1px solid #000000;
}
#nav3a
{
    border-right: 1px dotted #000000;
    float: left;
}
.nav3 a:link,
.nav3 a:visited 
{
    color: #000033;
    font: bold 12px arial;
    text-decoration: none;
    display: block;
    padding: 2px 15px 3px 15px;
    float: none;
    text-align: center;
}
.nav3 a:hover,
.nav3a a
{
    color: #3300FF;
    font: bold 12px arial;
    text-decoration: none;
    display: block;
    padding: 2px 15px 3px 15px;
    float: none;
    text-align: center;
}

#nav2
{ 
    width: 800px;
    height: 22px;
    background: #99CCFF url("../img/nav2.png"); 
    border-bottom: 1px solid #000000;
}

#nav2 ul
{
    padding: 0 0 0 0;
    margin: 0;
}
#nav2 li
{
    display: inline;
}
.nav2 a:link,
.nav2 a:visited 
{
    color: #000033;
    font: bold 12px arial;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
}
.nav2 a:hover,
.nav2a a
{
    color: #3300FF;
    font: bold 12px arial;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
}

#main
{
    width: 750px;
    background-color: #FFFFFF;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 100px;
}

#paypaltable
{
    width: 220px;
    border-collapse: collapse;
}

#newstable
{
    width: 220px;
    background-color: #CCCCCC;
    border: 1px solid black;
    border-collapse: collapse;
}

#newsfont
{
    font: 14px Calibri;
    font-weight: bold;
}

h1
{
    font: 18px Calibri;
}

#centeredtext
{
    font: 16px Calibri;
    margin: 0px;
    text-align: center;
}

p
{
    font: 16px Calibri;
    margin-left: 10px;
}

#p2
{
    font: 16px Calibri;
    margin-left: 20px;
}

#adoptkey
{
    font: 12px Calibri;
}

#adopttable
{
    background-color: #CCCCCC;
    border: 1px solid black;
    border-collapse: collapse;
    width: 95%;
    padding: 0px;
}

#adopttable td
{
    padding-left: 10px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 0px;
}

#smallprint
{
    font: 12px Calibri;
}

ul
{
    font: 16px Calibri;
}

table
{
    font: 16px Calibri;
}

#rightphotoborder
{
    float: right;
    border: 1px solid #000000;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

#rightphotonoborder
{
    float: right;
    border: 0px;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

#leftphotoborder
{
    float: left;
    border: 1px solid #000000;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

#leftphotonoborder
{
    float: left;
    border: 0px;
    margin-left: 10px;
    margin-top: 3px;
    margin-right: 10px;
}

#photoborder
{
    border: 1px solid #000000;
}

#photoalbum
{
    border: 1px solid #000000;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
}

#photoalbumnoborder
{
    border: 0px;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
}

hr
{
    width: 95%;
    height: 1px;
    color: #666666;
}

#bottom
{
    font: 10px Arial;
    color: #333333;
    margin: 0px;
    text-align: center;
    padding: 10px 0px 15px 0px;
}

#main a:link,
#donation a:link,
#bottom a:link,
#main a:active,
#donation a:active,
#bottom a:active
{
    color: #3300FF;
    text-decoration: none;
}

#main a:visited,
#donation a:visited,
#bottom a:visited
{
    color: #0033CC;
    text-decoration: none;
}

#main a:hover,
#donation a:hover,
#bottom a:hover
{
    color: #000066;
    text-decoration: underline;
}

.julie a 
{
display: block;
width: 125px;
height: 125px;
background: url("../img/julie.jpg") 0 0 no-repeat;
text-decoration: none;
border: 1px solid #000000;
}
.julie a:hover { 
background-position: 0 -125px;
}
.shay a {
display:block;
width: 125px;
height: 125px;
background: url("../img/shay.jpg") 0 0 no-repeat;
text-decoration: none;
border: 1px solid #000000;
}
.shay a:hover { 
background-position: 0 -125px;
}
.joyce a {
display:block;
width: 125px;
height: 125px;
background: url("../img/joyce.jpg") 0 0 no-repeat;
text-decoration: none;
border: 1px solid #000000;
}
.joyce a:hover { 
background-position: 0 -125px;
}
.bobby a {
display:block;
width: 125px;
height: 125px;
background: url("../img/bobby.jpg") 0 0 no-repeat;
text-decoration: none;
border: 1px solid #000000;
}
.bobby a:hover { 
background-position: 0 -125px;
}

#donation
{
    border: 1px solid black;
    background: #FFFFFF;
}

#donation2
{
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}



a.twitter 
{
    display: block;
    width: 25px;
    height: 25px;
    padding: 0px 0 0 0;
    margin-left: 20px;
    background: transparent url(../img/twitter.png) no-repeat 0 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    float: left;
    border: 1px solid gray;
}
a.twitter:hover 
{
    background-position: 0 -25px;
}

a.facebook 
{
    display: block;
    width: 25px;
    height: 25px;
    padding: 0px 0 0 0;
    margin-left: 10px;
    background: transparent url(../img/facebook.png) no-repeat 0 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    float: left;
    border: 1px solid gray;
}
a.facebook:hover 
{
    background-position: 0 -25px;
}

a.myspace 
{
    display: block;
    width: 25px;
    height: 25px;
    padding: 0px 0 0 0;
    margin-left: 10px;
    background: transparent url(../img/myspace.png) no-repeat 0 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    float: left;
    border: 1px solid gray;
}
a.myspace:hover 
{
    background-position: 0 -25px;
}

a.youtube 
{
    display: block;
    width: 25px;
    height: 25px;
    padding: 0px 0 0 0;
    margin-left: 10px;
    background: transparent url(../img/youtube.png) no-repeat 0 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    float: left;
    border: 1px solid gray;
}
a.youtube:hover 
{
    background-position: 0 -25px;
}

a.blogger 
{
    display: block;
    width: 25px;
    height: 25px;
    padding: 0px 0 0 0;
    margin-left: 10px;
    background: transparent url(../img/blogger.png) no-repeat 0 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    float: left;
    border: 1px solid gray;
}
a.blogger:hover 
{
    background-position: 0 -25px;
}