body {
	background: #3D2F22;
	margin: 0px;
	padding: 0px;
}
body#splashBody {
	background: #3d2f22 url(images/bg_mid.jpg) repeat-x center top;
}
body#mapBody {
	background: #3D2F22 url(images/bg_mid.jpg) repeat-x left top;
	margin-top: 8px;
	margin-bottom: 8px;
}

html {
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
}
html, p, ul, li, ol {
	font-size:12px;
	line-height:18px;
	color:#000;
}
img {
	border:none;
}
img.fltRtBorder, img.fltRt{
	float: right;
	margin-bottom: 4px;
	margin-left: 7px;
}
img.fltRtBorder, img.fltLtBorder {
	background: #FFFFFF;
	padding: 1px;
	border: 3px solid #D2CFAB;
}
img.fltLt{
	float:left;
	margin-bottom:4px;
	margin-right:8px;
}
a:hover img.fltRtBorder, a:hover img.fltLtBorder{
	border-color:#FFFFFF;
}
#colwrap h1, #colwrap h2, #colwrap h3, #colwrap h4, #colwrap h5, #colwrap h6{
	/*font-family:Trebuchet MS, Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#B24100;
	font-weight:normal;
	line-height:normal;
	letter-spacing:-1px;
	text-transform:capitalize;
	margin-bottom:4px;
	margin-top:8px;
}
#colwrap h1{
	font-size:22px;
	margin-bottom:12px;
}
#colwrap h2{
	font-size:18px;
}
#colwrap h3{
	font-size:16px;
}
#colwrap h4{
	font-size:14px;
}
#colwrap h5{
	font-size:13px;
}
#colwrap h6{
	font-size:12px;
}
#colwrap p{
	margin-top:0px;
}
#colwrap ul {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style-type: none;
}
#colwrap ul li {
	background: url(images/bg_li.gif) no-repeat left top;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 19px;
}
.clear{
	clear:both;
	margin: 0px;
	padding: 0px;
}
font.h3 {
	/*font-family:Trebuchet MS, Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#B24100;
	font-weight:normal;
	line-height:normal;
	letter-spacing:-1px;
	text-transform:capitalize;
	margin-bottom:4px;
	margin-top:8px;
	font-size:16px;
}

font.h2 {
	/*font-family:Trebuchet MS, Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#B24100;
	font-weight:normal;
	line-height:normal;
	letter-spacing:-1px;
	text-transform:capitalize;
	font-size:18px;
}

.divider {
	background: url(images/bg_divider.gif) repeat-x center top;
	height: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
form{
	margin:0px;
	padding:0px;
}
form input, form textarea, form select{
	font-size:12px;
	/*font-family:Trebuchet MS, Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	color:#3D2F22;
	border: 1px solid #CCCCCC;
	padding:2px;
}
form input.submitbutton {
	border-style: none;
}
.requiredNote {
	background: #FFFFFF;
	border-left: 5px solid #DDDAB7;
	padding-right: 10px;
	padding-left: 8px;
	color: #333333;
	font-size: 13px;
	line-height: 18px;
}
.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}
.disclaimer {
	font-style: italic;
	font-size: 11px;
	line-height: 15px;
	background: #FFFFFF;
	padding: 5px;
	border-top: 3px solid #E6E2C8;
	color: #000000;
}
blockquote.quoteFloatRight, blockquote.quoteFloatLeft {
	width: 190px;
	padding-left: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #3D2F22;
	line-height: 20px;
	font-style: italic;
	padding-top: 5px;
	padding-bottom: 8px;
}
blockquote.quoteFloatRight{
	float: right;
	margin: 0px 0px 5px 12px;
	border-left: 3px solid #FFFFFF;
}
blockquote.quoteFloatLeft{
	float: left;
	margin: 0px 10px 5px 0px;
	border-right: 3px solid #FFFFFF;
}
.colFloatRight {
	float: right;
	width: 190px;
	margin-left: 15px;
	padding-left: 14px;
	border-left: 3px solid #FFFFFF;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.colFloatRight h3 {
}
.noBorder {
	border-style: none !important;
}
.animalListLeft, .animalListRight{
	float: left;
	width: 233px;
}
.animalListLeft {
	margin-right: 25px;
}
.animalListRight {
}
.interAnimal {
	color: #91ac4b;
	font-weight: bold;
}
.tourAnimal {
	color: #006699;
	font-weight: bold;
}
.babyAnimal {
	color: #990000;
	font-weight: bold;
}









a:link, a:visited{
	text-decoration:none;
	color:#148DC9;
}
a:hover, a:active{
	text-decoration:underline;
	color:#C74B1E;
}




#topbanner {
	background: #B0C66D url(images/bg_topbanner.gif) repeat-x center bottom;
	height: 114px;
	width: 100%;
	overflow: hidden;
}
#topheader {
	background: url(images/bg_topheader.jpg) no-repeat center top;
	height: 102px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#headerlogo {
	padding-left: 20px;
	padding-top: 3px;
	border-style: none;
}


#mid {
	background: url(images/bg_mid.jpg) repeat-x center top;
	width: 100%;
	padding-top: 4px;
}
#container {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}
#pagetop {
	background: url(images/bg_page_top.gif) no-repeat center top;
	height: 2px;
	width: 740px;
	overflow: hidden;
}
#pagemid {
	background: url(images/bg_page.gif) repeat-y center top;
	width: 740px;
}
#pagecontainer {
	padding: 1px 3px;
}
#hmheadwrap {
	/*height: 305px;
	overflow: hidden;*/
	margin-bottom: 3px;
	background:#000 url(images/bg_hmheadright.jpg) repeat;
}
#hmheadflash {
	background: #000000;
	float: left;
	/*height: 306px;*/
	width: 547px;
	/*overflow: hidden;*/
	color: #999999;
}
#hmheadright {
	/*background: #000000 url(images/bg_hmheadright.jpg) repeat left top;*/
	float: right;
	width: 184px;
	/*height: 306px;
	overflow: hidden;*/
	color: #D3D1AB;
	font-size: 11px;
	line-height: 14px;
	padding: 0px;
}
#hmheadright .hmnewspad {
	padding: 5px 10px;
	line-height:13px;
}

