@charset "utf-8";
/* CSS Document */

body {
	color: #333;
}

ul {
	padding-left: 20px;
	list-style:square;
}

h3.accommodations a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2.0em;
	font-weight: normal;
	color: #276d77;
	text-decoration: none;
}
.blueText {
	font-size: 14px;
	color: #8fb9f9;
}

.sidebar-hline {
	height: 12px;
	margin: 5px 0;
	width: 220px;
	background: transparent url(img/sidebar-hline.png) 50% 50% no-repeat;
}
	  
/** CONTENT LEFT SPLASH PAGE */

#content {
	background: none !important;
}

#content-left {
	background: #fff !important;
	min-height: 860px !important;
}

#content-right {
	background: none !important;
}

ul.visitor-links {
	text-align:center;
	margin-top: 10px;
	margin-left: 0px;
	font-size: 1.8em;
	font-family:"Garamond", Palatino, times, serif;
	font-weight:600;
	line-height:1.3em;
}

ul.visitor-links li {
}

ul.visitor-links a {
	color: #086582;
	text-decoration:none;
	padding: 0 20px;
}

ul.visitor-links a:hover {
	color: #c9d962;
	text-decoration:underline;
}

/* Reservations page */
#reservation {
	background: #fff;
	padding: 10px 20px;
	color: #06C;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#reservation span {
	font-size:1.2em;
	font-weight:bold;
}

/* Accommodations page */
ul.accommodations {
	font-size:1.05em;
	font-weight:600;
}
ul.accommodations li {
	list-style-type:none;
	padding: 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	font-weight:normal;
	color: #276D77;
}
ul.accommodations a {
	color: #276D77;
}

.thumbs {
	position: relative;
	width: 388px;
	height:auto;
	background:#f7f7f7;
	text-align:center;
	border: 1px solid #cccccc;
	font-size:11px;
	float: right;
	display: inline;
	margin: -5px 10px 5px 0;
}
	.thumbs p {
		clear: both;
		position:relative;
		bottom: 5px;
		margin: 0;
	}
	.thumbs img {
		padding: 4px;
		margin: 4px 3px 3px 3px;
		border:1px solid #CCCCCC;
	}
	.thumbs img:hover {
		background: #d4e4e4;
	}
	.thumbs ul {
		margin-left: -5px;
	}
	.thumbs ul li {
		list-style-type:none;
		float: left;
	}
	.thumbs #onebed {
		margin-left: 55px;
	}
/* Activities page */

#activities-header {
	background: transparent url(img/activities/activities-banner.jpg) top left no-repeat;
	width: 100%;
	position:relative;
	height: 210px;
	margin: -60px 0 10px 0;
	font: 11px Arial, Helvetica, sans-serif;
	line-height:1.1em;
	z-index: 1;
}

#activities-header p.disclaimer {
	position:absolute;
	margin: 175px 0 0 230px;
	font-size: 10px;
	width: 240px;
}

#boardgames {
	background: transparent url(img/activities/boardgames.gif) 50% top no-repeat;
	position:absolute;
	width: 200px;
	margin: 70px 0 0 460px;
	padding-top: 60px;
	text-align:center;
}
#boardgames p {
	margin: 0 0 10px;
}


#new-activities {
	width: 610px;
	height: 180px;
	margin: 20px 0 10px 0;
	padding-left: 40px;
	border: 1px solid #ccc;
	background: url(img/activities/new-activities.png) left top no-repeat;
	overflow: hidden;
}
#new-activities .left, #new-activities .middle, #new-activities .right {
	float: left;
	width: 180px;
	height: 180px;
	margin: 0 10px;
}
#new-activities .left {
	text-indent: -9999px;
	background: url(img/activities/spa.jpg) left top no-repeat;
}
#new-activities .middle {
	text-indent: -9999px;
	background: url(img/activities/wine-and-cheese.jpg) left top no-repeat;
}
#new-activities .right {
	text-indent: -9999px;
	background: url(img/activities/hp-world.jpg) left top no-repeat;
}

#days {
	width: 100%;
	height: 30px;
	margin: 20px 0 10px;
}

	/* days menu */
		#days-menu {
			width: 649px;
			height: 26px;
			margin: 0;
			padding: 0;
		}
		
		#days-menu li {
			float: left;
			list-style-type: none;
		}
		#days-menu a {
			background: transparent url(img/activities/days-menu.gif) no-repeat;
			height: 26px;
			display:block;
			text-indent: -9999px;
			margin: 0;
			padding: 0;
		}
		
		#days-menu li a.sat {
			width: 95px;
			background-position: 0px 0px;
		}
		#days-menu li a.sun {
			width: 85px;
			background-position: -95px 0px;
		}
		#days-menu li a.mon {
			width: 85px;
			background-position: -180px 0px;
		}
		#days-menu li a.tue {
			width: 90px;
			background-position: -265px 0px;
		}
		#days-menu li a.wed {
			width: 115px;
			background-position: -355px 0px;
		}
		#days-menu li a.thu {
			width: 105px;
			background-position: -470px 0px;
		}
		#days-menu li a.fri {
			width: 74px;
			background-position: -575px 0px;
		}
		
		#days-menu li a:hover.sat, #days-menu li a.sat.selected  {
			background-position: 0 -26px;
		}
		#days-menu li a:hover.sun, #days-menu li a.sun.selected {
			background-position: -95px -26px;
		}
		#days-menu li a:hover.mon, #days-menu li a.mon.selected {
			background-position: -180px -26px;
		}
		#days-menu li a:hover.tue, #days-menu li a.tue.selected {
			background-position: -265px -26px;
		}
		#days-menu li a:hover.wed, #days-menu li a.wed.selected {
			background-position: -355px -26px;
		}
		#days-menu li a:hover.thu, #days-menu li a.thu.selected {
			background-position: -470px -26px;
		}
		#days-menu li a:hover.fri, #days-menu li a.fri.selected {
			background-position: -575px -26px;
		}

	
