/* --------- BASIC HTML CSS ------------ */

html { height: 100%; }
body { color: #444; font-size: 12px; font-family: tahoma; background: #63C9FA url(../images/waterpark-bg.jpg) no-repeat fixed center; height: 100%; margin: 0; }
td { font-size: 12px; }
a:link { color: #4EABD7; }
a:visited { color: #8297AA; }
a:hover { color: #D6A112; text-decoration: none; }
a:visited:hover { color: #D6A112; text-decoration: none; }
h1 { color: #D6A112; font-size: 18px; font-weight: bold; line-height: 21px; margin: 0 0 8px; padding: 0; }
h2 { color: #329DD1; font-size: 15px; margin-top: 0; margin-bottom: 10px; padding: 0; }
h3 { color: black; font-size: 13px; margin-top: 0; margin-bottom: 10px; padding: 0; }
p { margin-top: 0; margin-bottom: 15px; padding: 0; }
img { border-style: none; }
#no-bg { background-image: none; }
#sub-bg { background: #63C9FA url(../images/waterpark-bg.jpg) no-repeat fixed center -218px; height: 100%; margin: 15px 0 0; }

img, div {
	behavior: url(css/iepngfix.htc)
}

/* --------- HOME PAGE CSS ------------ */

#video { background-color: #c1e1f0; text-align: center; width: 245px; padding-top: 13px; padding-bottom: 10px; }

/* --------- HOME UPDATED FEB 2010 ------------ */

#water_index_content_wrapper {
	margin: 0 0 0 1px;
}

#water_index_content_wrapper h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #dc9d04;
	height: 22px;
	margin: 0;
	padding: 17px 0 0;
}

#water_index_content_wrapper ul {
	margin: 0;
	padding: 0 0 0 9px;
	list-style: none;
}

#water_index_content_wrapper li {
	
}

#water_index_content_wrapper a, #water_index_content_wrapper a:visited {
	text-decoration: none;	
}

#water_index_content_wrapper a:hover, #water_index_content_wrapper a:visited:hover {
	text-decoration: underline;	
}

.index_content_wrapper_scroll {
	padding: 9px 10px 10px 0;
}

.box_three .index_content_wrapper_scroll {
	overflow-y: scroll;	
}

.box_one {
	font-size: 10px;
	width: 185px;
	float: left;
	margin: 0 2px 0 0;
	padding: 0 0 10px 23px;
	height: 102px;
	background: url(../images/water_index_content_bg.jpg) 100% 0 no-repeat;
	color: #2185c0;
}

.box_one .index_content_wrapper_scroll {
	height: 54px;	
}

.box_two {
	font-size: 10px;
	width: 184px;
	float: left;
	margin: 0 2px 0 0;
	padding: 0 0 10px 23px;
	height: 102px;	
	background: #999;
	background: url(../images/water_index_content_bg.jpg) 100% 0 no-repeat;
	color: #2185c0;
}

.box_two .index_content_wrapper_scroll {
	height: 54px;	
}

.box_one a, .box_one a:visited, .box_two a, .box_two a:visited {
	color: #2185c0;	
}

.box_three {
	width: 236px;
	float: right;
	margin: 0;
	padding: 0 0 10px 23px;
	height: 198px;
	background: #999;
	background: #c1e1f0 url(../images/water_index_content_bg.jpg) 100% 0 no-repeat;
	color: #2185c0;
}

.box_three a, .box_three a:visited {
	color: #dc9d04;	
}

.box_three .index_content_wrapper_scroll {
	height: 150px;	
}

.box_three .tsr-pg-abstract {
	margin-bottom: 17px;	
}

.box_three .tsr-pg {
	border-bottom: none;	
}

.index_ads {
	width: 417px;
	float: left;
	margin: 2px 0 0;
	height: 94px;
	background: #c1e1f0;
	overflow: hidden;
}

/* --------- HEADER AREA CSS ------------ */

.home-table { background-color: #fff; border-color: #fff; border-style: solid; border-width: 13px 11px; }
.home-table td { text-align: left; }
.sub-table { background-color: #fff; border: solid 7px #fff; }
.sub-table td { text-align: left; }
#search-top { position: absolute; top: 75px; width: 160px; margin-left: 792px; background-color: transparent; }
form#search-form { margin: 0; padding: 0; }
form#home-search { margin-top: 55px; margin-bottom: 0; margin-left: 607px; padding: 0; }
#waterpark-home-hdr { background-color: #329DD3; background-image: url(../images/waterpark-hdr.jpg); background-repeat: no-repeat; }
#waterpark-search-box { color: #fff; font-size: 11px; background-color: #c9e5f1; width: 107px; height: 14px; margin: 0 4px 0 0; padding: 0 0 0 2px; border: solid 1px; vertical-align: top ; outline-style: none; }
#special-hdr { color: #fff; font-size: 16px; font-weight: bold; background-color: #d6a112; text-align: center; padding-top: 2px; padding-bottom: 2px; }
.hdr img { display: block }

.social_media_sub img {
	float: left;
	margin: 0 3px 10px 0;
}

/* --------- CONTENT AREA CSS ------------ */

#crumbs { color: #999; background-image: url(../images/waterpark-crumb-bg.jpg); background-repeat: no-repeat; width: 698px; height: 32px; }
#crumbs a { color: #4EABD7; text-decoration: none; }
#crumbs a:visited { color: #4EABD7; }
#crumbs a:hover { color: #D6A112; text-decoration: none; }
#crumbs a:visited:hover { color: #D6A112; text-decoration: none; }
#crumbs strong { color: #D6A112; font-weight: normal; }
.crumb-pad { font-size: 10px; line-height: 10px; padding-top: 14px; padding-right: 20px; padding-left: 21px; }
#content-wrapper { margin-left: 20px; }
.content { line-height: 18px; float: left; clear: right; width: 488px; margin-bottom: 20px; }
h1.content-hdr { top: -16px; width: 500px; clear: left; margin: 0 0 20px 20px; padding: 15px 0 0; }
#actions { width: 115px; height: 16px; float: right; clear: right; margin-right: 7px; padding-top: 19px; }
.content-bg { background-image: url(../images/waterpark-content-ftr.gif); background-repeat: repeat-x; background-position: 50% bottom; vertical-align: top; padding-bottom: 20px; width: 698px;  }
.content ul { margin: 10px 0 10px 8px; padding: 0; }
.content li { margin: 0 0 3px 15px; list-style-image: url(../images/waterpark-li.gif); }
.content ol li { list-style-image: none; }
.subpages a { text-decoration: none; font-size: 14px; }
.content h1 { display: none; }
#ftr-links { float: none; clear: both; }
#ftr-links a { text-decoration: none; }
#credits { color: #fff; font-size: 11px; text-align: right; padding-top: 20px; padding-right: 20px  ; padding-bottom: 20px; }
#credits a { color: #fff; text-decoration: none; }

/* --------- PHOTO AREA CSS ------------ */

.photo-area { float: left; }
.photo-area img { display: block }
#photo { background-color: #CFE8F3; width: 150px; height: 150px; margin-right: 20px; margin-bottom: 20px; }
#photo-caption { color: #000; font-size: 12px; font-style: italic; line-height: 14px; background-color: #ffc; padding: 7px 7px 8px 8px; }
#hoverpopup0 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position0 { position: relative; top: -170px; left: 170px; display: none; }
#hoverpopup1 { position: absolute; width: 400px; display: none; border-bottom: 20px solid #fff; }
#hover-position1 { position: relative; top: -340px; left: 170px; display: none; }
#hoverpopup2 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position2 { position: relative; top: -340px; left: 170px; display: none; }
#hoverpopup3 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position3 { position: relative; top: -340px; left: 170px; display: none; }
#hoverpopup4 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position4 { position: relative; top: -340px; left: 170px; display: none; }

/* --------- PRINT CSS ------------ */

.showPrint { float: none; clear: both; display: none   }

/* --------- DROPDOWN MENU CSS ------------ */

#menu-top { position: absolute; top: 114px; width: 900px; margin-left: 45px; background-color: transparent; }
#wrapper { position: relative; margin: auto; width: 952px;}
.menu { background-image: url(../images/waterpark-menu-bg.gif); background-repeat: no-repeat; background-position: 0 3px; padding-top: 3px; padding-bottom: 3px; padding-left: 33px; }
#nav, #nav ul { float: left; list-style: none; line-height: 1; background: transparent; font-size: 10px; font-family: tahoma, arial; padding: 0; margin: 0; text-transform: uppercase; }
#nav a { display: block; color: #D6A112; text-decoration: none; padding: 4px 10px 4px 10px; border-bottom: 1px solid #fff; }
#nav a.daddy { background-image: url(../images/waterpark-daddy-bg.gif); background-repeat: no-repeat; background-position: right 3px; letter-spacing: 1px; padding: 3px 7px; }
#nav li { float: left; padding: 0; width: auto; }
#nav li ul { position: absolute; left: -999em; height: auto; width: 180px; w\idth: 180px; margin: 0; background-color: #F2F9FC; border-right: 1px solid #fff; border-left: 1px solid #fff; }
#nav li li { padding-right: 0; width: 180px; }
#nav li ul a { width: 180px; w\idth: 160px; }
#nav li ul ul { margin: -19px 0 0 140px; border-left: 1px solid #329DD1;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover { background-color: #C6E3F1; }
#nav a:hover { color: #fff; background-color: #ACD5E9; background-image: url(../images/waterpark-hover-bg.gif); background-repeat: repeat-x; background-position: left bottom; text-decoration: none; }
#nav a:visited:hover { color: #fff; background-color: #ACD5E9; background-image: url(../images/waterpark-hover-bg.gif); background-repeat: repeat-x; background-position: left bottom; text-decoration: none; }

/* --------- SIDEBAR CSS ------------ */

.sidebar { background-image: url(../images/waterpark-sidebar-bg.jpg); background-repeat: repeat-y; vertical-align: top; width: 221px; }
.sidebar h2 { font-size: 18px; text-align: left; margin-top: 3px; margin-bottom: 11px; margin-left: 12px; }
.sidebar h3 { font-size: 12px; font-weight: normal; line-height: 12px; background-color: #ffffe4; margin: 10px 13px 0; padding: 3px; }
.sidebar img { display: block }
.related-resources { background-image: url(../images/waterpark-resources-bg.jpg); background-repeat: no-repeat; padding: 10px 15px; }
.tsr-pg { font-size: 11px; line-height: 14px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #a3bad9; }
.tsr-pg-title a { font-weight: bold; text-decoration: none; }
.tsr-pg-abstract {  }

/* --------- ACCORDION CSS ------------ */

h3.toggler { color: #60862C; margin: 0; background: #fff url(../images/waterpark-quicklinks-bg.gif) no-repeat; font-size: 11px; line-height: 11px; padding-top: 4px; padding-bottom: 5px; padding-left: 15px; cursor: pointer; }
.element { background-color: #F2F9FC; }
.element p { font-size: 11px; line-height: 14px; margin: 0; padding: 10px 10px 15px 15px; border-top: 1px solid #4EABD7; border-bottom: 1px solid #4EABD7; }
.ie-pad-fix { padding-top: -18px; }

/* --------- CONTENT SPECIFIC CSS ------------ */

#data td {
	font-size:12px;
	border-collapse:collapse; 
	padding:2px; 
	border-bottom: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	}

#data { 
	border-top: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	}
	
#data th {
	font-weight:bold;
	text-align: center;
	font-size:11px;
	color:#fff;
	background: #49a8d6;
	border-right: 1px solid #fff; 
	}
	
#data td.th2 {
	background:#00442E;
	color:#fff;
	font-weight:bold;
	}
	
#data td.th3 { 
	color: #444;
	font-size: 12px; 
	font-weight: bold; 
	text-align: center; 
	background-color: #d9f1fd; 
	}

#data td.th4  { color: white; font-weight: bold; background-color: #885c29 }

.sml { 
	font-size: 10px
	}

legend  { 
	font-style: italic;
	font-weight: bold;
	font-size: 12px; 
	}

input { 
	margin-bottom: 6px; 
	}

label {
	font-size: 12px;
	margin-top: 6px;
	display: block; 
	}

form {
	font-size: 12px;
	}

.red { 
	color: white;
	background-color: #800000
	}
	
.blue { 
	color: white;
	background-color: #0089B1
	}
	
.white { 
	color: black; 
	background-color: white 
	}
	
div#fullwidth {
	width: 650px;
	}
.center { text-align:center }


.image-left-aligned {
	padding:0 12px 12px 0;
}

.image-right-aligned {
	padding:0 0 12px 12px;
}