body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #f6f8e9;
	background-image:url(/zoonooz/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: #f6f8e9;
	margin: 10px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
} 
.template1 #container a {
	text-decoration:none;
}	

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

	/* BEGIN navbox Local Nav  */
	
	.template1 #container #subcontent #ssp {
		padding: 0;
		float: left;
		height: 336px;
		width: 509px;
		margin: 0;
		background-color:#FFFFFF;
	}

	/* BEGIN  subcontent */

	.template1 #container #subcontent {
		margin: 0px;
		padding: 0px;
		width: 970px;
		background-color: #f6f8e9;
	}
		#container #subcontent #leftmargin  {
			margin: 0;
			padding: 0;
			width: 22px;
			height: 336px;
			background: url(/zoonooz/images/left_margin.jpg) no-repeat;
			float: left;
		}
		#container #subcontent #rightmargin  {
			margin: 0;
			padding: 0;
			width: 20px;
			height: 336px;
			float: right;
			background: url(/zoonooz/images/right_margin.jpg) repeat-y;
		}
		
		#container #subcontent #bottommargin  {
			margin: 0;
			clear:both;
			width: 970px;
			height: 25px;
			background: url(/zoonooz/images/bottom_margin.jpg) no-repeat;
		}

		/*BEGIN Links Content Areas */

		#container #subcontent #links {
			width: 219px;
			height: 336px;
			float:left;
			margin: 0;
			padding: 0;
			background-image:url(/zoonooz/images/home_links.jpg) ;	
			
		}
		
		#container #subcontent #links h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size:10px;
			color: #038cf2;
			margin: 0 0 0 24px;
			line-height: 10px;		
		}
		#container #subcontent #links h2 {
			font-family:  Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size:10px;
			color: #038cf2;
			margin: 15px 0 0 24px;
			line-height: 10px;		
		}
		.template1 #container #subcontent #links p, a  {
			font-family:  Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size:10px;
			line-height: 10px;
			color: #fff;
			margin: 0 0 0 12px;
			padding: 0;
		}
		.template1 #container #subcontent #links p a:hover {
			text-decoration: underline;
		}
		
	/* END Sub areas Main Content text styles */

	/* END  subcontent */
				
/* Sub1 promos Sprite Code */

#zoonoozbuttonsbox {
	width: 200px;
	height: 336px;
	background: url(/zoonooz/images/home_buttons_sprite.jpg);
	margin: 0;
	padding: 0;
	position: relative;
	float:left;
}
#zoonoozbuttons {
	width: 200px;
	height: 336px;
}
#zoonoozbuttons li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	
}

#zoonoozbuttons a:active, a:hover, a:link, a:visited {outline:none; }


#zoonoozbuttons li, #zoonoozbuttons a { height:73px; display: block;}
#zoonoozbuttons1a {top: 0px; height: 72px; left: 0px; width: 196px;	text-indent: -5000px;}
#zoonoozbuttons2a {top: 82px; height: 70px; left: 0px; width: 196px; text-indent: -5000px;}
#zoonoozbuttons3a {top: 160px; height: 70px; left: 0px; width: 196px; text-indent: -5000px;}
#zoonoozbuttons4a {top: 290px; height: 30px; left: 0px; width: 196px; text-indent: -5000px;}

#zoonoozbuttons1a a:hover {background: transparent url(/zoonooz/images/home_buttons_sprite.jpg) -12px -336px no-repeat;}
#zoonoozbuttons2a a:hover {background: transparent url(/zoonooz/images/home_buttons_sprite.jpg) -12px -418px no-repeat;}
#zoonoozbuttons3a a:hover {background: transparent url(/zoonooz/images/home_buttons_sprite.jpg) -12px -496px no-repeat;}
#zoonoozbuttons4a a:hover {background: transparent url(/zoonooz/images/home_buttons_sprite.jpg) -12px -626px no-repeat;}



/* BEGIN Footer Structure and Style Code */

.template1 #container #footer950 {
	width: 950px;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #6d5638;
	clear: both;
	font-weight: normal;
	background-color: #f6f8e9;
	margin: 0 0 0 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:  0 0 0 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.template1 #container #footer950 a:link {
	color: #6d5638;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.template1 #container #footer950 a:hover  {
	color: #999966;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
}
.template1 #container #footer950 a:visited  {
	color: #6d5638;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
}
.template1 #container #footer950 .footerleft {
	float: left;
	padding-left: 10px;
	margin: 0;
}
.template1 #container .footerright {
	float: right;
	padding-right: 10px;
}
/* END Footer Code */

/* D Image Map */

#hdd {
	margin: 0px;
	padding: 0px;
	background-image: url(/zoonooz/images/1009top_margin_video.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 114px;
	width: 970px;
}

#hddp {
	margin: 0px;
	padding: 0px;
	background-image: url(/zoonooz/images/1009top_margin_photos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 114px;
	width: 970px;
}

#hddv {
	margin: 0px;
	padding: 0px;
	background-image: url(/zoonooz/images/1009top_margin_channel_zoonooz.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 114px;
	width: 970px;
}

#hddd {
	margin: 0px;
	padding: 0px;
	background-image: url(/zoonooz/images/1009top_margin_downloads.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 114px;
	width: 970px;
}

#menu a {
	position: relative;
	height: 25px;
	width: 72px;
	top: 80px;
	text-decoration: none;
	display: block;
  }
  
#menu a i { visibility: hidden; }

#foto { left: 445px; }
#vid { left: 374px; }
#zhome { left: 455px; }