@charset "utf-8";
.style1 {
	font-size: 16px
}
* {
margin-left:0px;
padding-left:0px;
}
body {
	color:#ffcc33;
	background-color: #333300;
	background-image:url(../images/background-gradient-green.gif);
	background-repeat:repeat;
	margin: 0px;
	padding: 0px;

}
a {
	cursor:url(images/pawprint.cur);
}
.welcome{
  color: #ffffff;
 /* width: 80%;*/
  width: 900px;
  text-align:left;
  min-height: 300px;
  margin-bottom: 1em;
}

/******************************************************************
**              Place Icons in page banner                       **
******************************************************************/


#banner {
position:relative;
}

#todaysNewsIcon {
position:absolute;
top:75px;
left:750px;
}

#photoContestIcon {
position:absolute;
top:102px;
left:18px;
}

#dondiTributeIcon {
position:absolute;
top:122px;
left:18px;
}

#fallScheduleIcon {
position:absolute;
top:25px;
left:40px;
}
#shopAndSaveIcon {
position:absolute;
top:20px;
left:35px;
}

#zooTicketIcon {
position:absolute;
top:13px;
left:10px;
}

#valuePassIcon {
position:absolute;
top:-5px;
left:715px;
}


/******************************************************************
**                 Clear Floats as Needed                        **
******************************************************************/
.clearb { clear: both;
clear:right; }



/******************************************************************
**                  CSS for Splash page (index.html)             **
******************************************************************/
#outer_box #slideShow {
	width:1024px;
	margin:auto;
}
#outer_box #slideShow #placepic {
	position: absolute;
	left: 585px;
	top: 600px;
	z-index: 9999;
	color:#BBBB00
}
/******************************************************************
**                  CSS for Home Page                            **
******************************************************************/

#homePageWrapper {
	margin-top: 25px;
	width:920px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#menuwrapper {
	width: 925px;
	position:relative;
	margin-top: 0px;
	z-index: 100;

}

/******************************************************************
**                  CSS for Navigation                           **
******************************************************************/

#primary-nav li li { 
   width: 100px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px;
 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display:block;
}
#primary-nav li { 
   float: left; 
   margin: 0px; 
   padding: 0px;
}

#primary-nav li li { 
   margin-left: 0px;
   float:none;
   clear:both; 
   position: relative;
 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block;
   margin: 0px; 
/*   padding: .2em .8em;  */
   text-decoration: none; 
   font-size: 11pt;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica;
}
#primary-nav ul {
background-image:url(../images/backgroundDrop4.png);
background-position:top right;
/*height:400px;*/ 
}

#primary-nav li:hover ul, 
#primary-nav ul ul li.menuparenth ul {
	display: block; 
}

/******************************************************************
**           CSS for Java Script drop down menu    (test)        **
******************************************************************/

#primary-nav div
{
	position: absolute;
	visibility:hidden;
	margin: 0;
	padding: 0;
	z-index: 100;
}


	#primary-nav div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 4px 10px;
		white-space: nowrap;
		text-align:left;
		text-decoration: none;
		color:#FFCC33;
		z-index: 100;
		font-size:14px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;

	}

	#primary-nav div a:hover
	{
	background:#CC9933;
	color:#600000;
}

#MenuDD2 a {
width:70px;
} 

/******************************************************************
**         General margin settings to push items to right        **
******************************************************************/

.nugeL10{
padding-left:10px;
}
.nugeL20{
padding-left:20px;
}
.nugeL30{
padding-left:30px;
}
.nugeL40{
padding-left:40px;
}
.nugeL50{
padding-left:50px;
}



li li.nugeL10{
margin-left:10px;
width:100px;
}
li li.nugeL20{
margin-left:20px;
width:100px;
}

li li.nugeL30{
margin-left:30px;
width:100px;
}

li li.nugeL40{
margin-left:40px;
width:100px;
}


li li.nugeL50 {
padding-left:50px;
width:100px;
}


/******************************************************************
**                  CSS for footing                              **
******************************************************************/


#ticketStub {
	position: absolute;
	left: -25px;
	top: 100px;
	z-index: 10;
}
#emailPic {                 /* keep in touch pic in main pages */
	position: absolute;
	left: 200px;
	top: 97px;
	z-index: 10;
}

#earthIcon {
	left: 390px;
	top: 96px;
	position: absolute;
	z-index:10;
}

