/* CSS Document */
img, div, input, h1 { behavior: url("iepngfix.htc") }
body,
html {
    margin:0;
    padding:0;
    background:#95ddf9 url(images/main-bg.jpg) repeat-x top center;
    color:#000;
    }
body {
    min-width:905px;
    }
#topwrap {
    margin:0 auto;
    width:905px;
    }
#utility{
	height: 25px;
	padding-right: 5px;
}
#utilitybar{
	height: 25px;
	width: 250px;
	background: url(images/utility-bg.png) no-repeat;
	float: right;
	padding-left: 20px;
}
#utilitylinks p, #utilitylinks a{
	font-size: 11px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	margin-top: 2px;
	text-decoration: none;
}
#utilitylinks a:hover{
	text-decoration: underline;
}
#header {
	height: 115px;
    }
#logo{
	width: 250px;
	float: left;
	padding-top: 4px;
}
#nav1{
	width: 500px;
	float: left;
	padding-top: 25px;
}
#hours{
	position: relative;
	top: -50px;
}
#rates{
	position: relative;
	top: -60px;
}
#directions{
	position: relative;
	top: -50px;
}
#contact{
	position: relative;
	top: -20px;
}
#midwaymax{
	float: right;
	width: 125px;
	position: relative;
	top: 20px;
}
#nav {
	position: relative;
	width: 925px;
	margin: 0 auto;
	top: -40px;
	z-index: 15;
    }
#wrap {
    margin: 0 auto;
    width:919px;
	margin:-40px auto 0 auto;
    }
*:first-child+html .contentarea {
	background: url(images/frame-bg2.png) repeat-y;
	}
html>body .contentarea {
	background: url(images/frame-bg.png) repeat-y;
	}
.contentarea {
	width: 919px;
	margin:0 0 0 1px;
	background: url(images/frame-bg3.png) repeat-y;
	}
#contentmiddle {
	width: 919px;
}
*:first-child+html .leftcol{
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-top:5px;
}
html>body .leftcol{
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-top:-35px;
}
.leftcol{
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-top:5px;
}
.secondnav{
	width: 195px;
	height:195px;
}
ul.events{
	list-style-type: none;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	color: #ffffff;
	width: 130px;
	margin:0;
	margin:5px 0 0 15px;
	padding:0;
}
ul.events li{
	border-bottom: 1px dotted #df7630;
}
ul.indoor li, ul.blue li, ul.green li, ul.orange li {
	border-bottom: 1px dotted #fff;
}
ul.events a{
	color: #df7630;
	text-decoration: none;
}
ul.indoor a, ul.blue a, ul.green a, ul.orange a {
	color:#fff;
	}
ul.events a:hover{
	color: #d9a802;
	}
ul.indoor a:hover {
	color:#7f000d;
	}
ul.blue a:hover {
	color:#016f9a;
	}
ul.green a:hover {
	color:#4e6c31;
	}
ul.orange a:hover {
	color:#943b00;
	}
.partybox{
	width: 130px;
	height: 104px;
	background: url(images/side-party-box.png) no-repeat;
	padding-top: 15px;
	padding-left: 12px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	padding-right: 40px;
}
.partybox p{
	text-align: right;
}
.partybox a{
	color: #ffffff;
}
.partybox a:hover{
	text-decoration: none;
}
*:first-child+html p.learnmore1{
	margin-top:1px;
}
*:first-child+html p.learnmore2{
	margin-top:-7px;
}
* html p.learnmore1{
	margin-top:5px;
}
* html p.learnmore2{
	margin-top:-5px;
}
p.learnmore1{
	margin-top:1px;
}
p.learnmore2{
	margin-top:2px;
}
.newbox{
	width: 127px;
	height: 124px;
	background: url(images/side-new-box.png) no-repeat;
	padding-top: 20px;
	padding-left: 20px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #df7630;
	padding-right: 20px;
}
.newbox p{
	text-align: right;
}
*:first-child+html .newbox .newdesc{
	position: relative;
	top: -10px;
}
* html .newbox .newdesc{
	position: relative;
	top: -10px;
}
.newbox a{
	color: #df7630;
}
.newbox a:hover{
	text-decoration: none;
}
*:first-child+html .maincol{
	float: left;
	width: 600px;
	margin-top:35px;
}
html>body .maincol{
	float: left;
	width: 600px;
	margin-top:-30px;	
}
.maincol{
	float: left;
	width: 600px;	
	margin-top:35px;
	
	padding-bottom:15px;
	min-height:450px;
	height:auto !important;
	height:450px;
}
*:first-child+html .maincol2{
	margin-top:35px;
}
html>body .maincol2{
	margin-top:-30px;	
}
.maincol2{
	margin-top:35px;
	
	float: left;
	width: 370px;	
	padding-bottom:15px;
	min-height:450px;
	height:auto !important;
	height:450px;
}
.maincol h1, .maincol2 h1{
	padding-left: 15px;
}
.maincol h2, .maincol2 h2{
	color: #df7630;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding-left: 15px;
}

