body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #c0cc87;
	background-image:url(images/background.jpg); background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.template1 #container {
	width: 970px; 
	background: #c0cc87;
	margin: 10px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
} 
.template1 #container a:link {
	text-decoration:none;
	color:#063;
}	
.template1 #container a:hover {
	text-decoration:underline;
	color:#063;
}	
.template1 #container a:visited {
	text-decoration:none;
	color:#063;
}	

	/*BEGIN Main Flash Navigation */
	#container #nav950  {
		width: 970px;
		height:128px;
		margin: 0;
		padding: 0;
		text-align: center;
		background-image:url(/images/zoo/background_nav.jpg); background-repeat:repeat-x;
		}
	/*END Main  Flash Navigation */

/* SubNav Sprite Code */

#subnav {
	width: 970px;
	height: 80px;
	background: url(images/header2011.jpg);
	margin: 0;
	padding: 0;
	position: relative;
}
#subnav a:active, a:hover, a:link {outline:none; }

#subnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#subnav li, #subnav a {display: block;}
#panels1a {left: 15px; width: 250px;  top: 1px; height: 80px; text-indent: -5000px;}
#panels2a {left: 720px; width: 210px; top: 1px; height: 25px; text-indent: -5000px;}
#panels3a {left: 550px; width: 382px; top:25px; height: 52px; text-indent: -5000px;}

#panels1a a:hover {background: transparent url(images/header2011.jpg) -15px -81px no-repeat;}
#panels2a a:hover {background: transparent url(images/header2011.jpg) -720px -81px no-repeat;}
#panels3a a:hover {background: transparent url(images/header2011.jpg) -550px -105px no-repeat;}

/* End SubNav */

#navbox  {
	width: 301px;
	height: 428px;
	float:right;
	}

/* Nav Sprite Code */

#nav {
	width: 301px;
	height: 428px;
	background: url(images/nav.jpg);
	margin: 0;
	padding: 0;
	position: relative;
}
#nav a:active, a:hover, a:link {outline:none; }

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#nav li, #nav a { width: 131px; height: 80px; display: block;}
#nav1 {left: 17px; top: 13px; text-indent: -5000px;}
#nav2 {left: 155px; top: 13px; text-indent: -5000px;}
#nav3 {left: 17px; top: 93px; text-indent: -5000px;}
#nav4 {left: 155px; top: 93px; text-indent: -5000px;}
#nav5 {left: 17px; top: 176px; text-indent: -5000px;}
#nav6 {left: 155px; top: 176px; text-indent: -5000px;}
#nav7 {left: 17px; top: 257px; text-indent: -5000px;}
#nav8 {left: 155px; top: 257px; text-indent: -5000px;}
#nav9 {left: 17px; top: 339px; text-indent: -5000px;}
#nav10 {left: 155px; top: 339px; text-indent: -5000px;}

#nav1 a:hover {background: transparent url(images/nav.jpg) -17px -441px no-repeat;}
#nav2 a:hover {background: transparent url(images/nav.jpg) -155px -441px no-repeat;}
#nav3 a:hover {background: transparent url(images/nav.jpg) -17px -521px no-repeat;}
#nav4 a:hover {background: transparent url(images/nav.jpg) -155px -521px no-repeat;}
#nav5 a:hover {background: transparent url(images/nav.jpg) -17px -604px no-repeat;}
#nav6 a:hover {background: transparent url(images/nav.jpg) -155px -604px no-repeat;}
#nav7 a:hover {background: transparent url(images/nav.jpg) -17px -685px no-repeat;}
#nav8 a:hover {background: transparent url(images/nav.jpg) -155px -685px no-repeat;}
#nav9 a:hover {background: transparent url(images/nav.jpg) -17px -767px no-repeat;}
#nav10 a:hover {background: transparent url(images/nav.jpg) -155px -767px no-repeat;}

/* End Nav */

	/* BEGIN  subcontent */

	.template1 #container #subcontent {
		margin: 0px;
		padding: 0px;
		width: 970px;
	}








	/* END  subcontent */



/* BEGIN Home layout */


a:focus { -moz-outline-style: none; } /* remove dotted lines in firefox */ 
	
	
#slideshow  {
	width: 669px;
	height: 428px;
	float:left;
	}
	


/*  LAYOUT */

 .template1 #container #maincontent {
	margin: 0;
	padding: 0px;
	width: 970px;
	background-image:url(/tenreasons/images/main_middleBG.jpg);
}
 .template1 #container #maincontentBottom {
	margin: 0;
	padding: 0px;
	width: 970px;
	clear:left;
}
 .template1 #container #content {
	padding: 0px;
	margin:0;
	width: 970px;
}
 .template1 #container  #content #contentLeft {
	padding: 0px;
	margin:0 0 0 30px;
	float:left;
	width: 620px;
}
 .template1 #container  #content #contentLeft h1 {
	padding: 0px;
	margin:0 0 5px 0;
	font-size:18px;
	color:#063;
}
 .template1 #container  #content #contentRight {
	padding: 0px;
	margin:0 0 0 35px;
	float:left;
	width: 260px;
}
 .template1 #container #maincontent p {
	font-family:Arial, Helvetica, sans-serif;
	color: #393939;
	font-size: 12px;
	line-height: 17.5px;
	margin-top: 0px;
	margin-bottom: 17px;
}
 .template1 #container #maincontent #contentRight li {
	font-family:Arial, Helvetica, sans-serif;
	color: #393939;
	font-size: 12px;
	line-height: 17.5px;
	margin-left:-25px;
	margin-top: -15px;
	margin-bottom: 17px;
}
 .template1 #container #maincontent #contentRight li a:link {
	font-family:Arial, Helvetica, sans-serif;
	color: #39610d;
	text-decoration: none;
}
 .template1 #container #maincontent #contentRight li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color: #39610d;
	text-decoration: none;
}
 .template1 #container #maincontent #contentRight li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #39610d;
	text-decoration: none;
	border-bottom-color:#39610d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

	#homefooter  {
		clear:both;
		width:942px;
		margin: 0 auto;
	}

	#footertop  {
		border-bottom:solid 1px #b0a78e;
		width: 942px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#725c3e;
		padding:20px 0 25px 0;
	}
	#footertop a:link  {
		color:#725c3e;
		text-decoration:none;
	}
	#footertop a:visited  {
		color:#725c3e;
		text-decoration:none;
	}
	#footertop a:active  {
		color:#a2b22f;
	}
	#footertop a:hover  {
		color:#a2b22f;
	}
	#footerbottom  {
		width: 942px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10px;
		color:#9c8e73;
		padding:10px 0 20px 0;
	}
	#footerbottom a:link  {
		color:#9c8e73;
		text-decoration:none;
	}
	#footerbottom a:visited  {
		color:#9c8e73;
		text-decoration:none;
	}
	#footerbottom a:active  {
		color:#a2b22f;
	}
	#footerbottom a:hover  {
		color:#a2b22f;
	}	

	#topleft {
		width: 470px;
		float:left;
		text-align:left;
	}
	
	#topright {
		width: 470px;
		float:right;
		text-align:right;
	}
	
	#bottomleft {
		width: 470px;
		float:left;
		text-align:left;
	}
	
	#bottomright {
		width: 470px;
		float:right;
		text-align:right;
	}