/* CSS Document */


body {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
a:link {
	color: #0098DB;
}
a:visited {
	color: #666;
}
a:hover {
	color: #9278D1;
}

.pageTitle {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
	
.aboutText {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.65em;
	text-align: left;
}

#topNav {
	width: 560px;
	display: block;
	position: absolute;
	top: 160px;
	left: 220px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	} 
	
#topNav2 {
	width: 700px;
	height: 30px;
	position: absolute;
	top: 165px;
	left: 143px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	} 
	
#topNav td, #topNav2 td {
	background: url(images/purplePaw.gif) 0px 00% no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #9278D1;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}

#topNav td a, #topNav2 td a {
	text-decoration: none;
	border: none;
	color: #9278D1;
}

#topNav td a:hover, #topNav2 td a:hover {
	text-decoration: none;
	border: none;
	color: #0098DB;
}

#top {
	position: absolute;
	top: 30px;
	left: 200px;
	margin: 20px 20px 0px 20px;
	padding: 10px;
	background: white url(images/logo.jpg) 50% 20% no-repeat;
	height: 140px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
	
html>body #top {
	height: 140px; /* ie5win fudge ends */
	}

#topSmall {
	position: absolute;
	top: -100px;
	left: 180px;
	margin: 20px 20px 0px 20px;
	padding: 10px;
	/*background: white url(images/logo_small.jpg) 50% 20% no-repeat;*/
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
html>body #topSmall {
	height: 118px; /* ie5win fudge ends */
	}

.photo {
	padding: 0px;
	margin: 40px 20px 20px 20px;
}

#left {
	position: absolute;
	top: 270px;
	left: 40px;
	margin: 10px;
	padding: 10px;
	background: #61C250;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #fff;
	height: 470px;
	width: 280px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 280px;
	}
html>body #left {
	width: 280px; /* ie5win fudge ends */
	}
	
#left ul li.green {
	list-style-type: none;
	background: url(images/greenPaw.gif) 40px 60% no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 80px;
	line-height: 1.5em;

}

#left ul li.green a {
	text-decoration: none;
	color: #FFF;
}

#left ul li.green a:hover{
	text-decoration: none;
	color: #9278D1;
}

#middle {
	position: absolute;
	width: 280px;
	height: 470px;
	top: 270px;
	left: 350px;
	margin: 10px;
	padding: 10px;
	background: #0098DB;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #fff;
	}
	
#middle ul li.blue {
	list-style-type: none;
	background: url(images/bluePaw.gif) 40px 60% no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 80px;
	line-height: 1.5em;
}

#middle ul li.blue a {
	text-decoration: none;
	color: #FFF;
}

#middle ul li.blue a:hover{
	text-decoration: none;
	color: #9278D1;
}

#right {
	width: 280px;
	height: 470px;
	position: absolute;
	top: 270px;
	left: 660px; /* Opera5.02 will show a space 
	at right when there is no scroll bar */
	margin: 10px;
	padding: 10px;
	background: #00C0B5;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 280px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 280px;
	}
html>body #right {
	width: 280px; /* ie5win fudge ends */
	}
	
#right ul li.teal {
	list-style-type: none;
	background: url(images/tealPaw.gif) 40px 60% no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 80px;
	line-height: 1.5em;
}

#right ul li.teal a {
	text-decoration: none;
	color: #FFF;
}

#right ul li.teal a:hover{
	text-decoration: none;
	color: #9278D1;
}

#photoTable {
	width: 700px;
  	position: absolute;
	top: 200px;
	left: 140px;
	border: none;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	margin: 0 0 100px 0; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 0 0 20px 0;
	}
	
html>body #photoTable {
	padding: 0px 0px 0px 0px;
	margin: 0 0 20px 0; 
}

#photoTable td {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	padding: 10px;
	vertical-align: top;
	border: none;
	border-collapse: collapse;
}

tr.daycare {
	background-color: #61C250;
}

tr.training {
	background-color: #0098DB;
}

tr.rescues {
	background-color: #990033;
}

tr.boarding {
	background-color: #00C0B5;
}

tr.parties {
	background-color: #606;
}


tr.whiteSpace td.whiteSpace {
	background: url(images/whiteSpace.gif) 50% 50% repeat;
	border: none;
	border-collapse: collapse;
}

#tableAffil {
	width: 700px;
	height: 46px;
	background-color: #fff;
  	position: absolute;
	top: 780px;
	left: 140px;
	clear: left;
	border: none;
}

.style1 {
	color: #728c29;
	font-weight: bold;
}

.style2 {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}
p.centeredEmail {
	text-align: center;
	margin: 140px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

p.centeredEmail2 {
	text-align: center;
	margin: 100px 0px 0px 0px;
}