.maincol h3, .maincol2 h3{
	color: #6d2c95;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
}
.maincol p, .maincol2 p {
	color: #4f4f4f;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;
}
.maincol table, .maincol2 table {
	color: #4f4f4f;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}
.maincol ul, .maincol2 ul {
	color: #4f4f4f;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
.maincol ol, .maincol2 ol {
	color: #4f4f4f;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
.maincol a, .maincol2 a {
	color: #df7630;
}
.red a {
	color:#d10a1e;
	}
.blue a {
	color:#0187bc;
	}
.green a {
	color:#64af1c;
	}
.orange a {
	color:#de5900;
	}
.maincol a:hover, .maincol2 a:hover {
	color: #5e0790;
}

/*
Right Column ***************************************/

*:first-child+html .rightcol{
	margin:0 0 0 7px;
}
html>body .rightcol{
	margin:-40px 0 0 7px;
}
.rightcol{
	margin:0 0 0 7px;
	
	padding:30px 0 0 0;
	width: 285px;
	float: left;
}
.mainimage p.gallery{
font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	padding-left: 50px;
	margin-bottom: 20px;
}
*:first-child+html .mainimage p.gallery{
font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
	width: 200px;
	float: right;
	position: relative;
	top: 5px;
	left: -40px;
}
.rightcol p.gallery{
font-family: Arial, Verdana, sans-serif;
	font-size: 10px;

}
.rightcol img{
	position: absolute;
	margin-left:-20px;
}
.maincol .mainimage{
	position: relative;
	float: right;
	margin-left: -60px;
	left:65px;
	margin-bottom: -20px;
	top: -25px;
}
*:first-child+html .maincol .mainimage{
	position: relative;
	float: right;
	left:65px;
	margin-bottom: -20px;
	top: -25px;
	width: 300px;
}
*:first-child+html .maincol img.mainimage{
	position: relative;
	float: right;
	left:65px;
	margin-bottom: -20px;
	top: -25px;
	width: 363px;
}
.maincol .mainimage1{
	position: relative;
	float: right;
	margin-left: -35px;
	margin-bottom: -30px;
	left:35px;
	top: -35px;
}
*:first-child+html .maincol .mainimage1{
	position: relative;
	float: right;
	margin-left: -25px;
	left:15px;
	top: -45px;
	width: 222px;
	margin-bottom: -40px;
	padding-left: 15px;
	
}
*:first-child+html .maincol img.mainimage1{
	width: 222px;
}
*:first-child+html .specs{
	margin:155px 0 0 0;
	}
html>body .specs{
	margin:115px 0 0 0;
	}
.specs{
	margin:155px 0 0 0;
	
	width: 210px;
	border-left: 1px dotted #5c068d;
	padding-top: 40px;
	padding-left: 15px;
	padding-right:50px;
}
.specs h3{
	color: #df7630;
 	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
.specs p{
	color: #4f4f4f;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}
.specs ul{
	color: #4f4f4f;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}
.red h3 {
	color:#d10a1e;
	}
.blue h3 {
	color:#0187bc;
	}
.green h3 {
	color:#64af1c;
	}
.orange h3 {
	color:#6d2c95;
	}
/* END RIGHT COLUMN */

#pushercol{
	clear: both;
	width: 100%;
}
*:first-child+html #contentbottom{
	margin-left:1px;
}
html>body #contentbottom{
	margin-left:1px;
}
#contentbottom{
	margin-left:2px;
	
	width: 919px;
	height: 33px;
	background: url(images/frame-bottom.png) no-repeat;
}
#contentbottom img{
	position: relative;
	top: -205px;
	right: -30px;
	margin-bottom: -205px;
	z-index: 40;
}
#footer p {
    padding:5px;
    margin:0;
	text-align: center;
	color: #0187bc;
	font-size: 10px;
	font-family: Arial, Verdana, sans-serif;
    }
#footer a{
	color: #0187bc;
	font-size: 10px;
	font-family: Arial, Verdana, sans-serif;
}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Opera 9 rules here */
		html>body .leftcol{
			margin-top:5px;
		}
		html>body .maincol{
			margin-top:15px;	
		}
		html>body .maincol2{
			margin-top:15px;	
		}
		html>body .rightcol{
			margin-top:15px;	
		}
	}