/*   temp inset to accout for new Earth Bash Ticket Icon on 51910  */

#earthBashIcon {
	left: 390px;
	top: 96px;
	position: absolute;
	z-index:10;
	margin-left:30px;
}


#souvenirs {
	left: 565px;     
	top: 94px;
	position: absolute;
	z-index:10;
}

#monthlyCalendars {
	left: 745px;
	top: 92px;
	position: absolute;
	z-index:10;
}

#joinEmailPic {  			/* join email pic on coupon page */
	position: absolute;
	left: 670px;
	top: 270px;
	z-index: 10;

}
#joinEmailPic2 {  			/* join email pic on coupon page */
	position: absolute;
	left: 720px;
	top: 85px;
	z-index: 10;

}

#earthBashTicket {  			/* ticket location on earth bash page */
	position: absolute;
	left: 10px;
	top: 550px;
	z-index: 10;
}

#earthBash09 {
position:relative;
width:465px;
height:700px;
margin:auto;
}



#couponImg {			/* */
	position: relative;
}


#peacockStore {
	left: 525px;
	top: 100px;
	position: absolute;
	z-index:10;
}

#footingBanner {
	position: relative;
}

#footingImg {
	padding: 0px;
	margin-top: 0px;
}

#designLink a{
font-style:italic;
/*text-decoration:none;*/
}

#designLink a:visited{
color:#e8cc79;
}
#designLink a:hover{
color:#ff0000;
}


/******************************************************************
**           CSS for News Page    (test)                         **
******************************************************************/

div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

div#NewsWrapper {
margin-top:20px;
margin-bottom:5px;
color:#600000;

} 

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 3px solid #666600; 
	text-align:left;
	width:800px;
	margin-left:40px;
	margin-bottom:20px;
	margin-top:20px;
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
  padding-left:10px;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}
.NewsSummaryLink a, .NewsSummaryMorelink a, 
#NewsPostDetailPrintLink a, #NewsPostDetailReturnLink a{
  color: #ffc000;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
  padding-left:10px;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}
.NewsDetail {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 3px solid #666600;  
/*    font-size: small;*/
	text-align:left;
	width:850px;
	margin-left:25px;
	margin-bottom:20px;
	margin-top:20px;
}


#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  margin-top:15px;
  }
#NewsPostDetailTitle {
border-bottom: 3px solid #666600;
padding-bottom: 5px;
}


#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 3px solid #666600;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/******************************************************************
**          Table rules for Hours and Rates Page                 **
******************************************************************/



table.admission{
  padding:0;
  border: 1px solid #707070;
}
table.admission td{
  padding: .5em;
}


.admission th{
  /* background-color: #ef8c33; */
  background-color: #005c00;
  padding: .25em;
  font-weight: bold;
}

.adodd{
  /* background-color: #f9e8c2; 542c00*/
  background-color: #666600;
}
.adeven{
}


#directions {
	font-size: 14px;
	padding-top: 15px;
}
#directions h1 {
	color:#FFCC33;
}
.exhibitTable img {
	padding: 15px;
	width: 400px;
}

.diningTable p {
	margin:0px 20px 20px 20px;
	padding:0px 20px 0px 20px;
}
.diningTable td {
	vertical-align:top;
}


.diningTable {
	color:#ffcc33;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size:18px;
}

.diningTable h2 {
	font-style: italic;
	font-weight: bold;
	margin:0px;
	padding:20px 0px 0px 0px;
}

.diningTable img {
	padding: 15px;
	width: 400px;
}

.divsep{
 clear: both;
 width:80%;
 border-bottom:3px solid #666600;
 margin-left:auto;
 margin-right:auto;
 margin-top:.5em;
 margin-bottom:1.5em;
}

/******************************************************************
**                   Rules for Calander Page                     **
******************************************************************/


.cal_header {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	font-style: italic;
	color: #ffffff;
}
.cal_header a{
	color: #ffffff;
	text-decoration:none;
}

.cal_sub_header {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #ffffff;
}
.cal-event {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	color: #ffffff;	
}

.cal-event td{
padding:5px;
width:150px;
vertical-align:top;
}

.cal-event td a{
color:#FF0000;
}
.calEventBackground {
background-color:#76763A;
}


#calHeader {
	background-color: #000000;
}

#cal_footing {
	background-color: #000000;
}
.calander {
	background-color:#000000;
	margin: 0px;
	left: 0px;
}

#find-it-fast li{
list-style:none;
}