#hmheadright h2 {
	font-size: 18px;
	font-weight: normal;
	color: #EB8313;
	letter-spacing: -1px;
	margin: 0px;
}

#hmheadright h3 {
	font-size: 15px;
	color: #fff;
	letter-spacing: -1px;
	margin: 6px 0px 2px;
	font-weight: normal;
	line-height:normal;
}
#hmheadright a{
	color:#B0C66D;
	text-decoration:none;
}
#hmheadright a:hover{
	color:#fff;
	text-decoration:underline;
}
#headerphoto {
	margin-bottom: 3px;
}
#interesting {
	background: #000000 url(images/bg_hmheadright.jpg) repeat left top;
	height: 50px;
	overflow: hidden;
	color: #FFFFFF;
	width: 100%;
	margin: 0px 0px 3px;
	padding: 0px;
	border-style: none;
	text-align: center;
	vertical-align: middle;
}
#interesting span.interestingBold {
	font-size: 13px;
	color: #B0C66D;
	letter-spacing: 1px;
}


#nav {
	height: 28px;
	background: #46ABC3;
	margin-bottom: 3px;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
#nav ul li {
	margin: 0px;
	padding: 0px;
	display: block;
	float:left;
	position:relative;
}
#nav ul li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	padding: 6px 12px 10px;
	line-height: 28px;
}
#nav ul li a:hover {
	color: #FFCD1A;
	text-decoration: none;
	background: url(images/bg_nav_a_hover.gif) repeat-x left top;
}

/* Start Dropdown Styles */
#nav ul li.dir a {
	background:url(images/bg-dir-a.png) no-repeat right 12px;
}
#nav ul li.dir > a:hover, #nav ul li.dir:hover > a{
	background: url(images/bg_nav_a_hover.gif) repeat-x left top;
	color: #FFCD1A;
}
#nav .dir ul {
	display: none;
	position: absolute;
	top:28px;
	left:0;
	z-index:11;
	line-height:normal;
	background: #46ABC3 url(images/bg_nav_a_hover.gif) repeat-x left top !important;
}
#nav .dir:hover > ul,
#nav .dir.hover > ul{
	display:block;
}
#nav .dir ul li {
	background: none;
	text-align: left;
	clear:both;
	display:block;
	position:relative;
}
#nav .dir ul li a {
	text-transform: capitalize;
	color: #fff !important;
	cursor: pointer;
	font-weight: normal;
	font-size:11px;
	line-height: 15px;
	padding: 6px 12px;
	width: 126px;
	display:block;
	letter-spacing:normal;
	background-image:none !important;
	height:auto;
}
#nav .dir ul li a:hover {
	color: #FFCD1A !important;
	text-decoration:none !important;
	background:#1D7E9E !important;
}
#nav .dir .dir ul{
	position:absolute;
	z-index:12;
	left:150px;
	top:0;
}
#nav .dir .dir a, #nav .dir .dir a:hover{
	border-left:solid 1px #C41D40;
}
#nav .dir .dir ul li a, #nav .dir .dir ul li a:hover{
	background-image:none !important;
}
/* END Dropdown Styles */

