/* IE  styles for Pets
updated 10.23.02 */

/* general styles */

body {
	background-color: #ffffff;
	font-family: Verdana;
	font-size: 10pt;
	margin-top: 0px;
	margin-left: 0px;
	text-align: justify;
}
	

/* classes */

.thumb	{border-color: #000000; border-width: 1px}

.map	{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	}
	
.map:a:link	{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #D11242;
	text-decoration: none;
	}
	
.map:v:link	{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	}		

.main	{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	text-align: justify;
	color: #000000;
	text-decoration: none;
	}
	
a:link	{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #D11242;
	text-decoration: none;
	}


	
a:visited	{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #D11242;
	}
	
a:hover	{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #F7ABB0;
	text-decoration: none;
	}		

.main_rev {
	font-family: Verdana;
	font-size: 10pt;
	font-style: normal;
	color: #FFFFFF;
	text-align: justify;
}
.main_rev_centered {
	font-family: Verdana;
	font-size: 12pt;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.main_reversed:a:link	{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #D11242;
	text-decoration: none;
	}
	
.main_reversed:a:visited	{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #D11242;
	}
	
.main_reversed:a:hover	{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #F7ABB0;
	text-decoration: none;
	}		
a.main_rev_centered:link {
	font-family: Verdana;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #D11242;
	text-align: center;
}
a.main_rev_centered:visited {
	font-family: Verdana;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #D11242;
	text-align: center;
}
a.main_rev_centered:hover {
	font-family: Verdana;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #F7ABB0;
	text-align: center;
}
.Reversed-paragraph {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
	text-decoration: none;
}
a.Reversed-paragraph:link {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
	text-decoration: underline;
}
a.Reversed-paragraph:visited {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
	text-decoration: underline;
}
a.Reversed-paragraph:hover {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFCC00;
	text-align: justify;
	text-decoration: underline;
}







.foot	{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #B9C9D5;
	text-decoration: none;
	}
	
	
.foot:A:link	{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffcc00;
	text-decoration: none;
	}
	
	
.foot:V:link	{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffcc00;
	text-decoration: none;
	}

.foot:A:hover	{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #96bbbb;
	text-decoration: none;
	}
.foot:link {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #D11242;
	text-decoration: none;
}


.tenrechome	{
	font-family: Verdana;
	font-size: x-small;
	font-weight: normal;
	color: #cccccc;
	text-decoration: none;
	}
	
.tenrec	{
	font-family: Verdana;
	font-size: x-small;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}
	
.tenrec:a:link	{
	font-family: Verdana;
	font-size: x-small;
	font-weight: normal;
	color: #ffcc00;
	text-decoration: none;
	}
	
	
.tenrec:a:visited	{
	font-family: Verdana;
	font-size: x-small;
	font-weight: normal;
	color: #ffcc00;
	text-decoration: none;
	}

.tenrec:a:hover	{
	font-family: Verdana;
	font-size: x-small;
	font-weight: normal;
	color: #ffcc00;
	text-decoration: none;
	}
		
.select	{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}	
	
.selectred	{
	font-family: Verdana;
	font-size: x-small;
	font-weight: bold;
	color: #d11242;
	text-decoration: none;
	}		
	
.pgHead	{
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	color: #d11242;
	text-decoration: none;
	text-align: left;
	}
.pgHeadctr {
	font-family: Verdana;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #D11242;
	text-align: center;
}


/* temp classes for subhead color choices */	
.blue	{
	font-family: Verdana;
	font-size: 125%;
	font-weight: bold;
	color: #96bbbb;
	text-decoration: none;
	}

.black	{
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}		
	
/* ids for positioning */

/* for upper right nav
standard - never chagnes */

#upNav		{
	position: absolute;
	left: 156px;
	top: 0px;
	z-index: auto;
	text-align: left;
	}
	
/* id for page title images */

#title	{
	position: absolute;
	left: 159px;
	top: 41px;
	z-index: 20;
	text-align: left;
	width: 615px;
	}
	
		
