@import url("/css/jquery.twitter.css");
@import url("/css/jquery.tweet.query.css");
/* START centering CSS */
body {
text-align:center; /* Required for pesky IE */
}
#wrapper {
margin-left:auto;
margin-right:auto;
min-width:760px;/* Change value to suit*/
text-align:left; /* Overrides the previously set center alignment that older IE versions reqd */

}
/* END centering size CSS */

/* START font size CSS */
body {margin:0; font-size:62.5%; font-family:Helvetica,Arial,Verdana,sans-serif; background:transparent; background-color:#EFEDD3; background-image: url(/images/stripebg2.png); background-repeat:repeat;}/* for IE/Win */
html>body {font-size:10px; font-family:Helvetica,Arial,Verdana,sans-serif;} /* for everything else */
/* Set other elements using ems 
(where 1em = 10px, 2em = 20px */
/*body { line-height: 1.6em; }*/
h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
/* END font size CSS */

#header{height:150px; border-bottom: 4px solid; border-bottom-color:#008c00; background-color:#1d49b2; background-image: url(/images/gradient.php2.jpg); background-repeat:repeat-x;}
#headercontent{margin:0 auto; width:800px; min-width:670px; text-align:center;}
#logo {float:left;}
#search {float:right; }
/*Possible addition at a later date*/
#date {float:left; margin-left:10px; color:#ffffff; font-weight:bold; text-align:center; width:42px; height:45px; background: url(/images/date.gif) no-repeat;}
#date p {font-size:15px; color:#0066cc; line-height:85%; margin-top:-10px;}
#pagecontent {min-width:660px; 
/*padding:5px; border:1px solid #cccccc; color: #000000; background-repeat:repeat-y; margin-left:10%; margin-right:10%; 
 top: -10px;	*/background: #ffffff; position:relative;}
#content-main h1 {color:#008c00; border-bottom:1px dotted #333;}

#content-leftside {float:left; width:240px; margin:0; position:relative; top:5px; }
#content-main {margin-left:230px; border-left:dotted 1px #333; padding-left:10px; background-color:#fff;}
#content-main {font-size:1.3em;}
#content-main ul li, ol li{font-size:1.2em;margin-bottom:.2em; line-height:145%}
#content-main ul li {list-style-type:none; list-style-image: url(/images/bullet.gif);}
#content-footer {font-size:80%; text-align:right;margin-right:40px; clear:left;}
#footer { min-width:660px; margin:0 auto; height:145px; clear:left; background-color:#008C00; background-image: url(/images/greengradient.jpg); background-repeat:repeat-x;}
#footer ul li {list-style-type:none; padding:3px;border-bottom:solid 1px #006600;margin-left:0 }
#footer ul {margin-left:0;padding-left:10px;vertical-align:middle;}
#footer a {text-decoration:none; color:#003300;}
#footer a:hover {text-decoration:none; color:#fff;}
.footerleft {float:left; position:relative; width:180px; padding-right:5px; padding-top:5px; font-weight:bold; background-image: url(/images/palm4.gif); background-repeat:no-repeat;}
.footerright {float:right; position:relative; width:240px; margin-right:10px; text-align:right; color:#ffffff;padding-top:5px; }
.footercenter {width: 200px;  text-align:center; margin:0 250px 0 185px; padding: 8px 12px 8px 10px; border-left: 1px dotted #006600; border-right: 1px dotted #006600;}
#copyright {color:#996633; text-align:center;}
#sidecontent h3{color:#A8D3FF; font-weight:bold; }
#sidecontent h1{line-height:85%; margin-top:0; color:#ffcc00; text-align:left;border-bottom:1px dotted #fff; font-size:2.5em; font-family:"Times New Roman",Georgia,Times,serif;}
#sidecontent p{color:#fff;padding-left:15px;font-size:1.1em;}
#sidecontent ul {color:#ffffff;}

/* For Left Quicklinks Navigation Bar - OLD REMOVE AFTER TESTING */
#holderdiv1 {margin:0; line-height:1em; background: url(/images/gradient.php2.jpg);border:4px solid #299915; color:#fff;margin-bottom:20px;text-align:center;width:230px;}
#holderdiv1 h1 {font-size:18px; font-family: Georgia; font-weight:bold; color:#ffff00; text-align:left; padding-left:5px; }
#holderdiv1 p, ul, li{font-size:11px; font-family: Arial, Helvetica, sans-serif;}
#holderdiv2 {margin:0;position:relative; }
#holderdiv3 {margin:0;position:relative;}

#holderdiv1 div.border{background: url(/images/gradient.php2.jpg);border-top:2px solid #fff; color:#fff;margin-bottom:0px;text-align:center;width:230px;}
#holderdiv2 div.border{background: url(/images/gradient.php2.jpg);border:4px solid #299915; color:#fff;margin-bottom:10px;text-align:center;width:230px;}
#holderdiv3 div.border{background: url(/images/gradient.php2.jpg);border:4px solid #299915; color:#fff;margin-bottom:10px;text-align:center;width:230px;}

#holderdiv1 h3{background:transparent url(../WildIslandSiteOLD/ataglance8.gif) no-repeat;font-family:Comic Sans MS, Arial, Helvetica, sans-serif; color:#0033cc;font-size:70%;font-weight:bold;margin:0;text-align:left;width:171px; height:24px;}
#holderdiv2 h3{background:transparent url(../WildIslandSiteOLD/QUICK.gif) no-repeat;font-family:Comic Sans MS, Arial, Helvetica, sans-serif; color:#0033cc;font-size:70%;font-weight:bold;margin:0;text-align:left;width:171px;height:24px;}
#holderdiv3 h3{background:transparent url(../WildIslandSiteOLD/coinfo3.gif) no-repeat;font-family:Comic Sans MS, Arial, Helvetica, sans-serif; color:#0033cc;font-size:70%;font-weight:bold;margin:0;text-align:left;width:171px;height:24px;}
#holderdiv1 span{display:none;}#holderdiv2 span{display:none;}#holderdiv3 span{display:none;}

#holderdiv1 ul{list-style:none;margin:0;padding:5px 0 5px 5px;}
#holderdiv2 ul{list-style:none;margin:0;padding:5px 0 5px 5px;}
#holderdiv3 ul{list-style:none;margin:0;padding:5px 0 5px 5px;}

#holderdiv1 ul li{padding:4px 3px 7px 4px;}
#holderdiv2 ul li{padding:4px 3px 7px 4px;}
#holderdiv3 ul li{padding:4px 3px 7px 4px;}

#holderdiv1 a:link,#holderdiv1  a:visited{background:transparent;color:#ffffff;text-decoration:none;}
#holderdiv2 a:link,#holderdiv2  a:visited{background:transparent;color:#ffffff;text-decoration:none;}
#holderdiv3 a:link,#holderdiv3  a:visited{background:transparent;color:#ffffff;text-decoration:none;}

#holderdiv1 a:hover{background:transparent;color:#000000;text-decoration:underline;}
#holderdiv2 a:hover{background:transparent;color:#000000;text-decoration:underline;}
#holderdiv3 a:hover{background:transparent;color:#000000;text-decoration:underline;}

#holderdiv1 a:active{background:transparent;color:#D2691E;text-decoration:none;}
#holderdiv2 a:active{background:transparent;color:#D2691E;text-decoration:none;}
#holderdiv3 a:active{background:transparent;color:#D2691E;text-decoration:none;}

/*Nifty Corners*/
div#sidecontent {border:1px solid #409FFF; margin: 0 5px; padding:5px;}
div#nifty{ margin: 0 10% 0 0;background: #0066cc;}

b.rtop, b.rbottom{display:block;background: #fff;}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #0066cc;}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;}

/*Spiffy Corners OLD*/
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#0066cc}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #008357;
  border-right:1px solid #008357;
  background:#007299}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #009314;
  border-right:1px solid #009314;
  background:#006fa5}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #006fa5;
  border-right:1px solid #006fa5;}
.spiffy4{
  border-left:1px solid #008357;
  border-right:1px solid #008357}
.spiffy5{
  border-left:1px solid #007299;
  border-right:1px solid #007299}
.spiffyfg{
  background:#0066cc}
  
  /* CSS Tabs */
#navcontainer { /*background-image:url(/WildIslandSite2008/navbg2.png); background-repeat:no-repeat; margin-right:8%; */margin:0 6%;clear:left;float:right; min-width:657px; text-align:center; position:relative; top: 0px;}

ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
		

}

ul#navlist li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 5px 0;
        background-color: #008C00;
        border-top: 1px solid #e0ede9;
        border-bottom: 1px solid #e0ede9;text-align:center;
}
.borderleft {border-left: 1px solid #e0ede9;}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 7px 5px 7px;
        color: #ffffff;
        border-right: 1px solid #d1e3db;
        text-decoration: none;
}

ul#navlist li#active a#current{
        color: #ffcc00;
        background-color: #060;
}

#navlist a:hover {
        color: #ffcc00;
        background-color: #060;
		
		}
#navlist #current {color: #ffcc00;
        background-color: #060;}		
		
		/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin:-20px 5% 0 5%;
}
/* Rules for the top corners and border */
.bt {
	background:url(box.png) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
	min-width:681px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(box.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(box.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
	
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(box.png) no-repeat 0 100%;
	
}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url(borders.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url(borders.png) repeat-y 100% 0;
	
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish.
.cb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
 */
#weather {position:relative; top:20px;margin-bottom:10px;/*left:20px;*/ text-align:center; }
#wx_module_2312 {text-align:center;}
#table {text-align:left; width:95%;}
.spass td {padding:0 6px;}
.spasstd {width:20%; text-align:right;}
.odd {background:#f4f4f4;}


.contentslide{
/*border: 10px solid navy;
border-bottom-width: 6px;
padding: 8px;*/
width: 410px; margin:0 auto; /*text-align:center;*/
height: 260px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;background:transparent;  height:260px; background-image:  url(/images/index5.jpg); 
}
.slider { font-size:2em;color: #ffffff;border: 1px solid #ffffff;}

.pagination{
width: 410px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background: transparent;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 416px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #0066cc;
background-color: white;
border:1px solid #cccccc;
}

.pagination a:hover, .pagination a.selected{
color: #fff;
background-color: #0066cc;
}
#slider1 {background-image:url(photobg.png);}


/*calendar*/
.cal {float:left; position:relative; padding:2px 3px 2px 0; zoom:1; height:175px;}

.closed {
color:black;
background:#ffffff;}

.c11to7 {
color:black;
background:#3366ff;}

.c3to7{
color:black;
background:#ff3333;}

.c11to5{
color:black;
background:#33ff33;}

.c1to5{
color:black;
background:#ffff00;}

/*#legend li{padding:1px 0;}*/
#legend ul li {margin:0;padding:0;}
#legend li {height:25px}
.main {
	width: 200px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #cccccc;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}
td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 20px;
	height: 20px;
	text-align: center;
}

.main td {font-family:Arial,Verdana,sans-serif;}

.month {
background-color:#06c;font-weight:bold;
color:white;height:25px;
}

.daysofweek {
background-color:#aaaaaa;
font:12px bold;
color:white;
}

.days {
color:black;
background-color: #fff;
}

.days #today{
font-weight: bold;
color: red;
}

#gallery {text-align:center;}

#image {float:right; position:relative; right:-40px;}

#dhtmltooltip{
position: absolute;
width: 80px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.contentslideextra {background:transparent; background:#000000; opacity:.2;

 filter:alpha(opacity=20); zoom:1;}
 .contentslideextra p {color:#006600; }
 
 /*Add inline styles from index here
.content1 {background:transparent; background-image:url (/WildIslandSite2008/cater.png);}*/

.class {border:none;}

/*Style for season pass page*/
.passimg {float:left;padding:5px 5px 5px 0;}
.advantagelist li {margin-left:20px;}
#h2opasswrapper, #h2opluswrapper, #attractionswrapper {text-align:center;width:85%;margin:0 auto;}
#h2opasswrapper h4, #h2opluswrapper h4, #attractionswrapper h4, #h2opasswrapper h5, #h2opluswrapper h5, #attractionswrapper h5 {color: #008c00;}
#h2opass, #h2oplus, #attractionspass {float:left;padding-right:30px}
#h2opass, #h2opassinfo {height:335px}
#h2oplus, #h2oplusinfo, #attractionspass, #attractionsinfo {height:275px}
#h2opassinfo, #h2oplusinfo, #attractionsinfo {margin-left:20px}
#h2opass {width:250px}
.price object{width:200px}
#h2opassinfo .price object{width:170px}
#h2oplus, #attractionspass {width:300px;}
.spass td{text-align:left}
.buybutton{padding:0 70px 0 0}
#h2opasswrapper{float:right;padding-right:30px}#advantagebenifits {clear:right;}
#h2opassinfo h4 {line-height:15px}
#h2opassinfo p {position:relative;top:-20px}
#h2oplusinfo p, #attractionsinfo p{position:relative;top:-20px}
#h2oinfo {position:relative;top:-20px}
#h2opasswrapper img {z-index:10000}
#attractionspass .buybutton {padding-left:80px}.up {position:relative;top:-16px}