#content {
	background: #F5F4EA;
	padding: 12px;
}
#contentInterior {
	background: #f5f4ea url(images/bg_colwrap-interior.gif) repeat-y left top;
}


#colwrap {
	width: 100%;
	position: relative;
	overflow: hidden;
	visibility: inherit;
}
#homeHeadWrap{
	padding-bottom: 3px;
	height:230px;
	overflow:hidden;
}
#homeHeadLeft {
	float: left;
	width: 520px;
}
#homeHeadRight {
	float: right;
	text-align: right;
	width: 210px;
}
#homeHeadRight a img, #homeHeadRight img{
	margin-bottom: 4px;
}
#homeHeadRight a + a img, #homeHeadRight img + a img, #homeHeadRight img + img{
	margin: 0;
}
#homeBannersWrap {
	height:90px;
	padding-bottom:3px;
	overflow:hidden;
}
#homeBannersA {
	float: left;
	width: 520px;
}
#homeBannersB {
	float: right;
}
#colA-Home {
	float: left;
	width:225px;
}
#colA-Home #welcome{
	color: #000;
	font-size: 11px;
	line-height: 18px;
	width: 201px;
	padding: 12px;
	background: url(images/bg-colA-Home.png) no-repeat 0 0;
}
#colA-Home #welcome p{
	color: #000;
	font-size: 11px;
	line-height: 18px;		
}
#colA-Home #welcome h1 {
	color: #3D2F22;
	margin: 0 0 2px 0;
}
#socialIcons{text-align:center;}
#colB-Home {
	float: left;
	margin-left: 20px;
	width: 220px;
	padding: 0;
}
.colContent{
	background: url(images/bg-colBC-Home.gif) repeat-x 0 0;
	padding-top: 16px;
}

#colC-Home {
	float: right;
	width: 220px;
}
#colC-Home.eventsBox ul li {
	padding: 0;
	background: none;
	position:relative;
	overflow:hidden;
	margin: 0 0 10px 0;
}
.ueDateBox {
	background: url(images/bg-ueDateBox.png) no-repeat 0 0;
	height: 40px;
	width: 41px;
	display:block;
	overflow:hidden;
	float:left;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase !important;
	color: #3D2F22;
	line-height: 12px;
	padding-top:3px;
}
.ueDate {
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: -2px;
	color: #C74B1E;
	font-size: 22px;
	line-height: 18px;
}
a:hover .ueDate{
	color:#8c734a;
	text-decoration:none !important;
}
.ueTitle{
	display:block;
	float:left;
	margin:0 0 0 8px;
	width: 170px;
	line-height:16px;
}
.ueTitle strong{
	color:#B24100;
}



#twocola {
	float: left;
	width: 347px;
}
#twocolb {
	width: 347px;
	float: right;
}
#animalsSquares img {
	margin-bottom: 3px;
}
#animalsSquares img.animalSquareL {
	margin-right: 3px;
}


#cola {
	float: left;
	width: 183px;
}
#cola h2 {
	font-size: 14px;
	line-height: normal;
	color: #666666;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin:0px;
}

#cola .colamodule {
	padding: 0px 10px 40px;
	background: url(images/bg_colamodule.gif) no-repeat right bottom;
}
blockquote.quotes {
	font-size: 12px;
	font-style: italic;
	color: #3D2F22;
	margin: 7px 0px 0px;
	padding: 0px;
	line-height: 17px;
}
blockquote.quotes span.author {
	font-size: 11px;
	color: #828282;
	padding-left: 12px;
}


#subnav, #subnav-other {
	padding-top: 10px;
	width:160px;
	overflow:hidden;
}
#subnav h2, #subnav-other h2 {
	color: #000000;
}
#subnav-other{
	padding-top:0px !important;
}
#subnav ul, #subnav-other ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	width:160px;
}
#subnav ul li, #subnav-other ul li {
	margin: 0px;
	padding: 0px;
	background: url(images/bg_subnav_li.gif) repeat-x left bottom;
}
#subnav ul li a, #subnav-other ul li a {
	text-decoration: none;
	margin-left:0px;
	color: #148DC9;
	font-size: 13px;
	letter-spacing: -1px;
	display: block;
	padding: 7px 0px 1px 0px;
	text-transform: capitalize;
}
#subnav ul li a:hover, #subnav-other ul li a:hover {
	color: #B24100;
	text-decoration: none;
	background: url(images/bg_subnav_li_a-hover.gif) no-repeat right top;
}
/* Fix IE. Hide from IE Mac \*/
* html #subnav ul li, * html #subnav-other ul li {
	float: left;
	height: 0px;
}
* html #subnav ul li a, * html #subnav-other ul li a  {
	height: 0px;
}
/* End */