#find-it-fast a{
color:#FFFFFF;
font-size:18px;
font-style:italic;
text-decoration:none;
line-height:25px;
padding-left:20px;

}
#find-it-fast a:hover{
color:#FFcc33;
text-decoration:none;

}
#find-it-fast a:visited{
text-decoration:none;

}
/******************************************************************
**                   Rules for Email Forms Page                  **
******************************************************************/



#formPage-wrapper {
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

#formPage-wrapper h2{
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
margin-top:0px;
margin-bottom:5px;
}

#inner-form {
padding:10px;
}

#inner-form label {
display:block;
width:180px;
float:left;
}

#formLink1 {
	left: 425px;
	top: 355px;
	position: absolute;
	z-index:10;
	color:#ffcc33;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	text-transform:capitalize;

}


/******************************************************************
**                   Rules for Souvenir Pages                  **
******************************************************************/
.return-text p{
/*text-align:center;*/
font-size:18px;
color:#660000;
font-style:italic;
margin-top:0px;
}


.item-text p{
text-align:center;
font-size:18px;
color:#660000;
position:absolute;
top:224px;
left:25px;
width:250px;
}

.item-info p{
text-align:center;
font-size:18px;
color:#660000;
position:absolute;
top:25px;
left:285px;
width:300px;
font-size:18px;
font-style:italic;
padding-left:50px;
}

.floatFormItems form{
float:left;
margin-right:25px;
}

#newsRoom {
background-image:url(../images/todaysNewsMidde.gif);
}

#wishList{
	FONT-FAMILY:  Comic Sans MS;
	Padding: 0px 0px 0px 15px;
	width:800px;
	margin-left:40px;
	margin-bottom:20px;
	margin-top:20px;

}
#wishList li{
list-style:none;
line-height:25px;
}


.procedures_pdf {
	line-height:30px;
	background-image:url(../images/warning.png);
    background-repeat:no-repeat;
	padding-left:35px;
	margin:45px 0px -20px 0px;
}
.procedures_pdf a {
text-decoration:none;
color:#600000;
}

.procedures_pdf a:hover{
text-decoration:none;
color:#ff0000;
}


/*************************************************************************
**                                                                      **
**             Visit Pages CSS Rules                                    **
**                                                                      **
*************************************************************************/

#filmstrip {
	margin:0px 20px 0px 40px;
	padding:20px 0px 20px 0px;
	width:235px;
	background-image:url(../images/visit-pages/filmstrip-235x15.png);
	float:left; 
}
#filmstrip img{
	margin: 10px 0px 10px 17px;
}

#filmstrip li{
	list-style:none;
}

#imgBox {
	width:600px;
	float:right;
}

#imgBox img {
padding-top:20px;
padding-bottom:10px;
}

.imgBoxText {
	color:#600000;
	width:500px;
	padding:10px 0px 10px 50px;
	font-size:18px;
}
.imgBoxText h2{
text-align:center;
}

.imgBoxTextHdr{
	color:#600000;
	width:500px;
	padding:10px 0px 10px 50px;
}

h1 .imgBoxText {
text-align:center;
}

.textBgColor {
	background-color:#cccc66;
}

/*************************************************************************
**                                                                      **
**           Layout for employment, interns and Volunteers              **
**                                                                      **
*************************************************************************/
#notePadWrapper {
width:770px; 
margin:20px 0px 0px 60px;
color:#600000;
padding: 10px 20px 10px 20px;
font-size:20px;
}
.notePadTop {
background-image:url(../images/notePadTopBg.gif);
background-repeat:no-repeat;
margin:0px 0px -30px 0px;
padding:0px;
}
.notePadMiddle {
background-image:url(../images/notePadMiddleBg.gif);
background-repeat:repeat-y;
margin-top:0px;
padding: 10px 60px 10px 30px;
}

.notePadBottom {
background-image:url(../images/notePadBottomBG.gif);
background-repeat:no-repeat;
margin-top:-25px;
}
/*************************************************************************
**                                                                      **
**           Layout for Rates and Hours Page                            **
**                                                                      **
*************************************************************************/
#RH_notePadWrapper {
/*width:770px; */
width:625px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
color:#600000;
padding: 10px 10px 10px 10px;
font-size:20px;
}
.RH_notePadTop {
/*background-image:url(../images/notePadTopBg.gif);*/
background-image:url(../images/ratesAndHoursTop.gif);
background-repeat:no-repeat;
/*margin:0px 0px -30px 0px;*/
margin:0px 0px -10px 0px;
padding:0px;
}
.RH_notePadMiddle {
/*background-image:url(../images/notePadMiddleBg.gif);*/
background-image:url(../images/ratesAndHoursMid.gif);
background-repeat:repeat-y;
margin-top:0px;
padding: 10px 60px 10px 30px;
}