/* this id is used for most text treatments to create right side gutter where paw boxes are contained
alternate versions of it may be used for varying content widths */


/* txt id for level 2s w/ paw boxes */	
#txt01	{
	text-align: left;
	width: 351px
	}
	
	
/* buttons on store pages */	
#view	{
	text-align: left;
	width: 450px;
	}
	

		
#store	{
	position: absolute;
	left: 630px;
	top: 66px;
	text-align: left;
	width: 300px;
	z-index: 50;
	}

	
#back	{
	position: absolute;
	left: 630px;
	top: 80px;
	text-align: left;
	width: 300px;
	z-index: 50;
	}
	
/* pawbox positioning ids for standard pawboxes
// there are 3 divs for the pawbox image positions
// there are 3 classes for placing the text on top of the images
// box and txt containers are seperate  */

/* for boxes */	

/* div for placement of any top pawbox */
	
#pb_top	{
	position: absolute;
/*
	left: 615px;
	top: 135px;
	width : 145px;
	height : 160px;
*/
	text-align: left;
	z-index: 70;
	}
	
/* div for placement of bottom pawbox when top box is small use corresponding class below for text */	
	
#pb_bot01	{
	position: absolute;
	left: 615px;
	top: 335px;
	width : 145px;
	height : 160px;
	text-align: left;
	z-index: 70;
	}
	
/* div for placement of bottom pawbox when top box is large use corresponding class below for text */		
	
#pb_bot02	{
	position: absolute;
	left: 615px;
	top: 370px;
	width : 145px;
	height : 160px;
	text-align: left;
	z-index: 70;
	}		
	
	
/* paw box classes for text placement*/

/* pb_top for all top box text; character limits for small and large boxes */

.pb_top	{
	position: absolute;
	left: 625px;
	top: 145px;
	width : 130px;
	height : 145px;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;	
	z-index: 75;
	}
	
	
/* used w/ div for pb_bot01	*/
.pb_bot01	{
	position: absolute;
	left: 625px;
	top: 345px;
	width : 130px;
	height : 145px;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;	
	z-index: 75;
	}
	
/* used w/ div for pb_bot02	*/	
	
.pb_bot02	{
	position: absolute;
	left: 625px;
	top: 380px;
	width : 130px;
	height : 145px;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;	
	z-index: 75;
	}
	
/* class for red link in paw box */	
	
.pb_link	{
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #cc3333;
	text-decoration: none;	
	z-index: 75;
	}	
	
	
	

	
	
/* pawbox ids */

#pb_adopt	{
	position: absolute;
	left: 574px;
	top: 225px;
	text-align: left;
	width: 150px;
	z-index:  60;
	}

#avail	{
	position: absolute;
	left: 200px;
	top: 200px;
	text-align: left;
	width: 150px;
	z-index: 70;
	}

#pb_home	{
	position: absolute;
	left: 572px;
	top: 249px;
	width : 145px;
	height : 160px;
	text-align: left;
	z-index: 70;
	}

.pb_home {
	position: absolute;
	left: 582px;
	top: 293px;
	width : 183px;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;	
	z-index: 75;
	}
	
.pb_hom_link	{
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #ff9900;
	text-decoration: none;	
	z-index: 75;
	}
.Subhead {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #d11242;
	text-align: left;
}
.Main_Tag {
	font-size: 24px;
	color: #D11242;
	font-weight: bold;
}


.Main_Title {
	font-size: 36pt;
	color: #FFFFFF;
	font-family: Verdana;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.Centered_small_white {
	font-family: Verdana;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}
.Gold-LG {
	font-family: Verdana;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
}
.Gold-SM {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
}
a.Main_Tag:link {
	font-size: 24px;
	color: #D11242;
	font-weight: bold;
}
a.Main_Tag:visited {
	font-size: 24px;
	color: #D11242;
	font-weight: bold;
}
a.Main_Tag:hover {
	font-size: 24px;
	color: #F7ABB0;
	font-weight: bold;
}