/* CSS Document */

body {background-image: url(/images/bg.jpg); padding:0; margin:0 0 20px 0; font-family:Helvetica, Arial, sans-serif; font-size: 12px; color: #333; line-height: 1.5em;}

/*  ------ global link colors ------- */	

a {outline: none;}
	
a:link {color: #0066CC;text-decoration: none;}
a:visited {color: #0066CC; text-decoration: none;}
a:hover {color: #5D716C;text-decoration: underline;}
a:active {color: #666; text-decoration: none;}


/*  ------ global image attributes ------- */

img { behavior:url(/_includes/iepngfix.htc);}
a img { border: 0px;opacity: 1;
  -webkit-transition: opacity .25s linear;}
  a:hover img {opacity: .6;}
  
.bannerimg a:hover img {opacity: 1;}


/*  ------ global headings ------- */
h1 {padding: 0; margin: 0; font-size: 23px;}
h2 {padding: 0; margin:0;color: #0066CC; font-size:17px;}
h3 {padding: 0; margin: 0 0 10px 0; font-size: 21px;color: #0066CC;}
h4 {padding: 20px 0 0 0; margin: 20px 0 10px 0; font-size: 18px; border-top: 1px solid #ccc; }
h5 {padding: 0; margin: 0 0 10px 0; font-size: 18px;}
h6 {padding: 0; margin: 0; font-size: 15px; font-weight: normal;}
h7 {padding: 0; margin: 0;}
h8 {padding: 0; margin: 0 0 1em 0; font-size: 15px;}


/*  ------ Remove space above paragraph tag, but keep space below ------- */

p {margin: 0 0 1em 0;}


/*  ------ top background image ------- */

.top-bg {background: url(/images/bg-top.jpg) repeat-x; height: 680px;}


/*  ------ top area ------- */
.wrapper-top {width:1054px;height: 151px; margin: 0 auto;text-align:left; padding: 0; position: relative; background-image: url(/images/top-wood-foliage.jpg); background-repeat:no-repeat;}	

	.logo {position: absolute; top: 0; left: 365px; z-index: 10;background:url("/images/logo-over.png") no-repeat;}
		a:hover .logo {opacity: 1 !important;background-position:0 -149px;}
	.leaf {position: absolute; top: 0; left: 575px; z-index: 11;}
		.leaf:hover {top: -4px;}
		
	
	
	.top-menu {position: absolute; top:68px; right: 100px; z-index: 12; color: #FFF;}
		.top-menu ul {margin: 0; padding: 0;}
		.top-menu ul li {margin: 0; padding: 0 0 0 22px; display: inline; list-style: none;}
		.top-menu a {color: #FFF; text-decoration:none;}
		.top-menu a:visited {color: #FFF text-decoration:none;;}
		.top-menu a:hover { color: #CAD47A; text-decoration:none;}
		.top-menu a:active {color: #F1FE94; text-decoration:none;}
		
	.main-menu {position: absolute; top: 102px;}
		.main-menu ul {margin: 0; padding: 0;}
		.main-menu li {display: inline; list-style: none;}
		.main-menu a {padding: 14px 24px 14px 24px; text-decoration: none; display: block; float:left;}
		.main-menu a:visited {color: #FFF; text-decoration: none;}
		.main-menu a:hover { color: #230D0A; text-decoration: none;background-position:15px -50px;}
		.main-menu a:active {color: #FFF; text-decoration: none;background-position:15px -96px;}
		
			.attractions {background:url("/images/main-menu-attractions.gif") no-repeat;}
				body.attractions-active a.attractions {background-position:15px -50px;}
			.park-info {background:url("/images/main-menu-park-info.gif") no-repeat;}
				body.park-info-active a.park-info {background-position:15px -50px;}
			.tickets {background:url("/images/main-menu-tickets.gif") no-repeat;}
				body.tickets-active a.tickets {background-position:15px -50px;}
			.calendar {background:url("/images/main-menu-calendar.gif") no-repeat;}
				body.calendar-active a.calendar {background-position:15px -50px;}
			.area-links {background:url("/images/main-menu-area-links.gif") no-repeat;}
				body.area-links-active a.area-links {background-position:15px -50px;}
			.contact {background:url("/images/main-menu-contact.gif") no-repeat;}
				body.contact-active a.contact {background-position:15px -50px;}
		
		
		.left {left: 47px; z-index: 13;}
		.left a {border-right: 1px dotted #ADA091; color: #FFF;}
		
		.right {right: 47px; z-index: 13;}
		.right a {border-left: 1px dotted #ADA091; color: #FFF;}
		
.weather-top {position: absolute; top: 14px; left: 688px; }
	.weather-top-icon {float: left;}
	.weather-top-right {float: left;}
	.weather-top-temp {color: #fff; font-size: 17px; padding: 10px 0 0 0; line-height: 1em;}
	.weather-top-forcast {color: #fff; font-size: 11px; line-height: 1.2em;}
		


/*  ------ center site and set the width ------- */
.wrapper {width:1054px;margin: 0 auto;text-align:left; padding: 0;}	


/*  ------ Shadow on edge of site------- */

.edge-shadow {background: url(/images/shadow-edge.gif) repeat-y; height: 1%; overflow:hidden; padding: 0 47px; position: relative;}
	html > body .edge-shadow {background: url(/images/shadow-edge.png) repeat-y; height: 1%; overflow:hidden; padding: 0 47px;}


/*  ------ Paper background------- */

.paper {background: url(/images/paper-bg.jpg) repeat-y; height: 1%; overflow:hidden; width: 960px; position: relative;}




/*  ------ Home Page------- */

.home-height {height: 590px;}
.events-yellow-bg {
	position: absolute;
	right: 15px;
	top:16px;
	z-index: 19;
}
.home-flash-bg {position: absolute; left:0; top: 0; z-index: 19;}
.home-flash {position: absolute; z-index: 20; top: 22px; left: 28px;}
.home-upcoming-events {position: absolute; top:10px; right: 45px; z-index: 20;}
.recent-event-bg {position: absolute; top: 64px; right: 25px; z-index: 21;}
.home-recent-event-pic {position: absolute; top: 90px; right: 50px; z-index: 22;}
.home-events {position: absolute; top: 254px; right: 90px; z-index: 23; width: 240px;}
.home-featured-event {height: 106px;}
.event {clear: both; margin: 0 0 20px 0;}
.event-bg {float: left; background: url(/images/calendar-date-bg.png) no-repeat; height: 59px; width: 68px;}
.event-des {}
.event-month {text-align: center; padding: 10px 9px 0 0; line-height: 1.4em;}
.event-date {text-align: center; padding: 0 9px 0 0;}
.home-events-below {margin: 50px 0 20px 0;}
.home-park-map {position: absolute; z-index: 500; left:20px;top: 0;}
	.home-park-map:hover {top: 1px;}
	.home-park-map {opacity:1 !important;}
	
	
.rotator {position:absolute; z-index: 100; bottom: 12px; right: 8px;}
#rotator a { margin: 0 0 0 8px; padding: 6px 9px; border: 1px solid #ccc; background: #fff; text-decoration: none }
#rotator a.activeSlide { background: #006CDA; color: #fff; }
#rotator a:focus { outline: none; }
#rotator { text-align: left }	
#rotator a.banners { border:0 none !important; margin:0 !important; padding:0 !important;}

.rotator-dev {position:absolute; z-index: 100; top: 12px; right: 8px;}
#rotator-dev a { margin: 0 0 0 8px; padding: 6px 9px; border: 1px solid #ccc; background: #fff; text-decoration: none }
#rotator-dev a.activeSlide { background: #006CDA; color: #fff; }
#rotator-dev a:focus { outline: none; }
#rotator-dev { text-align: left }
.rotator-slide {position: relative;}
.rotator-caption {position: absolute; z-index:5000; bottom: 0; left:0; background: #000;opacity:0.75; filter:alpha(opacity=75); padding: 14px;}
.rotator-caption-text {color: #fff; line-height: 1.4em;}
.rotator-caption-heading {font-size: 22px; display:block; padding: 0 0 8px 0;}
.rotator-caption a {color: #fff; background:none !important; padding: 0 !important; margin: 0 !important; border: 0 !important;}
.rotator-caption a:visited {color: #fff;}
.rotator-caption a:hover {color: #fff;}
.rotator-caption a:active {color: #fff;}


/*  ------ Content Pages ------- */

.right-column {padding: 0px; float:left; margin: 0 0 46px 0;}
.content-bg {background: url(/images/content-bg.png) repeat-y; height:1%; overflow:hidden; width: 748px;}
	.content-full-width-bg {background: url(/images/content-full-width-bg.png) repeat-y; height:1%; overflow:hidden; width: 960px;}

.header-pic {margin: 0 0 0 17px;}

.content {padding: 20px 38px 20px 38px; overflow: hidden; height: 1%; }

.content a:link {color: #0066CC;text-decoration: underline;}
.content a:visited {color: #0066CC; text-decoration: underline;}
.content a:hover {color: #5D716C;text-decoration: underline;}
.content a:active {color: #666; text-decoration: underline;}


.bl-text {position: relative;}
.iowa-largest-waterpark {position: absolute; bottom: 30px; left:0;}


	.attraction-th {float:left; margin: 10px 22px 10px 0; width:130px; line-height: 1.3em; font-size: 12px;}
	.attraction-th img {border: #ccc solid 3px;margin: 0 0 5px 0;}
	.attraction-th img:hover {border: #06C solid 3px;}
	
.attraction-category {font-size:10px; text-transform:uppercase; letter-spacing: 3px; color: #666;}
.attraction-name-des {float: left; width: 190px; margin: 0 20px 0 0;}
.attraction-main-pic {float:left; margin: 0 0 20px 0;} 
	.attraction-main-pic img {border: #ccc solid 1px;}
.attraction-detail-thumbs {clear: both; border-top: 1px dotted #ccc; padding: 20px 0 0 0;}	
	.attraction-detail-thumbs div {float: left; margin: 0 5px 0 5px;}
	.attraction-detail-thumbs img {border: 3px solid #ccc;}
	.attraction-detail-thumbs img:hover {border: #06C solid 3px;}

.park-map-pos {padding:0 0 0 15px;}

.price-table { margin: 0 0 20px 0;}
.price-table th {background: #e1e1e1; padding: 3px 5px;}
.price-table td { padding: 4px 5px; border-bottom: 1px solid #e1e1e1;}

.comments p {border-top: 1px solid #ccc; padding: 10px 0 0 0;}

.tickets-side-box {float:right; border: 1px solid #ccc; width: 180px; margin: 0 0 0 20px; padding: 15px; background-color: #f5f5f5;}


/*  ------ calendar ------- */

.calendar-tabs {padding: 8px 0; margin:1px 0 0 0;list-style-type: none;text-align: left;font: normal 12px Helvetica;}
	.calendar-tabs li {display: inline; margin:0;}
	.calendar-tabs li a {line-height: normal;text-decoration: none; position: relative; z-index: 1; padding: 8px 15px 8px 15px;  border: solid 1px #ccc; margin: 0 5px 0 0; background-color:#fff; color:#595755;}
	.calendar-tabs li a:hover { background-color:#EEF8FB;}
	
	.calendar-tabs li a.selected {border-bottom-color: #fff; background-color:#fff;position: relative; top: 1px;color: #333; font-weight:bold;}
.calendar-tab-border {border: 1px solid #ccc; overflow:hidden; height:1%; padding: 15px 15px 15px 15px; margin:0 0 0 0;}

.calendar-event {border-bottom: 1px solid #ccc; padding:15px 0 15px 0; height: 1%; overflow: hidden;}	

.calendar-heading {font-size: 13px; font-weight: bold; padding: 0 0 5px 0;}

.paging-listing {text-align: center; padding: 15px 0 0 0;}

.event-detail-pic {float: right; padding: 0 0 25px 25px;}


/*  ------ news ------- */

.news-detail-author {color: #666; padding: 3px 0; margin: 0 0 15px 0; border-top: #ccc 1px dotted; border-bottom: #ccc 1px dotted;}	
.highlight-table {border-left: 1px #dcdcdc solid;border-top: 1px #dcdcdc solid;border-right: 1px #dcdcdc solid; background:#F7FAFD; width: 100%; padding: 0;margin: 16px 0; clear:both;}
	.highlight-table td {vertical-align: top; padding: 12px; border-bottom: 1px solid #dcdcdc;}


/*  ------ breadcrumb ------- */		
	
.breadcrumb {color: #0066CC;font-size: 9px;text-transform:uppercase; letter-spacing: 1px; line-height:1em; padding: 4px 0 3px 17px;}	
	.breadcrumb ul {padding: 0 0 0 0;margin: 0px;}
	.breadcrumb ul li {display: inline;list-style: none;padding: 0 0 0 0;margin: 0px;}
	.breadcrumb a:link {color: #333; text-decoration: none;}
	.breadcrumb a:visited {color: #333; text-decoration: none;}
	.breadcrumb a:hover {color: #333; text-decoration: underline;}
	.breadcrumb a:active {color: #333; text-decoration: none;}
	

/*  ------ side menu ------- */

.side-column {margin: 0 0 0 12px; float:left; width: 195px;}

	.side-menu-wood {position: relative;}
	.side-menu-wood h1 {
	position: absolute;
	left: 16px;
	bottom: 11px;
}
		.side-menu-wood h1 a {color: #fff;}

.side-menu {background: url(/images/side-menu-bg.png) repeat-y; padding: 0 20px 10px 12px; width: 165px; position: relative;}
	.side-menu a {display: block; border-bottom: 1px solid #A38658; padding: 10px 0 10px 5px; color: #230D0C;line-height: 1em;}
	.side-menu a:visited {}
	.side-menu a:hover {background-color:#E8CD90; text-decoration: none;}
	.side-menu a:active {background-color:#F7DFA4;}


	


/*  ------ Footer ------- */

.footer {background: url(/images/footer-bg.png) no-repeat top center #004184; height: 1%; overflow:hidden; color: #fff;}

	.footer-tubes {position:relative;}
	.free-tubes {position: absolute; top: -40px; left:0; z-index: 21;}
	
	.footer-table {margin-top: 20px;}
	.footer-table td {vertical-align: top; padding:0 20px 0 20px; border-right: 1px solid #003266; }
	.footer-logo {padding: 0 20px 40px 40px; float: left;}
	
	.footer ul {padding: 14px 0 0 0; margin:0; width: 144px;}
	.footer li {padding: 0; margin:0; list-style:none; font-size: 11px;}
	.footer li a {display: block; border-top: 1px solid #306BA9; line-height: 1em; padding: 4px 0 5px 4px; color: #fff; text-decoration:none;}
	.footer li a:visited { text-decoration: none;}
	.footer li a:hover {background: #14579D; text-decoration: none; }
	.footer li a:active {background: #14579D; text-decoration: none; }
	
	.footer a {color: #FFF; text-decoration: underline;}
	.footer a:visited {color: #FFF; text-decoration: underline;}
	.footer a:hover {color: #FFF; text-decoration: none;}
	.footer a:active {color: #FFF; text-decoration: underline;}
	
	.search-table {margin: 20px 0 0 10px; clear: both; border-top: 1px solid #003266;}
		.search-table td {border-right: 0px !important; padding: 16px 0 0 0 !important;}
		.search-table img {padding: 0 10px 0 10px;}
		.search-table .input {background-color: #003875; border: 0px; padding: 6px 2px;width: 240px; color:#FFF;}
		
.copyright {clear: both;border-top: 1px solid #003266; border-right: 0px !important; height: 100% !important; margin: 16px 20px 0 30px!important; padding: 16px 0 10px 0 !important; line-height: 1.4em;}		

			


	.footer-bottom {background: url(/images/footer-bottom.gif) no-repeat; height: 25px;}
		html > body .footer-bottom {background: url(/images/footer-bottom.png) no-repeat; height: 25px;}
		
.spinutech {text-align: center; font-size: 10px; margin: 20px 0;}

#cse-search-results iframe {width: 650px;}
.searchbtn {background:url(/images/button-search.png) no-repeat; width: 61px; height: 27px; border:none;}