body {
	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 
}
.template1 { margin:0; padding:0;}

#container selector */
	color: #000000;
	padding: 0px;
	background:#e8ead5;
	background-image:url(/images/zoo/zooBodyBG.png); background-repeat:repeat-x;
}
#container {
	width: 970px; 
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
} 

/* Use this Version when a minibanner IS in place  */
	#miniBanner {margin:5px 0 10px 0; text-align:center;}  
/* Use this Version when a minibanner isNOT in place  */
/*	#miniBanner {margin:5px 0 0 0; text-align:center;}*/
	


.spriteheader {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
} 

	/* 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 */ 
	

/* NEW HOME LAYOUT */

.template1 #container  #newhomemainbox {
	margin: 0;
	padding: 0;
	float:left;
	width:930px;
	background-color:#ffffff;
	}
	.template1 #container  #newhomeleftmargin {
	margin:0;
	padding:0;
	float:left;
	width:20px;
	}
	.template1 #container  #newhomerightmargin {
	margin:0;
	padding:0;
	float:right;
	}
	.template1 #container  #homebottommargin {
	clear:both;
	width:930px;
	height:34px;
	margin:0;
	padding:0;
	}
	.template1 #container  .homecolumn1 {
	width:498px;
	height:391;
	margin:0;
	padding:0;
	float:left;
	}
	.template1 #container #subcontent #newhomemainflash {
	margin:0;
	padding:0;
	width:498px;
	height:272px;
	}
	.template1 #container #subcontent #newhomelinksbox {
	width:498px;
	height:119px;
	margin:0;
	padding:0;
	position:relative;
	}
	.template1 #container #subcontent #homelinks {
	width:498px;
	height:119px;
	background-image:url(/images/zoo/home/home_links2.jpg);
	top:0;
	margin:0;
	padding:0;
	}
	.template1 #container #subcontent #homelinks ul {
	margin:0;
	padding:0;

	}
	.template1 #container #subcontent #homelinks li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	height:119px;

	}
	#homelinks a:active, a:hover, a:link a:visited {outline:none;}
	
	#homelinks li, #homelinks a {height: 119px; display: block;}
	
	
	#homelinks1a {left: 0px; width: 166px; text-indent: -5000px;}
	#homelinks2a {left: 167px; width: 166px; text-indent: -5000px;}
	#homelinks3a {left: 333px; width: 166px; text-indent: -5000px;}
	
	#homelinks1a a:hover {background: transparent url(/images/zoo/home/home_links2.jpg) -0px -119px no-repeat;}
	#homelinks2a a:hover {background: transparent url(/images/zoo/home/home_links2.jpg) -167px -119px no-repeat;}
	#homelinks3a a:hover {background: transparent url(/images/zoo/home/home_links2.jpg) -333px -119px no-repeat;}

	.template1 #container #subcontent #homevideo {
	width:282px;
	height:391px;
	margin:0;
	padding:0;
	float:left;
	}


	.template1 #container #subcontent #homepromos {
	width:150px;
	height:391px;
	float:left;
	margin:0;
	padding:0;
	}
.homepromobox {
	margin: 0px;
	padding: 0px;
}
	.template1 #container #subcontent #homepromos #followmap {
		margin:0;
		padding:0;
		background-image: url(/images/zoo/home/promo_follow_us.jpg);
		width:150px;
		height:29px;
		position:relative;
		
}
	.template1 #container #subcontent #homepromos #followmap #follow a {
		position: absolute;
	  height: 17px;
	  width: 17px;
	  top: 7px; 
	  text-decoration: none;
}
	.template1 #container #subcontent #homepromos #followmap #follow a i { visibility: hidden; }

	a#facebook {left:103px;}
	a#twitter {left:127px;}

	.template1 #container #newhomehighlights {
	clear:both;
	height:119px;
	width:960px;
	margin:0;
	padding:0;
	
	}
	.template1 #container #newhomehighlights #homehighlight1 {
		width:470px;
		height:119px;
		float:left;
		margin: 0 0 0 10px;
		border:none;

	}	
	.template1 #container #newhomehighlights #homehighlight2 {
		width:230px;
		height:119px;
		float:left;
		margin: 0 0 0 10px;
		border:none;

	}	
	.template1 #container #newhomehighlights #homehighlight3 {
		width:230px;
		height:119px;
		float:left;
		margin: 0 0 0 10px;
		border:none;

	}	
	.template1 #container #newhomehighlights #zoochatterform {
		width:230px;
		height:119px;
		float:left;
		margin: 0 0 0 10px;
		border:none;
		background-image:url(/images/zoo/home/highlight_wild_times_newsletter_signupBG.jpg);
		background-repeat:no-repeat;
	}	
	.form_padding  {
		padding:60px 0 0 15px;
	}

	.input_box  {
		background-color:#e8ead5; 
		border:thin solid #bdbd9b; 
		color:#9d9e8a;
		height:16px;
		margin: 0;
		padding:2px 0 0 0;
	}
	
	.submit_button  {
		background: transparent url(/images/zoo/home/highlight_newsletter_signup_button_up.jpg) no-repeat center top;
		width:60px;
		height:21px;
		border:none;
		margin: 0 0 0 10px;
		outline:none;
		background-color:#e8ead5; 
		cursor: hand; cursor:pointer;
	}
	
	
	.template1 #container #newhomesponosrs .homesponsor {
		margin: 0px;
		padding: 0px;
		float: left;
		width: 195px;
	}
	#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;
	}