body {
margin:0px 0px;
   padding:0px;
}

#contents {
position:absolute;
margin-top: 10px;
margin-left:-400px;
left:50%;
width: 800px;
padding: 0px;
background-color: #FFF;
color: #000;
background-image:url(../../Images/background.jpg);
}

#buttons {
 width: 166px;
 height: 600px;
 background: url(../../Images/testing.gif);
 margin: -97px 0px; padding: 0;
 position: relative;
 text-align:left;
 background-repeat:no-repeat;
 overflow: hidden;
 }
#buttons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#buttons a {display: block;}

#index {left: -1px; top: 2px; width: 67px; height: 62px;}
#about {left: -10px; top: 75px; width: 67px; height: 81px;}
#success {left: 7px; top: 163px; width: 75px; height: 81px;}
#gallery {left: -13px; top: 253px; width: 73px; height: 85px;}
#events {left: -13px; top: 345px; width: 82px; height: 83px;}
#contact {left: -3px; top: 430px; width: 80px; height: 80px;}
#members {left: -10px; top: 512px; width: 84px; height: 88px;}
#available {left: 75px; top: 10px; width: 82px; height: 85px;}
#adopt {left: 65px; top: 100px; width: 98px; height: 88px;}
#donate {left: 74px; top: 210px; width: 102px; height: 82px;}
#shop {left: 72px; top: 303px; width: 88px; height: 89px;}
#foster {left: 77px; top: 396px; width: 82px; height: 82px;}
#help {left: 66px; top: 490px; width: 98px; height: 90px;}
#index a {height: 62px;}
#about a {height: 81px;}
#success a {height: 81px;}
#gallery a {height: 85px;}
#events a {height: 83px;}
#contact a {height: 80px;}
#members a {height: 88px;}
#available a {height: 85px;}
#adopt a {height: 88px;}
#donate a {height: 82px;}
#shop a {height: 89px;}
#foster a {height: 82px;}
#help a {height: 90px;}

#index a:hover {background: url(../../Images/testing.gif) -179px -2px no-repeat;}
#about a:hover {background: url(../../Images/testing.gif) -170px -75px no-repeat;}
#success a:hover {background: url(../../Images/testing.gif) -177px -163px no-repeat;}
#gallery a:hover {background: url(../../Images/testing.gif) -167px -253px no-repeat;}
#events a:hover {background: url(../../Images/testing.gif) -167px -345px no-repeat;}
#contact a:hover {background: url(../../Images/testing.gif) -177px -430px no-repeat;}
#members a:hover {background: url(../../Images/testing.gif) -167px -512px no-repeat;}
#available a:hover {background: url(../../Images/testing.gif) -255px -10px no-repeat;}
#adopt a:hover {background: url(../../Images/testing.gif) -249px -100px no-repeat;}
#donate a:hover {background: url(../../Images/testing.gif) -254px -210px no-repeat;}
#shop a:hover {background: url(../../Images/testing.gif) -252px -304px no-repeat;}
#foster a:hover {background: url(../../Images/testing.gif) -257px -397px no-repeat;}
#help a:hover {background: url(../../Images/testing.gif) -250px -490px no-repeat;}

#shiftText_home {text-indent: -9000px; background: url(Images/Buttons/home1.jpg);}
#shiftText_about {text-indent: -9000px; background: url(Images/Buttons/about1.jpg);}
#shiftText_success {text-indent: -9000px; background: url(Images/Buttons/success1.jpg);}
#shiftText_gallery {text-indent: -9000px; background: url(Images/Buttons/gallery1.jpg);}
#shiftText_calendar {text-indent: -9000px; background: url(Images/Buttons/event1.jpg);}
#shiftText_members {text-indent: -9000px; background: url(Images/Buttons/member1.jpg);}
#shiftText_available {text-indent: -9000px; background: url(Images/Buttons/available1.jpg);}
#shiftText_adopt {text-indent: -9000px; background: url(Images/Buttons/adopt1.jpg);}
#shiftText_donate {text-indent: -9000px; background: url(Images/Buttons/donate1.jpg);}
#shiftText_shop {text-indent: -9000px;}
#shiftText_foster {text-indent: -9000px; background: url(Images/Buttons/foster1.jpg);}
#shiftText_help {text-indent: -9000px; background: url(Images/Buttons/help1.jpg);}
#shiftText_contact {text-indent: -9000px; background: url(Images/Buttons/contact1.jpg);}

a:link { color: blue; text-decoration: underline }
a:active { color: blue; text-decoration: underline }
a:visited { color: purple; text-decoration: underline }
a:hover { color: blue; text-decoration: underline }

#header{
position:relative;
top:0px;
left:166px;
padding:0px;
border:none;
}

#text{
position:relative;
left:166px;
top:-370px;
width:550px;
height:100%;
margin-left:42px;
}

h1{
font-size:1%;
line-height:1px;
text-align:center;}

h2{
font-family:georgia;
font-size:24px;
text-align:center;
}

h3{
font-family:arial;
font-size:18px;
}

h5{
font-family:georgia;
font-size:16px;
}

.text{
font-family:georgia;
font-size:13px;
line-height:1.4em;
}

ul { 
list-style-image: url(../../Images/bl_paw.gif);
font-family:georgia;
font-size:13px;
line-height:1.4em;
}

