<!--BEGIN POPUP CODE-->	
* {margin:0; padding:0}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer; z-index:3;}

#tt {position:absolute; display:block; background:url(http://www.wpahumane.com/images/tt_left.gif) top left no-repeat; z-index:3 }
#tttop {display:block; height:5px; margin-left:5px; background:url(http://www.wpahumane.com/images/tt_top.gif) top right no-repeat; overflow:hidde; z-index:3 n}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; z-index:3 }
#ttbot {display:block; height:5px; margin-left:5px; background:url(http://www.wpahumane.com/images/tt_bottom.gif) top right no-repeat; overflow:hidden; z-index:3 }

<!--END POPUP CODE-->	
.oneColFixCtrHdr {
	background:#797979; border: 0; margin: 0 auto;}
	
.oneColFixCtrHdrLOST {
	background:#797979; border: 0; margin: 0;}	
	
	
	 #container {
	width:900px; 
	margin: 0 auto;
}

#adoptleftsidecontainer {
	width:220px; height:690px; 
	margin: 0 auto;
}

#adoptrightsidecontainer {
	width:680px; height:670px; 
	margin: 0 auto;
}

#adoptrightsidecontainerLOST {
	width:680px; height:670px; 
	margin: 0;
}


#cliniccontainer {
	width:900px; height:1250px; 
	margin: 0 auto;
	border-left: 2px solid #2b81d0;
	border-right: 2px solid #2b81d0;
}

#complaintcontainer {
	width:900px; height:1000px; 
	margin: 0 auto;
	border-left: 2px solid #2b81d0;
	border-right: 2px solid #2b81d0;
}

#volcontainer {
	width:900px; height:1000px; 
	margin: 0 auto;
}

#header {
	width:900px; height:113px;
	border-bottom: 2px solid #2b81d0;
	margin: 0 auto;
}

#headerLOST {
	width:900px; height:113px;
	border-bottom: 2px solid #2b81d0;
	margin: 0;
}

#header2 {
	width:900px; height:113px;
	margin: 0 auto;
}

/*home page items*/

.donatebutton {
	position:absolute; top:120px;
	}
	
.donatebuttonorange {
	position:absolute; top:130px;
	margin-left:5px;
	}	
	
.shopbutton {
	position:absolute; top:120px;
	margin-left:120px;
	}	

.logo {
	z-index:1;	
	}
	
.email {
	position:absolute; top:590px;
	margin-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	z-index:2;	
	}	

.menu {
	position:absolute; top:90px;
	margin-left:330px;
	z-index:2;
	width:500px;
	}
	
.menu2 {
	position:absolute; top:130px;
	margin-left:515px;
	z-index:2;
	width:300px;
	}
	
.menu3 {
	position:absolute; top:55px;
	margin-left:575px;
	z-index:2;
	width:300px;
	}		
	
.menu3test {
	position:absolute; top:45px;
	margin-left:395px;
	z-index:2;
	width:300px;
	}		
	
.search {
	position:absolute; top:0px;
	margin-left:570px;
	z-index:3;
	}	
.bluegradient {
	position:absolute; top:160px;
	margin-left: 689px;	
	}
	
.opendoorborder {
	position:absolute; top:160px;	
	z-index:1;
	}			
	
.goldbox {
	position:absolute; top:617px;	
	z-index:1;
	}	
	
.mailbg {
	position:absolute; top:562px;
	z-index:1;
	}	
	
.storybg {
	position:absolute; top:159px;
	margin-left:225px;
	z-index:1;
	}		

.plea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	position: absolute; top:180px;
	font-weight:bold;
	margin-left:695px;
	width:200px;
	text-align:center;
	line-height:17px;
	z-index:2;
	}
	
.opendoor {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
	color: #1562ad;
	position: absolute; top:165px;
	margin-left:10px;
	z-index:2;
	}	
	
.opendoortext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute; top:235px;
	margin-left:15px;
	width:190px;
	z-index:2;
	}
	
.shelters {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color: #ff9300;
	position: absolute; top:200px;
	margin-left:20px;
	z-index:2;
	}	
	
.address {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color: #000000;
	position: absolute; top:620px;
	width:204px;
	z-index:2;
	}	
	
.bottommenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #000000;
	position: absolute; top:810px;
	margin-left:580px;
	}		
	
/*Volunteer Page 1*/

.tagbg {
	position:absolute; top:160px;	
	z-index:1;
	}
	
.tagbg2 {
	position:absolute; top:180px;	
	z-index:1;
	}		
	
.bg1 {
	position:absolute; top:159px;
	margin-left:230px;
	z-index:1;
	}			
	
.wish {
	position:absolute; top:625px;	
	z-index:1;
	}	
	
.bottommenu2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #000000;
	position: absolute;
	top:800px;
	margin-left:250px;
	left: 169px;
	}	
	
.leftvoltext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	position: absolute; top:420px;
	margin-left:10px;
	z-index:2;
	width:190px;
	}		
	
.volhead {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	position: absolute; top:410px;
	margin-left:260px;
	z-index:2;
	}		
	
.volleftcol{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position: absolute; top:430px;
	margin-left:240px;
	width:320px;
	z-index:2;
	}	
	
.volrightcol{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position: absolute; top:430px;
	margin-left:580px;
	width:320px;
	z-index:2;
	}
	
/*Universal Itemes*/

/*right two column background*/

.bgright2col {
	position:absolute; top:159px;
	margin-left:230px;
	z-index:1;
	}	
	
/*right one column background*/

.bgright1col {
	position:absolute; top:159px;
	margin-left:686px;
	z-index:1;
	}			
	
/*left 1 col background with blue on top, orange on bottom*/	

.bgleft1col {
	position:absolute; top:160px;
	margin-left:0px;	
	z-index:1;
	}	
	
.bgleft1colblue {
	position:absolute; top:180px;
	margin-left:0px;	
	z-index:1;
	}	
	
/*left 2 col background with blue on top, orange on bottom*/	

.bgleft2col {
	position:absolute; top:160px;	
	z-index:1;
	}	
	
/*address on lower right */

.addressright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color: #000000;
	position: absolute; top:620px;
	margin-left:695px;
	width:204px;
	z-index:2;
	}		

a:link {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover {color: #ff9300; text-decoration: none;}

a.black:link {color: #000000; text-decoration: none;}
a.black:active {color: #000000; text-decoration: none;}
a.black:visited {color: #000000; text-decoration: none;}
a.black:hover {color: #ffffff; text-decoration: none;}

a.orange:link {color: #ff9300; text-decoration: none;}
a.orange:active {color: #ff9300; text-decoration: none;}
a.orange:visited {color: #ff9300; text-decoration: none;}
a.orange:hover {color: #ff9300; text-decoration: none;}

a.blue:link {color: #0658a8; text-decoration: none;}
a.blue:active {color: #0658a8; text-decoration: none;}
a.blue:visited {color: #0658a8; text-decoration: none;}
a.blue:hover {color: #0658a8; text-decoration: none;}

a.white:link {color: #ffffff; text-decoration: none;}
a.white:active {color: #ffffff; text-decoration: none;}
a.white:visited {color: #ffffff; text-decoration: none;}
a.white:hover {color: #ff9300; text-decoration: none;}