#daily-schedule {
	float: left;
	width: 450px;
	background: #fff;
	position:relative;
	margin-bottom: 50px;
}
.scroll {
	height: 900px;
	margin-right: 5px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	background: transparent;
}
.scrollContainer div.panel{
	width: 450px;
	height: 900px;
	background: transparent;
}
.scrollButtons {
  position: absolute;
  top: 17px;
  cursor: pointer;
}
.scrollButtons.left {
  left: 120px;
  z-index: 2;
}
.scrollButtons.right {
  right: 120px;
}

span.photogallerylink  {
	font-size: 16px;
	font-weight:bold;
	color: #17aa1b;
	text-shadow: 2px 2px 2px #CCCCCC;
}

#activity-photos {
	height: auto;
	width: 650px;
	margin: 20px 0 10px 0;
	background: #eee;
	border: 3px dotted #666;
	text-align: center;
	font:16px "Segoe UI", sans-serif;
	font-weight:bold;
	text-shadow: 2px 1px 1px #FFFFFF;
	color: #000;
	position: relative;
	clear: both;
}
#activity-photos ul {
	margin: 0 0 20px -5px;
}
#activity-photos li {
	list-style-type:none;
	float: left;
	margin: 4px 4px;
}
#activity-photos img {
		padding: 4px;
		margin: 3px 30px 3px 50px;
		border:1px solid #999;
	}
	#activity-photos img:hover {
		background: #fdb13c;
	}
#activity-photos p {
	margin-bottom: 0px;
}

#tickets-sign {
	float: left;
	margin-left: 5px;
	width: 205px;
	height: 600px;
	background: transparent url(img/activities/tickets-sign.jpg) left 225px no-repeat;
	padding-top: 40px;
	text-align: center;
}
#tickets-sign a {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.ticketscoop {
	display: block;
	width: 205px;
	height: 92px;
	background: url(img/activities/ticketscoop-logo.png) center bottom no-repeat;
	margin: 380px 0 0 0;
}
/** Visitors sidebar */

#visitor-sidebar {
	float: left;
	width:220px;
	height:auto;
	margin: 0px 0px 20px;
	padding: 10px 0;
	background:transparent;
}
.sidebar-block {
	font-family:"Segoe UI", Calibri, Arial, Helvetica, sans-serif;
	width: 215px;
	background: #286E78 url(img/sidebar-shadow.png) top left repeat-y;
	padding: 10px 10px 10px 15px;
	margin: 0 0 20px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-radius-bottomright:7px;
	-webkit-border-radius-topright:7px;
	border: 1px solid #CCC;
	border-left:none;
	color: #fff;
}
.sidebar-block ul {
	list-style-type: none;
	list-style-position:inside;
	margin-bottom: 0;
	margin-left:-15px !important;
}

.sidebar-block li {
	font-weight:normal;
}
.sidebar-block li li {
	margin-left: 8px;
	font-weight:normal;
	font-style:italic;
}
.sidebar-block li, .sidebar li li, .sidebar ul li {
	padding-left: 5px;
	list-style-image: url(img/bullet_yellow.png)
}
.box-right a {
	color: #fff;
	text-decoration:none;
}
.box-right a:hover {
	color: #AFD7DB;
	text-decoration:underline;
}


h3.visitor-sidebar {
	color:#AFD7DB;
	font-family:georgia;
	font-size:20px;
	font-weight:normal;
}

#sidebar-attractions img {
	background-color: #012126;
	padding: 3px;
	border: 1px solid white;
	margin: 5px 5px;
}

#sidebar-attractions img:hover {
	background-color: #4e8890;
}
	
#sidebar-weather {
	padding: 5px 0 20px 20px;
	width: 220px !important;
}
/* start slideshow */
		
		#s3slider {
			background: #F7F7F7;
			padding: 3px;
			border: 1px solid #CCC;
		    width: 320px; /* important to be same as image width */
		    height: 240px; /* important to be same as image height */
			margin-top:25px;
		    position: relative; /* important */
		    overflow: hidden; /* important */
		    float: right;
		}
		
		#s3sliderContent {
		   width: 320px; /* important to be same as image width or wider */
		   position: absolute; /* important */
		   top: 5px; /* important */
		   margin-left: -20px; /* important */
		   list-style-type:none;
		}
		
		#s3sliderContent li {
			list-style-type:none;
		}
		
		.s3sliderImage {
		   float: left; /* important */
		   position: relative; /* important */
		   display: none; /* important */
		   
		}
		
		.s3sliderImage span {
		   position: absolute; /* important */
		   left: 0px;
		   font: 11px/17px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
		   padding: 5px 13px 15px 13px;
		   width: 294px;
		   background-color: #000;
		   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
		   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
		   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
		   opacity: 0.7; /* here you can set the opacity of box with text */
		   color: #fff;
		   display: none; /* important */
		   bottom: 0;
		
		   /*
			   if you put
			   top: 0; -> the box with text will be shown at the top of the image
			   if you put
			   bottom: 0; -> the box with text will be shown at the bottom of the image
		   */
		}