.RH_notePadBottom {
background-image:url(../images/ratesAndHoursBot.gif);
/*background-image:url(../images/notePadBottomBG.gif);*/
background-repeat:no-repeat;
margin-top:-25px;
}
/*************************************************************************
**                                                                      **
**           Layout for Rides  Page                                     **
**                                                                      **
*************************************************************************/

#notePadRidesWrapper {
width:870px;
margin:0px 0px 0px 0px;
color:#600000;
padding: 0px 20px 10px 0px;
font-size:20px;
}
.notePadRidesTop {
margin:0px 0px -10px 0px;
padding:0px;
}
.notePadRidesMiddle {
background-image:url(../images/notePadRidesMiddleBg.gif);
background-repeat:repeat-y;
margin-top:0px;
padding: 10px 60px 10px 35px;
}

.notePadRidesMiddleText {
width:630px;
padding-left:100px;
}

.notePadRidesBottom {
margin:-8px 0px 0px 0px
}

/*************************************************************************
**                                                                      **
**             Resource Page CSS Rules                                  **
**                                                                      **
*************************************************************************/
#leftFilmstrip {
width:195px;
margin: -17px 0px 0px 35px;
float:left;
}

#rightTextBox {
float:right;
margin-right:50px
}

.rightTextBox {
background-image:url(../images/resourceTextBgMiddle.gif);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.rightTextBox p {
color:#600000;
width:510px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 25px;
}
.rightTextBox h2 {
color:#600000;
width:510px;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 25px;
}
.resourceBanner {
margin:50px 0px 0px 0px;
}
/*************************************************************************
**                                                                      **
**         Visitors Journal Page CSS Rules                              **
**                                                                      **
*************************************************************************/

#visitorsJournal {
width:900px;
}

#visitorsBackground {
background-image:url(../images/visitorsJournalMiddle.gif);
background-repeat:repeat-y;
width:900px;
margin:-20px 0px -16px 0px;
}
 
#visitorsJournalContent {
width:700px;
margin:auto;
color:#600000;
}
.visitorsPics {
padding: 10px 10px 10px 10px;
}

.visitorsDivider {
border-bottom: ridge 5px #600000;
}
/*************************************************************************
**                                                                      **
**             General Info Page CSS Rules                              **
**                                                                      **
*************************************************************************/
#generalInfoContentWrapper {
width:900px;
background-image:url(../images/visitorInfoMiddle.gif);
color:#600000;
margin: 0px 0px -15px 0px;
padding: 0px 0px 10px 0px;
}

.visitorInfoContent {
width:700px;
margin:auto;
}

.visitorInfoBold {
line-height:20px;
font-size:18px; 
font-weight:bold;
}

.visitorInfoText {
margin-top:-13px;
}
/*************************************************************************
**                                                                      **
**            Rules for Email Blast PHP                                 **
**                                                                      **
*************************************************************************/

#blastBody {
	background-image:url(../images/background-gradient-green.gif);
	margin-left:0px;
	}

#blastContent{
	border-color:#ff0000;
	 border:10px; 
	 border-style:ridge; 
	 color:#ffffff; 
	 padding:10px; 
	 width:450px; 
	 margin-top:70px;
	 margin-left:auto;
	 margin-right:auto;
 }

#blastContent label {
display:block;
width:120px;
float:left;
}

#blastContent h1 {
text-align:center;
}

.blastErrors {
color:#FF0000;
font-weight:bold;
}
 

/*************************************************************************
**                                                                      **
**               Just some color settings                               **
**                                                                      **
*************************************************************************/

.red{
color:#FF0000;
}

.blue{
color:#0000FF;
}
.pink{
color:#FF66FF;
}
.brown{
color:#C66300;
}
.green{
color:#009900;
}

.gray{
color:#666666;
}
.purple {
color:#990033;
}
.gold {
color:#ffcc33;
}
.white {
color:#ffffff;
}

/*        Following is CSS for lightbox added 07/07/2010   */
 
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
	
	/* End of Lightbox CSS  */