body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #e8ead5;
	background-image:url(/images/zoo/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: #e8ead5;
	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(/images/zoo/background_nav.jpg); background-repeat:repeat-x;
		}
	/*END Main  Flash Navigation */

/* SubNav Sprite Code */

#subnav {
	width: 970px;
	height: 61px;
	background: url(/images/zoo/pandacam/pandacam_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: 61px; display: block;}
#panels1a {left: 0; width: 160px; text-indent: -5000px;}
#panels2a {left: 161px; width: 68px; text-indent: -5000px;}
#panels3a {left: 230px; width: 107px;  text-indent: -5000px;}
#panels4a {left: 338px; width: 89px; text-indent: -5000px;}
#panels5a {left: 428px; width: 112px; text-indent: -5000px;}
#panels6a {left: 541px; width: 70px; text-indent: -5000px;}
#panels7a {left: 612px; width: 82px; text-indent: -5000px;}
#panels8a {left: 695px; width: 100px; text-indent: -5000px;}

#panels1a a:hover {background: transparent url(/images/zoo/pandacam/pandacam_subnav.jpg) 0 62px no-repeat;}
#panels2a a:hover {background: transparent url(/images/zoo/pandacam/pandacam_subnav.jpg) -161px -62px no-repeat;}
#panels3a a:hover {background: transparent url(/images/zoo/pandacam/pandacam_subnav.jpg) -230px -62px no-repeat;}
#panels4a a:hover {background: transparent url(/images/zoo/pandacam/pandacam_subnav.jpg) -338px -62px no-repeat;}
#panels5a a:hover {background: transparent url(/images/zoo/pandacam/pandacam_subnav.jpg) -428px -62px no-repeat;}
#panels6a a:hover {background: transparent url(/images/zoo/pandacam/pandacam_subnav.jpg) -541px -62px no-repeat;}
#panels7a a:hover {background: transparent url(/images/zoo/pandacam/pandacam_subnav.jpg) -612px -62px no-repeat;}
#panels8a a:hover {background: transparent url(/images/zoo/pandacam/pandacam_subnav.jpg) -695px -62px no-repeat;}