#colb {
	float: right;
	width: 526px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}
#mapContainer {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.facilityLeft, .facilityRight {
	float: left;
	height: 354px;
	width: 237px;
	overflow: hidden;
	margin-bottom: 8px;
	padding: 8px 10px;
}
.facilityLeft ul li, .facilityRight ul li {
	margin-left:6px !important;
}
.facilityLeft {
	background: url(images/bg_facility_left.gif) no-repeat;
	margin-right: 10px;
}
.facilityRight {
	background: url(images/bg_facility_right.gif) no-repeat;
}
.facilityLeft h2, .facilityRight h2 {
	margin-top: 0px !important;
}
.memberLeft, .memberRight {
	float: left;
	height: 125px;
	width: 237px;
	overflow: hidden;
	margin-bottom: 8px;
	padding: 8px 10px;
}
.memberLeft ul li, .memberRight ul li {
	margin-left:6px !important;
}
.memberLeft {
	background: url(images/bg_facility_left.gif) no-repeat;
	margin-right: 10px;
}
.memberRight {
	background: url(images/bg_facility_right.gif) no-repeat;
}
.memberLeft h4, .memberRight h4 {
	margin-top: 0px !important;
	text-align: center;
}

table.joining {
	padding-right: 25px;
	vertical-align: top;
	text-align: left;
	width: inherit;
}

#pagebtm {
	background: url(images/bg_page_btm.gif) no-repeat center top;
	height: 2px;
	width: 740px;
	overflow: hidden;
}
#footer {
	background: url(images/bg_footer.gif) no-repeat center top;
	height: 57px;
	width: 740px;
	overflow: hidden;
	margin-top: 6px;
	font-size: 11px;
	line-height: 13px;
	color: #3D2F22;
	margin-bottom: 10px;
}
#footerl {
	float: left;
	padding-top: 14px;
	padding-left: 95px;
}
#footerr {
	float: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #827E3E;
	padding-top: 42px;
	padding-right: 6px;
}
#footerr a {
	text-decoration: none;
	color: #827E3E;
}
#footerr a:hover {
	color: #000;
	text-decoration: underline;
}

#footer .footdivider {
	color: #FFFFFF;
}
#corner {
	background: url(images/bg_corner_pumpkin.gif) no-repeat right top;
	height: 135px;
	width: 135px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
}
#cornerAnimal {
	background: url(images/bg_corner_penguin.gif) no-repeat right top;
	height: 140px;
	width: 155px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
}
#rhinoSponsors img{
	margin-bottom:12px;
	border:1px solid #CFCDA7;
}
#rhinoSponsors a:hover img{
	border-color:#3D2F22;
}






/*
///////////////////////////////
These are standard sIFR styles... do not modify
*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #colwrap h1 {
	visibility: hidden;
	font-size:28px;
	display:block;
	letter-spacing:-5px;
	margin:0px 0px 12px 0px;
}
.sIFR-hasFlash #colA-Home h1 {
	visibility: hidden;
	font-size:21px;
	display:block;
	letter-spacing:-5px;
	margin:0 0 4px 0;
}
.sIFR-hasFlash #colB-Home h2 {
	visibility: hidden;
	font-size:22px;
	display:block;
	letter-spacing:-5px;
	margin:0;
}
.sIFR-hasFlash #colC-Home h2 {
	visibility: hidden;
	font-size:22px;
	display:block;
	letter-spacing:-5px;
	margin:0;
}
.sIFR-hasFlash #hmheadright h2 {
	visibility: hidden;
	font-size:24px;
	letter-spacing:-1px;
	display:inline;
	margin:0px;
}
.sIFR-hasFlash #cola h2 {
	visibility: hidden;
	font-size:18px;
	display:block;
	letter-spacing:-3px;
}
/*
//////////////////////////////////
END sIFR STYLES
*/


/*//////////////////////*/
/* LIGHTBOX STYLES */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}
#imageContainer img{
	border:1px solid #333;
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{
	background-color: #fff;
	margin: 0px auto 10px;
	line-height: 12px;
	}
#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;color:#333;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 75px; float: right;  padding-bottom: 0.7em; text-align:right;	}	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/*/////////////////////////*/
/* END LIGHTBOX STYLES */