.pq_thanks 
{width: 210px;
color:#D43D1A;
float: right;
font-weight:bold;
line-height:100%;
margin-left:10px;
font-family:trebuchet,tahoma;
font-size:8px;
}

.pq_dillon 
{width: 256px;
color:#D43D1A;
float: right;
font-weight:bold;
line-height:100%;
margin-left:10px;
font-family:trebuchet,tahoma;
font-size:8px;
}

.pq_store
{width: 150px;
height: 145px;
margin-bottom: 10px;
color:#D43D1A;
float: right;
font-weight:bold;
line-height:100%;
margin-left:10px;
font-family:trebuchet,tahoma;
font-size:8px;
}

.pq_progress 
{width: 160px;
height: 200px;
color:#D43D1A;
float: right;
font-weight:bold;
line-height:100%;
margin-left:10px;
font-family:trebuchet,tahoma;
font-size:8px;
}

.pq_LF 
{width: 185px;
height: 125px;
color:#D43D1A;
float: left;
font-weight:bold;
line-height:100%;
margin-left:5px;
font-family:trebuchet,tahoma;
font-size:8px;
}

.emphasis{
  color: #b22222;
  font-weight: bold;
  font-family:georgia;
  font-size:13px;
  line-height:1.4em;
}

.replace{
      position:relative;
      text-align:left;
      margin:0px; padding:32px 5px;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}
.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1; /*for Opera  5 and 6*/ } 

h2#thanks span{background-image:url("Images/Thankyou.JPG"); height:89px; width:407px;}

.img-shadow {
  float:left;
  background: url(../images/shadowalpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
 } 

table.mainadmin {
}

td.adminheader {
color: #ffffff; 
background-color: #336699; 
vertical-align: top;
text-align: left;
padding:2px; 
border-top: 1px;
border-right: 1px;
border-left: 1px;
border-bottom: 0px;
border-style: solid;
border-color: #003366;
vertical-align: center;
}

td.adminbody {
font-family:georgia;
font-size:13px;
line-height:1.4em;
vertical-align: top;
text-align: left;
}

table.subnav {
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-size: 80%; 
vertical-align: top;
text-align: left;
border-left: 1px;
border-right: 1px;
border-bottom: 1px;
border-top: 0px;
border-color: #003366;
border-style: solid;
padding-left:10px; 
padding-right:5px; 
}

.topnav {
vertical-align: middle;
text-align: center;
border: 1px;
border-style: outset;
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-size: 80%; 
font-weight: bold;
width: 20%;
}

span.heading {
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-size: 130%; 

}

span.smerrortxt {
font-family: Arial, Helvetica, sans-serif; 
font-size: 90%; 
color: #990000;

}

td.galheader {
vertical-align: top;
text-align: left;
padding:2px; 
border: 1px;
border-style: solid;
border-color: #003366;
font-family:  Arial, Helvetica, sans-serif; 
font-size: 100%;
}

td.galdetails {
vertical-align: top;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
}

a.gallery:Link {color: #006699; }
a.gallery:Visited { color: #336699;}
a.gallery:Active {color: #336699; }
a.gallery:Hover {color: #336699;}

a.smadminlink:Link {color: #006699; text-decoration: none; }
a.smadminlink:Visited { color: #336699;text-decoration: none;}
a.smadminlink:Active {color: #336699; text-decoration: none;}
a.smadminlink:Hover {color: #336699;text-decoration: none;}

a.subnav:Link {color: #000000; text-decoration: none;}
a.subnav:Visited { color: #000000;text-decoration: none;}
a.subnav:Active {color: #000000; text-decoration: none;}
a.subnav:Hover {color: #000000;text-decoration: none;}

a.gallerytitlelink:Link {color: blue; text-decoration: none; font-family: georgia; font-size: 13px; line-height:1.4em; text-align: center; }
a.gallerytitlelink:Visited { color: blue; text-decoration: none; font-family: georgia; font-size: 13px; line-height:1.4em; text-align: center; }
a.gallerytitlelink:Active {color: purple; text-decoration: none; font-family: georgia; font-size: 13px; line-height:1.4em; text-align: center; }
a.gallerytitlelink:Hover {color: blue; text-decoration: none; font-family: georgia; font-size: 13px; line-height:1.4em; text-align: center; }

span.footer {
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-size: 70%;
text-align: center;}

td.smadmin {
font-family: Arial, Helvetica, sans-serif; 
font-size: 90%;
color: #808080 ;
}

.errortxt {
color: #CC0033;
font-weight: bold;
font-size: 110%;
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
}

td.resultline-alt {
text-align: left;
}

td.resultline-light {
text-align: left;
}

td.resultline-rlight {
text-align: right;
}
td.resultline {
}


input.formbutton {
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-size: 90%; 
color: #000000;
font-weight: bold;
border:1px solid;
padding: 0px;
border-top-color:#000033;
border-left-color:#000033;
border-right-color:#000033;
border-bottom-color:#000033;
background-color: #6699CC;
filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffff',EndColorStr='#6699CC');}


}

input, textarea, select {
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-size: 90%; 
color: #000000;

}

span.highlighttxt {
background-color: #FFCC99; 
font-weight: bold;
}