/* End SubNav */


	/* 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 #subcontent #newhomemainbox {
	margin: 0;
	padding: 0;
	float:left;
	width:930px;
	background-color:#FFFFFF;
	}
	.template1 #container #subcontent #newhomeleftmargin {
	margin:0;
	padding:0;
	float:left;
	width:20px;
	}
	.template1 #container #subcontent #newhomerightmargin {
	margin:0;
	padding:0;
	float:right;
	}
	.template1 #container #subcontent #homebottommargin {
	clear:both;
	width:930px;
	height:24px;
	margin:0;
	padding:0;
	}
	.template1 #container #subcontent .homecolumn1 {
	width:674px;
	height:390px;
	background-image:url(/images/zoo/pandacam/cam2_col1.jpg);
	background-repeat:no-repeat;
	margin:4px 0 0 0 ;
	padding:0;
	float:left;
	position:relative;
	}
	.template1 #container #subcontent .homecolumn1 .cam {
	width:320px;
	height:240px;
	margin:48px 0 0 303px;
	}
	.template1 #container #subcontent .homecolumn1 #camlinks a {
		position: absolute;
	  text-decoration: none;
}
	.template1 #container #subcontent .homecolumn1 #camlinks a i { visibility: hidden; }

	a#postcard {left:527px; height:21px; width:97px; top:288px;}
	a#videogallery {left:298px; height:40px; width:165px; top:318px;}
	a#camtimelapse {left:463px; height:40px; width:165px; top:318px;}




	.template1 #container #subcontent #facebook {
	width:312px;
	height:386px;
	margin:0;
	padding:12px 0 0 12px;
	float:left;
	background-image:url(/images/zoo/pandacam/pandacam_facebook_feed_BG.jpg);
	background-repeat:no-repeat;
	}


	.template1 #container #subcontent #pandacamcol3 {
	width:247px;
	height:398px;
	float:left;
	margin:0;
	padding:0 0 0 9px;
	}
	.template1 #container #subcontent #pandablogs {
	width:247px;
	height:190px;
	background-image:url(/images/zoo/pandacam/panda_blogs_BG.jpg);
	float:left;
	margin:2px 0 0 0;
	padding:0 ;
	}
	.template1 #container #subcontent #pandablogs #blogfeed {
	width:180px;
	height:70px;
	background-image:url(/images/zoo/pandacam/panda_blogs_BG.jpg);
	float:left;
	margin:0;
	padding:56px 0 0 20px ;
	position:relative;
	}
	.template1 #container #subcontent #pandablogs #blogfeed ul {
		padding:0;
		margin:0;
		list-style-image:none;
		font-family: Arial, Helvetica, sans-serif ;
	}
	.template1 #container #subcontent #pandablogs #blogfeed h4 {
		margin:0 ;
		padding:0;
		color:#7d8c12;
		font-size:10px;
		font-weight:normal;
	}
	.template1 #container #subcontent #pandablogs #blogfeed li {
		font-size:16px;
		color:#7d8c12;
		list-style-type:none;
		padding:0 0 5px 5px;
		margin:0;
	}

	.template1 #container #subcontent #pandablogs #blogfeed a:link {
		font-size:12px;
		color:#7d8c12;
		text-decoration:underline;
	}
	.template1 #container #subcontent #pandablogs #blogfeed a:visited {
		font-size:12px;
	color:#7d8c12;
		text-decoration:underline;
	}
	.template1 #container #subcontent #pandablogs #blogfeed a:hover {
		font-size:12px;
	color:#7d8c12;
		text-decoration:none;
	}

	.template1 #container #subcontent #pandablogs #blogfeed #pandabloglink a {
		position: absolute;
	  height: 32px;
	  width: 232px;
	  top: 13px; 
	  text-decoration: none;
}
	.template1 #container #subcontent #pandablogs #blogfeed #pandabloglink a i { visibility: hidden; }

	a#pandablogcategory {left:7px;}



 .template1 #container #maincontent {
	background-color: #e8ead5;
	margin: 10px 0 0 0;
	padding: 0px;
	width: 671px;
	float:left;
}
 .template1 #container #maincontent p {
	font-family:Arial, Helvetica, sans-serif;
	color: #6d5638;
	font-size: 12px;
	line-height: 17.5px;
	margin-top: 0px;
	margin-bottom: 17px;
}
 .template1 #container #maincontent p a:link {
	font-family:Arial, Helvetica, sans-serif;
	color: #6d5638;
	text-decoration: none;
	border-bottom-color:#d2bf92;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
 .template1 #container #maincontent p a:visited {
	font-family:Arial, Helvetica, sans-serif;
	color: #6d5638;
	text-decoration: none;
	border-bottom-color:#d2bf92;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
 .template1 #container #maincontent p a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #6d5638;
	text-decoration: none;
	border-bottom-color:#b5a57e;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.template1 #container #maincontent li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #6d5638;
}
.template1 #container #maincontent ul {
	margin-top: -12px;
}

 .template1 #container #sidebar {
	font-family:Arial, Helvetica, sans-serif;
	color: #6d5638;
	font-size: 12px;
	line-height: 17.5px;	
}

.template1 #container #maincontent #panda_cam_blurb {
	background-image:url(/images/zoo/pandacam/panda_cub_updates_BG.jpg);
	background-repeat:no-repeat;
	width:471px;
	height:153px;
	margin:0 0 15px 0;
	padding:0 100px 0 160px;
}
.template1 #container #maincontent #panda_cam_blurb .blurbcontent{
	height:153px;
	vertical-align: middle;
	padding:20px 0 0 0;
	}
.template1 #container #maincontent #panda_cam_blurb h5 {
	font-family:Arial, Helvetica, sans-serif;
	color: #6d5638;
	font-size: 10px;
	line-height: 17.5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.template1 #container #maincontent #panda_cam_blurb h6 {
	font-family:Arial, Helvetica, sans-serif;
	color: #6d5638;
	font-size: 12px;
	line-height: 17.5px;
	margin-top: 0px;
	margin-bottom: 2px;
}
	#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;
	}