body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #fcf3d0;
	background-image:url(/images/alberts/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;
	margin: 10px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
	background-color:#FFFFFF;
	background-image:url(/images/alberts/contentBG.jpg);
	background-repeat:repeat-y;
} 

	/*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: 47px;
	background: url(/images/alberts/subnav.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;
	top: 1px;
}

#subnav li, #subnav a { height: 47px; display: block;}
#panels0a {left: 20px; width: 262px; text-indent: -5000px;}
#panels1a {left: 470px; width: 55px; text-indent: -5000px;}
#panels2a {left: 540px; width: 35px; text-indent: -5000px;}
#panels3a {left: 590px; width: 105px; text-indent: -5000px;}
#panels4a {left: 710px; width: 95px; text-indent: -5000px;}
#panels5a {left: 820px; width: 45px; text-indent: -5000px;}

#panels0a a:hover {background: transparent url(/images/alberts/subnav.jpg) -20px -48px no-repeat;}
#panels1a a:hover {background: transparent url(/images/alberts/subnav.jpg) -470px -48px no-repeat;}
#panels2a a:hover {background: transparent url(/images/alberts/subnav.jpg) -540px -48px no-repeat;}
#panels3a a:hover {background: transparent url(/images/alberts/subnav.jpg) -590px -48px no-repeat;}
#panels4a a:hover {background: transparent url(/images/alberts/subnav.jpg) -710px -48px no-repeat;}
#panels5a a:hover {background: transparent url(/images/alberts/subnav.jpg) -820px -48px no-repeat;}

/* End SubNav */

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


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

 .template1 #container #content {
	margin: 0;
	padding: 0px;
	width: 970px;
	background-color:#FFFFFF;
	background-image:url(/images/alberts/contentBG.jpg);
	background-repeat:repeat-y;
}
 .template1 #container #content #homecontent1 {
	margin: 0 0 0 20px;
	padding: 15px 0 0 0;
	width: 268px;
	float:left;
}
 .template1 #container #content #homecontent2 {
	margin: 0;
	padding: 15px 0 0 0;
	width: 398px;
	float:left;
}
 .template1 #container #content #homecontent3 {
	margin: 0;
	padding:15px 0 0 0;
	width: 268px;
	float:left;
}
.homeMainImage  {
	padding:0 0 10px 0;
}

.col1image {
	width: 95px;
	float:left;
	margin:0;
	padding: 0;
}
.col1text {
	width: 172px;
	margin:0;
	padding: 5px 0 0 0;
	float:left;
}
.col2image {
	width: 180px;
	clear:left;
	float:left;
	margin:0;
	padding: 0 0 10px 0;
}
.col2text {
	width: 217px;
	margin:0;
	padding: 9px 0 0 0;
	float:left;
}
.col3text {
	width: 268px;
	margin:0;
	padding: 5px 0 0 10px;
	float:left;
}
 .template1 #container #content ul {
	list-style-type: none;
	margin:0;
	padding:0 0 0 10px;
}
 .template1 #container #content li {
	 color:#406257;
	 font-size:12px;
	 padding: 0 10px 0 25px;
	 background:transparent url(/images/alberts/arrow_bullet.jpg) no-repeat;
	 background-position: 0 0;
	 margin: 0 0 0 0;
	 line-height:16px;
}
 .template1 #container #content h2 {
	 color:#406257;
	 font-size:16px;
	 padding: 0;
	 margin:0 0 0 0;
}
 .template1 #container #content h3 {
	 color:#406257;
	 font-size:16px;
	 padding: 0 0 0 0;
	 margin:-3px 0 0 0;
}
 .template1 #container #content p {
	 color:#406257;
	 font-size:12px;
	 padding: 0 10px 0 0;
	 margin:4px 0 0 0;
}
 .template1 #container #contentBottom {
	margin: 0;
	padding: 0px;
	width: 970px;
	clear: both;
}
 .template1 #container #content a:link {
	 color:#406257;
	 text-decoration:none;
}
 .template1 #container #content a:hover {
	 color:#406257;
	 text-decoration:underline;
}
 .template1 #container #content a:visited {
	 color:#406257;
	 text-decoration:none;
}
/* BEGIN Footer Structure and Style Code */
#footercontainer {
	width: 970px;
	margin: 10px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
} 

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


	#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;
	}