body{

   margin:0px 0px;

   padding:0px;

   }

   

#contents {

position:absolute;

margin-top: 0px;

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;}


#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;

}



h4{

text-align:center;}



h5{

font-family:georgia;

font-size:16px;

}



.text{

font-family:georgia;

font-size:13px;

line-height:1.4em;

}



.sm_text{

font-family:georgia;

font-size:11px;

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: 245px;

height: 245px;

margin-bottom: 10px;

padding-bottom: 10px;

color:#D43D1A;

float: right;

text-align:right;

font-weight:bold;

line-height:100%;

margin-left:10px;

font-family:trebuchet,tahoma;

font-size:8px;

}



.pq_donations

{width: 343px;

height: 237px;

margin-bottom: 10px;

padding-bottom: 10px;

color:#D43D1A;

float: right;

text-align:right;

font-weight:bold;

line-height:100%;

margin-left:10px;

font-family:trebuchet,tahoma;

font-size:8px;

}



.pq_piggybank

{width: 150px;

height: 100%;

padding-top:34px;

margin-bottom: 10px;

padding-bottom: 10px;

color:#D43D1A;

float: right;

font-weight:bold;

line-height:100%;

margin-left:10px;

font-family:trebuchet,tahoma;

font-size:8px;

position:relative;

}



.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;

}



.pq_foster2

{width: 171px;

height: 128px;

margin-bottom: 5px;

color:#D43D1A;

float: right;

font-weight:bold;

line-height:100%;

margin-left:10px;

margin-right:5px;

font-family:trebuchet,tahoma;

font-size:8px;

}



.pq_foster1

{width: 167px;

height: 125px;

margin-bottom: 5px;

color:#D43D1A;

float: left;

font-weight:bold;

line-height:100%;

margin-left:5px;

margin-right:10px;

font-family:trebuchet,tahoma;

font-size:8px;

}



.pq_error

{width: 150px;

height: 112px;

margin-bottom: 5px;

color:#D43D1A;

float: right;

font-weight:bold;

line-height:100%;

margin-left:10px;

margin-right: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;}



.pq_chili 

{width: 148px;

height: 190px;

color:#008B8B;

float: left;

font-weight:bold;

line-height:145%;

margin-left:30px;

margin-top:10px;

font-family:trebuchet,tahoma;

}



.template_cartcontents{

  background-color : #EEE5DE;

  text-align: center;

  font-size: 9pt;

  color: #000000;

  font-family:georgia;

  line-height:1.4em;

}



.symbols

{

float: left;

width: 60px;

margin: 0 7px 0 6px;

padding: 5px;

font-family:georgia;

font-size: 13px;

}