/* CSS Document 

/***************************************************************************************/
/*  MAIN OUTER PANELS
/***************************************************************************************/

.outer {
	background-color: 		#8bc197;
	margin-left:				auto;
	margin-right:				auto;	
	position: 					relative;
	width:						975px;
	z-index:						1;
}

/***************************************************************************************
/*  TOP BANNER 
/***************************************************************************************/

#banner {
	background-position:    20px;
	background-repeat:		no-repeat;
	height:						200px;
	position:					relative;
	width:						975px;
}

.bn-home    { background-image: url(../images/banners/home.jpg);    }
.bn-horse   { background-image: url(../images/banners/horse.jpg);   }
.bn-dog     { background-image: url(../images/banners/dogcat.jpg);  }
.bn-reward  { background-image: url(../images/banners/reward.jpg);  }
.bn-contact { background-image: url(../images/banners/contact.jpg); }

/***************************************************************************************
/*  NAVIGATION SIDEBAR 
/***************************************************************************************/

#nav {
	background-color: 		#02681d;
	height:						30px;
	margin-left:				20px;
	width:						935px;
}

#nav ul {
	margin:						0 0 0 270px;
	padding:						6px 0 0 0;
} 

#nav li {
	display: 					inline;
	padding:						0px;
}

#nav ul li a, 
#nav ul li a:visited {
	background:					transparent;
	color:						white;
	font-size: 					12px;
	font-weight: 				bold;
	line-height: 				15px;
	margin:						0px;
	padding:						0px 40px 10px 0px;
	text-decoration: 			none;
	text-transform: 			uppercase;
}

#nav ul li a:hover, 
#nav ul li a.select, 
#nav ul li a.select:visited {
	color: 						#ff001a;
}

#nav a.rt, #nav a:visited.rt {
	padding-right:				0px;
}

/***************************************************************************************
/*  MAIN PANEL CONTAINER 
/***************************************************************************************/

.container {
	background-color:			white;
	background-image: 		url(../images/sidebar.gif);
	background-repeat: 		repeat-y;
	margin-left:				20px;
	width:						935px;
}

/***************************************************************************************
/*  MAIN CONTENT 
/***************************************************************************************/

.content {
	float:						right;
	margin:						40px 0 30px 0; 
	width:						665px;
}

.content p {
	margin-right:				140px;
}

p.full {
	margin-right:				0px;
}

p.associates {
	font-size:					11px;
	margin-right:				40px;
	padding-bottom:			0px;
	text-align: 				right;	
}

/***************************************************************************************
/*  TABLES
/***************************************************************************************/

table.logos {
	margin-top:					18px;
	width:						525px;
}

table.logos td {
	padding-top:				12px;
	padding-bottom:			12px;
	text-align: 				center;
	vertical-align:			middle;
}

/***************************************************************************************
/*  SIDEBAR PICTURE & MENUS
/***************************************************************************************/

#sidebar {
	left:							50px;
	position: 					absolute;
	top:							230px;
	width:						200px;
	z-index:						200;
}

#sidebar img {
	border: 						0px none;
	vertical-align: 			top;
}

#sidebar h1, #sidebar p {
	color:						white;
	font-weight:				bold;
	padding:						0px;
	text-align: 				center;
}

#sidebar h1 {
	font-size:					14px;
}

#sidebar p {
	font-size:					11px;
	line-height:				15px;
	padding-bottom:			12px;
}

#sidebar p.rule {
	padding:						9px 0 0 0;
}

#sidebar ul, #sidebar li {
	list-style: 				none;
}

#sidebar .panel {
	background-color: 		#02681d;
	margin-top:					30px;
	padding-top:				10px;
	width:						200px;
}

#sidebar p.slogan {
	font-family: 				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:					13px;
	padding-top:				18px;
	padding-bottom:			0px;
}

#sidebar p.bot {
	font-family: 				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:					13px;
	padding-top:				6px;
	word-spacing: 				2px;
}	

/***************************************************************************************/
/*  PAGE FOOTER
/***************************************************************************************/
	
#footer {
	background-color: 		#8bc197;
	height:						55px;
	overflow: 					hidden;
	width:						975px;
}

#footer p {
	font-size:					11px;
	font-weight:				bold;
	letter-spacing: 			1px;
	line-height: 				17px;
	margin-right:				20px;
	padding:						0px;
	text-align:					right;
} 

#footer p.top {
	padding:						9px 0 0 0;	
}

#footer .fc-white {
	color: 						white;
}

#footer a, #footer a:visited {
	color:						white;
}

#footer a:hover {
	color:						#fc9;
}

/***************************************************************************************
/*  SIDEBAR BOTTOM SLOGAN
/***************************************************************************************/

#slogan {
	left:							50px;
	position: 					relative;
	top:							-100px;
	width:						200px;
	z-index:						100;
}

#slogan p {
	color:						white;
	font-family: 				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:					13px;
	font-weight:				bold;
	text-align: 				center;
	width:						200px;
}

#slogan p.bot {
	font-family: 				Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top:				2px;
	word-spacing: 				2px;
}	

/***************************************************************************************
/*  GOOGLE MAP 
/***************************************************************************************/

#map {
	border:						3px double silver;
	height:						600px;
	margin-top:					12px;
	width:						625px;
}

#popup {
	height:						140px;
	width:						300px;
}

#popup p {
	color: 						black;
	font-size:					11px;	
	line-height:				15px;
	padding-top:				9px;
	padding-bottom:			0px;
}

/***************************************************************************************
/*  MISCELLANEOUS
/***************************************************************************************/

p.seologo {
	border:						0px none;
	margin-top:					250px;
	text-align: 				center;
}

p.seologo img {
	border:						0px none;
	margin:						20px;
	vertical-align: 			middle;
}