@import url("contentStyles.css");

#overlayBack {position:absolute; top:0px; left:0px; width:100%; height:100%; height:1000px);
			  background:#000;  	filter: alpha(opacity=50);     -moz-opacity: 0.50;
			 z-index:1000;  display:none;}
#overlayFrameHolder  {position:absolute;  width:100%; left:0px;   margin:55px auto;
			 z-index:1001; display:none; }

.pageMessage {   z-index:1000; right:10px; top:103px; position:absolute;
background:#F47220; color:#FFF; padding:5px 10px; margin:0 auto; font-size:11px; font-weight:bold; border:1px solid #F6F1BA; display:none;} 



/* PAGE TOOLS */
.addVisit { display:none; }
#type-animal .addVisit { display:inline; }
#type-habitat .addVisit { display:inline; }
#type-ride .addVisit { display:inline; }
#type-event .addVisit { display:inline; }


#pageManager { position: absolute; top:0; position:fixed; z-index:100; width:100%;} 
#pageManager { display:none;}

.editHelp { display:none; }
.displayTrue { display:block; }
.displayFalse { display:none; float:none;}

/******* 	GENERAL CLASSES	 	*******/
BODY				{ margin: 0;
					  font-family: Arial, Helvetica, sans-serif, Verdana;
		 		  	  color:#000000; font-size:12px; line-height:15px;
		  		  	 }		
a:focus {
		outline: none;
		}					 
					 
#homeLink { position:absolute; top:5px; left:10px; z-index:1000; font-size:11px;  }					 
#homeLink A { color:#549246; text-decoration:none;} 
#homeLink A:hover { color:#FFF; }
#homeLink IMG { margin-right:3px; }
/* DEFAULT THEME */			
#pageHeader { background: #00400F url(/App_Themes/jungle/headbg.jpg) top   repeat-x; height:135px;}		
#pageHeader img  { behavior: url(/assets/styles/iepngfix.htc); }  

BODY 	{  background: #9fcf67 url(/App_Themes/jungle/bg.jpg) top center  repeat-y;	}		
#homeoverlay 	{ left:-217px; top:32px; width:300px; height:340px; }
#navMid			{ background:#005419 url(/App_Themes/jungle/midback.jpg);}
#footBreak 		{ background:#005419;}

.navPop 				{  background:#00400F;	}
.navPop a:hover  { background:#01591D; }
/* END DEFAULT THEME */		
					  
#homeoverlay { position:absolute; left:0px; top:0px; }

A 					{ color: #d95f12; 		}												
A:hover 			{ text-decoration:underline;   color: #f47321; }
										
TABLE				{ font-size:12px; 	 	}
TR,TD				{ vertical-align:top;	}
UL 				{ margin:5px 15px 12px 18px; padding:0px;	/* list-style-image: url(../images/customBullet.gif)	*/}
LI 				{ margin:0px 0px 7px 10px;	padding:0px 0px 0px 5px;	}
BLOCKQUOTE		{ margin:0px 0px 15px 33px; padding:0px;					}
P 					{ margin:0px 0px 5px 0px; padding:0 0 5px 0;				}
HR					{ height:1px; border:0px; color:#fff; background:#fff;	}
FORM				{ margin:0px 0px 0px 0px; padding:0px;						}
SUP 			{ font-size:8px; line-height:0px; font-family: Arial;}
a img 	{border: none; }

html,body 		{ height: 100%;	}			/* used to allow tables to span 100% high */


/******* 	CUSTOM TYPE CLASSES		********/

.errormsg 		{ font-size:11px; color:#E81600;		}

/*******	 HELPER CLASSES	******/
.whiteline 		{ background:#FFFFFF; margin: 0;	padding: 0; border: 0px; height:1px; font-size:1px; line-height:1px; display: block; }
.bgline			{ background:#BBBBBC; border:0px none;	height:1px;	}
.nowrap			{ white-space:nowrap;	}
.spacer 			{ clear: both; visibility:hidden; height:0px; font-size:0px; line-height:0px; }			/* used to fix CSS float bugs */
.tableholder 	{ width:100%; 				}								/* used to encapsulate tables that extend off a page */
.halfLeft		{ float:left;	 	width:50%; 	position:relative;	}
.halfRight		{ float:right; 	width:50%; 	position:relative; 	}
.halfRightPad		{ padding-left:20px;	}
.floatfix		{ visibility:hidden; height:0px; font-size:0px; line-height:0px; }			/* used to fix CSS float bugs */

/******* 	PAGE AREAS		*******/
#idHome		{}		/* assigned to homepage Body tag */
#idSub		{}		/* assigned to subpage Body tag */

#pageWidth { position:relative; width: 960px; margin: 0 auto; background:#f6f1ba; padding-bottom:100px; }
#pageTable 		{ height: 100%;	}
#pageBody		{ }
#pageContent	{ position:relative; }

#homeContent { background:#f6f1ba url(../images/home/botback.jpg) repeat-x;}

.pageTitle { font-size:19px; line-height:21px; color:#000000; font-weight:bold; display:inline; margin-right:5px;}
.pageTitle2 { font-size:17px; line-height:17px; color:#000000; font-weight:bold; display:block; margin-right:5px; margin-bottom:5px;}


.pageTools { font-size:11px; float:right;  margin:10px 0 0 10px;}
.pageTools A { color:#8F4617; text-decoration:none; margin-right:15px;}
.pageTools A:hover { color:#F47220; }
.pageTools IMG { vertical-align:top; margin-right:5px; }

.pageIcons UL { list-style: none;  margin: 0px; padding:0px; font-size:12px; line-height:13px;margin-top:10px;}
.pageIcons LI { margin:0px 0px 1px 0px; padding:0px; clear:both; }
.pageIcons A { text-decoration: none; font-weight: bold; color:#000; display:block; position:relative;  }
.pageIcons A IMG {float:left; }
.pageIcons SPAN { margin-left:42px; display:block; padding-top:10px; }
.pageIcons SPAN.double {padding-top:5px; }
.pageIcons A:hover { text-decoration:none; }

#homeIcons.pageIcons {width:335px; }
#homeIcons.pageIcons .iconlist1	A:hover { color:#F47321;}
#homeIcons.pageIcons .iconlist2	A:hover { color:#45693F;}
#homeIcons.pageIcons .iconlist1		{  float:left; margin-left:25px; width:140px;}
#homeIcons.pageIcons .iconlist2		{  float:right; width:140px;}

#subIcons.pageIcons {margin-left:10px; margin-top:15px;  margin-bottom:30px; height: 200px;} 
#subIcons.pageIcons A { color:#FFF; }
#subIcons.pageIcons .iconlist1	A:hover { color:#E8BD2B;}
#subIcons.pageIcons .iconlist2	A:hover { color:#C0D72F;}

/******* 	SUB PAGE	*******/
#subTable { position:relative; margin-bottom:50px;}
#subSide 	{background:#2b8023; width:192px; position:relative; }
#subTable td { position:relative;}
#subPage { position:relative; width:768px; }
#subBody { margin-top:10px; margin-right:10px; }
#subPageNoNav {padding:0px 0 0 15px;}
#subPageTemplate {padding:65px 0 0 15px;}
#pageHeader { z-index:22;}
#subHead 	{ position:relative; height:142px; width:768px; z-index:15; background:#0E1A18;}
#subHeadImage 	{position:absolute; top:0px; left:0px;}
#subHeadTitle 	{ top:118px; left:15px; position:absolute; 
					text-transform:uppercase; font-size:17px; color:#FFFFFF;	font-weight:bold			}
#subHeadTitle A { color:#FFF; text-decoration: none; }

.tabSectionTitle { font-size:14px; font-weight:bold; background:#FFFFFF; padding: 2px; margin-top:20px;}
.tabSectionTitle { display:none;}
#subColumn1 { width:192px; }
#subColumn2 { width:576px; }


#breadcumbs { color:#8f4617; font-size:11px; line-height:13px; margin: 10px 130px 12px 0; }					
#breadcumbs a { color:#8f4617; text-decoration:none;}		
#breadcumbs a:hover { color: #f47321;}
#subCaption { color:#8f4617; font-size:11px; line-height:12px; display:inline;}

#mainImageDiv { border:2px solid #f47321; margin-right:15px; float:left; }
.subImages { margin-top:8px; width:576px; position:relative;}
.subImage1 { border:2px solid #f47321; margin-right:15px; float:left;}
.subImage2 { border:2px solid #f47321; float:left;}

.subImageFloat { float: right; }
.subImageFloat IMG {  border:2px solid #f47321; margin: 0 0px 15px 15px }

#subContent { margin-top:8px; margin-right:18px; }


.sideItems { margin: 0 10px 0 10px }


#sideSliders .calloutBody { display:none; }

.calloutLabel {  }

.headLinks { position:absolute; right:10px; top:5px; }
.animalPreview .calloutHead a { background:none; display:inline; }
.calloutHead { position:relative; font-weight:bold; font-size:11px; line-height:12px; 
				background:#f6cd7c url(../images/cback.jpg) repeat-x; color:#8f4617; padding:5px 10px; border:1px solid #f6c46e;}
.calloutHead a { color:#8f4617;  }
.calloutHead a:hover { color:#000000;}
.calloutHead i { font-style: normal; font-weight:normal; margin-left:10px;}
.calloutBody { position:relative; background:#faf8dd; color:#8f4617; padding:8px 10px 20px 10px; font-size:11px; line-height:12px;}

.listItemSide { margin: 6px 0 0 0 }
.listItemSide IMG {  border-bottom:none;}
.listItemSide .calloutHead { border:none;}
.listItemSide a { text-decoration:none; border:1px solid #f6c46e;display:block;}
.listItemSide a:hover { border:1px solid #Fff; }
.listItemSide a:hover .calloutHead { background:#FFFFFF; text-decoration:none; color:#F47220;}

.listItemKids { margin: 6px 20px 0 0; clear:both; border:1px solid #F37421;  background:#fff;}
.kidsDetails  { padding:0px 10px 10px 0; width:350px; float:right;}
.listItemKids IMG {  border-bottom:none;}
.listItemKids .calloutHead { border:none; background:#F37421; color:#fff; font-size:15px; position:relative;}
.listItemKids .calloutHead a {color:#fff; font-size:12px; position:absolute; right:20px; top:4px;}
.kidsSide { float:left; width:175px; }
.kidsLinks { font-size:12px; line-height:14px; font-weight:bold; float:right; width:380px; padding-left:2px; clear:none;}
/* .kidsDetails { height:300px; overflow:auto; float:right; width:385px; padding-left:2px;} */

.kidsList { float:left; width:33%; margin: 10px auto 0px auto; } 
/*
.listItemKids a { text-decoration:none; border:1px solid #f6c46e;display:block;}
.listItemKids a:hover { border:1px solid #Fff; }
.listItemKids a:hover .calloutHead { background:#FFFFFF; text-decoration:none; color:#F47220;}
*/


#sideInfo {  width:162px; float:left;} 
#sideInfo .calloutBody { padding-bottom: 10px; padding-top: 7px;}

.animalPreview { position:relative;	clear: both; 	padding: 15px 0 0 0; font-size:12px; line-height:13px; }
.animalPreview A { background:#FFF; color:#8F4514; display:block; text-decoration:none;}
.animalPreview A:hover { color:#F47220; text-decoration:none;}
.animalPreview .content {  padding:7px 15px 7px 10px;}
.animalPreview IMG.image { 	position:relative; float: left; margin-right:10px; width:175px; height: 75px; border:1px solid #f6c46e; border-top:none;}

.animalPreview a { text-decoration:none; display:block;}
.animalPreview a:hover {  }
.animalPreview a:hover .calloutHead { background:#FAF9DD; border:1px solid #EFDFB3; text-decoration:none; color:#F47220;}



.CMSSearchResultsNoResultsLabel { font-weight:bold; display:block; margin:15px 0 0 0px; text-align:center; background:#FFF; padding:3px; }
#_ctl0__ctl0_plcMain_plcSub_srchDialog_srchDialog_CMSSearchDialog { padding:3px; background:#FFF; margin-bottom:10px;  }
#_ctl0__ctl0_plcMain_plcSub_srchDialog_srchDialog_CMSSearchDialog LABEL { text-align:right; font-weight: bold; padding-top:3px; display:block;}

#subPage .CMSSearchDialogSearchButton, #subPage .CMSSearchDialogSearchButton:hover { display:inline;}
.SearchResult { clear:both;  }
.SearchResult a { display:block; text-decoration:none; padding:3px 3px 3px 5px; margin:5px; border-bottom:1px solid #FFF;}
.SearchResult a:hover { background:#FFF; }
.SearchResult .ResultTitle {font-weight:bold;}
.SearchResult .content { font-size:12px; line-height:13px; color:#000;} 
.SearchResult a IMG { float:right; margin-left:10px; }

.SearchPager DIV { margin: 0 0 -10px; }
.SearchPager { margin: 15px 0 50px 0;  }
.SearchPager .ResultNum, .SearchPager .ResultControl { display:block; float:left; 
					background: #FFF; padding:2px 4px; margin: 1px; text-decoration:none;}	



/*#homeFlash  {margin-top:-24px; } */

/******* 	HEADER		*******/
#pageHeader		{ position:relative;}
#headLogo 	{ position:absolute; }
#headIcons { position:absolute; top:30px; left:385px;}
#headSearch { color:#FFF; font-size:11px; font-weight:bold; 
				position:absolute; top:40px; right:20px;;
				}
#headSearch INPUT.sfield { margin-left:3px; width: 100px; border: 1px solid #F47220; font-size:11px; height:16px; padding: 2px 0 0 2px;  vertical-align:middle; background:url(../images/input.jpg)}
#headSearch .sbutton { vertical-align:top; margin: 1px 0 2px 1px; border:0px; padding:0px;} 

#headLinks { position:absolute; top:67px; right:50px; z-index:30}
#headLinks { font-size:11px;}
#headLinks UL { margin: 0px; padding:0px; list-style:none; }
#headLinks LI { margin: 0px 0 1px 0; padding:0px; text-align:right; }
#headLinks a { color:#FEC422; text-decoration:none;}
#headLinks a:hover { color:#F47220; }
#headLinks .ldot { margin: 0 0 0 5px; vertical-align:middle}
#userInfo { color:#FFF; margin: 0 -45px 0 0; text-align:right; padding-left:2px; }
#userInfo INPUT  {  position:relative; display:inline; background:none; 
color:#FFC423 !important; border:0px; padding:0px; margin:0px !important; font-size:11px !important; font-family:arial; font-weight:normal; width:auto;  }
#userInfo INPUT.button:hover {color:#F47220 !important; cursor: hand !important; }

/******* 	FOOTER		*******/
#pageFooter, #pageFooter	TABLE	{ font-size:11px; color:#000000; }
#pageFooter	TABLE	 { padding:2px; }
#pageFooter A  { color:#000000;	text-decoration:none;}
#pageFooter A:hover  { color:#000000;	 color: #f47321;}

#footLinks {  margin: 0px auto; font-weight:bold; }
#footLinks TD { padding: 0 25px; text-align:center; }
#footBreak { height:2px; line-height:2px; font-size:2px;  margin: 5px 0px;}



#footCopy { margin: 0px auto;  width:940px; }
#footCopy, #footCopy A  { color:#333333; }
#footCopy A, #footCopy A:hover  { color:#333333;  text-decoration:underline;}
#footFlags A, #footFlags A:hover { margin-right:10px; text-decoration:none;}
#footFlags IMG { margin-right:5px; }



#homeColumn1 { width:665px;}
#homeColumn2 { width:295px;}




.home-news { padding:9px 10px 10px 22px;}
.home-news .image { margin: 0 0 10px 0 }
.newsItem .title { font-weight:bold}

.newsItem { margin: 3px 0 10px 0; }
.newsItem a { color:#000; text-decoration:none;}
.newsItem a:hover { color:#F47320; text-decoration:none;}

.home-icons {width:300px; }
.home-icons .temp { margin-left:22px; }
.home-question {    width:320px; }
.home-question  .temp { margin-left:28px; }

.home-balloon {  position:relative; padding: 20px 0 0 0px;}
#homeBalloon { position:absolute; top:-15px; right:-20px; z-index:100; }
#homeBalloon img  { behavior: url(/assets/styles/iepngfix.htc); }

.home-poll {  position:relative; padding: 10px 0 0 0px;}


img.arrows { margin-left:5px; border:0px; }

.home-boxes {padding:9px 5px 10px 24px;}
.home-boxes .image { margin: 0 0 10px 0 }
.homeBoxes  { }
.homeBoxes  .boxFeature { background: url(../images/home/box-top.gif) no-repeat; height:175px;}
.homeBoxes a:hover { color:#F47320; text-decoration:none;}


.boxFeature { position:relative;  padding: 14px 22px 22px 15px; }
.boxContent { height:175px; overflow:hidden;} 

.boxTopTD { width:33%;}

.boxFeature .thumb { border:1px solid #F47320; }
.boxFeature .title { font-weight:bold; margin: 3px 0 2px 0; line-height:12px;}
.boxFeature   { line-height:13px; }
.boxFeature a { color:#000; text-decoration:none;}
.boxFeature a:hover { color:#F47320}

.sideFeatures .boxFeature { background:#428F31; padding: 10px; padding-top:4px; font-size:12px; line-height:13px; margin-bottom:10px;}
.sideFeatures .boxFeature .title { font-size:12px; line-height:13px;}
.sideFeatures .boxFeature .thumb { border:1px solid #00400F; }
.sideFeatures .boxFeature a { color:#fff; }
.sideFeatures .boxFeature a:hover { color:#FFF; text-decoration:none;}
.sideFeatures .boxFeature a:hover .title { color:#FEC425; text-decoration:none;}

#subCorner { position:absolute; bottom:20px; left:0px; }

#specTable { width:272px; float:right; color:#8F4717; font-size:11px; line-height:13px; margin:0 0 10px 10px}
#specTable .label {background:#FAF9DD; color:#F47224; width:90px; border-right:1px solid #F6C46F; font-weight:bold;}
#specTable TD { border-top:1px solid #F6C46F; padding: 2px 4px 3px 5px;  }

.programInfo { width:230px;  float:right; margin-left:20px;}
.programInfo #specTable { width:100%;}

#subSources { color:#904619; margin:8px; font-size:11px; } 
#viewBlog { text-align:right; margin:15px 0px; }
#registerLink {margin-top:10px}
.mainImageRight { float:right; }
.regionMapHolder { position:absolute; right:18px; top:0px; }

.kidsTable#kidsPuzzle TD 	{ width:33%; }
.kidsTable#kidsPuzzle TD A { width:120px; }

.kidsTable#kidsGames1 TD 	{ width:50%;}
.kidsTable#kidsGames1 TD A { width:187px;}

.kidsTable#kidsGames2 TD 	{ width:50%; }
.kidsTable#kidsGames2 TD A { width:159px; }

.kidsTable TD A { display:block; background-color:#2B8023; border:5px solid #2B8023; color:#FFFFFF; text-align:center; margin-bottom:10px; text-decoration:none;  margin:0 auto 20px auto; } 
.kidsTable TD A:hover { background-color:#F37220; border:5px solid #F37220; }
.kidsTable TD B { display:block; padding:3px 10px 0px 10px; font-size:15px; line-height:16px; color:#fff;  font-weight:bold; }

.reqadobe { float:right; margin-left:10px; font-size:11px; color:#666; text-align:right }
.reqadobe IMG { vertical-align:middle; }

div.newsletterIcon { float: left; width: 100px; padding-right: 10px; }
div.newsletterIcon a:hover img { filter: alpha(opacity=60); -moz-opacity: 0.60; }

.memTable { position:relative; }

.loginOK { margin-top:5px; }
