/* MASTERPAGE CSS */
#Header-Container {	margin: 0px auto 0px auto; position: relative; width: 950px; height: 123px; vertical-align: middle; z-index: 5;}
#bookmark-container {	width: 950px;	margin: 0px auto 0px auto; padding-bottom: -5px; position: relative; vertical-align: middle; text-align: right; text-indent: 100px; }
#header-slideshow { position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; width: 950px; height: 265px; vertical-align: middle; background: url(../Images/Img_Bkgd.png) no-repeat; z-index: 5; }
#menucontrol { width: 150px; float: left; }
/*  #slideshow { width: 785px; float: right; margin-top: 15px; margin-right: 3px; } */
#Content-Container { margin: 0px auto 0px auto; position: relative; width: 950px; vertical-align: middle; z-index: 1; }
#wrapper { }
#weather-container { margin: 0px auto 0px auto; width: 950px; position: relative; vertical-align: middle; background: url(../Images/Content_Img_Bkgd.jpg) repeat-y; clear: both; }
#weather { width: 270px; height: 450px; text-align: center; position: relative; }
#Footer-Container { margin: 0px auto 0px auto; position: relative; width: 950px; vertical-align: middle; border-bottom: solid 1px #A29A77; text-align: center; height: auto; }
#winter-slideshow { width: 940px; padding-top: 19px; margin-right: 3px; margin-left: 3px; vertical-align: middle; }

/* MISC CONTAINERS */
#HeaderContainer { margin: 0px auto 0px auto; position: relative; width: 950px; height: 123px; vertical-align: middle; }
#ContentContainer { margin: 0px auto 0px auto; position: relative; width: 950px; vertical-align: middle; }
#FooterContainer { width: 950px; height: 275px; vertical-align: middle; background: url(../Images/Content_Img_Bkgd.jpg) repeat-y; border-bottom: solid 1px #A29A77;  clear: both; position: relative; margin: 0px auto 0px auto; }
#container { margin: 0px auto 0px auto; width: 950px; position: relative; vertical-align: middle; background: url(../Images/Content_Img_Bkgd.jpg) repeat-y; }
#twitter_div { border: solid 1px #A29A77; text-align: left; }
#twitter_div ul { list-style-image: url(../Images/twitter.ico); font-size: 10px; }
#twitter-container { width: 200px; height: 200px; margin-top: 0px; float: right; position: relative; padding: 3px 3px 3px 3px; }
#availbox { border: solid 1px #A29A77; background: url(../Images/Content_Top_Bkgd.png) no-repeat; }
#blog-author-date-container { font-size: 8pt; }
#header-image { margin: 0px auto 0px auto; position: relative; width: 870px; height: 103px; vertical-align: middle; }
.weather { width: 950px; position: relative; padding-left: 100px; }
.hr-container { width: 950px; clear:both; height: 5px; position: relative; margin: 10px auto auto auto; padding-bottom: 10px; }
#content-right-column img.border { position: relative; padding: 5px; background-color: #472D08; border: solid 1px White; }

/* CONTENT CONTAINERS */	
#content-container {margin: 0px auto 0px auto; width: 950px; height: auto; position: relative; background: url(../Images/Content_Img_Bkgd.jpg) repeat-y; vertical-align: middle; z-index: 0; }
#left-content-container { width: 660px; margin-left: 10px; float: left; position: relative; padding-top: 10px; z-index: 0; }
#right-content-container { width: 250px; margin-right: 10px; float: right; position: relative; padding-top: 10px; z-index: 0; }
.left-content-column { width: 610px; text-align:justify; padding: 5px 5px 0px 5px; border: solid 1px #A29A77; background: url(../Images/Content_Top_Bkgd.png) no-repeat; position: relative; float: left; margin-bottom: 10px; }
.right-content-column { width: 690px; text-align:justify; padding: 5px 5px 0px 5px; border: solid 1px #A29A77; background: url(../Images/Content_Top_Bkgd.png) no-repeat; position: relative; float: left; margin-bottom: 10px; }
#content-left-column { width: 610px; text-align:justify; padding: 5px 5px 0px 5px; border: solid 1px #A29A77; background: url(../Images/Content_Top_Bkgd.png) no-repeat; position: relative; float: left; z-index: 0; padding-bottom: 10px; }
#content-left-column a:link,
#content-left-column-2 a:link,
#content-left-column-3 a:link,
#content-left-column-4 a:link { text-decoration: underline; font-weight: bold; }
#content-left-column-2 { width: 610px; text-align: justify; padding: 5px 5px 0px 5px; border: solid 1px #A29A77; background: url(../Images/Content_Top_Bkgd.png) no-repeat; position: relative; padding-bottom: 10px; float: left; z-index: 0; }
#content-left-column-3 { width: 610px; text-align: justify; padding: 5px 5px 0px 5px; border: solid 1px #A29A77; background: url(../Images/Content_Top_Bkgd.png) no-repeat; position: relative; padding-bottom: 10px; float: left; z-index: 0; }
#content-left-column-4 { width: 610px; text-align: justify; padding: 5px 5px 0px 5px; border: solid 1px #A29A77; background: url(../Images/Content_Top_Bkgd.png) no-repeat; position: relative; padding-bottom: 10px; float: left; z-index: 0; }	
#content-right-column { width: 300px; position: relative; height: auto; z-index: 0; }
#content-container-whole { width: 900px; position: relative; padding-top: 10px; }
#content-whole-container { width: 900px; text-align:justify; padding: 5px 5px 0px 5px; border: solid 1px #A29A77; position: relative; background: url(../Images/Content_Top_Bkgd.png) no-repeat; float: left; margin-bottom: 10px; margin-left: 10px; }		

/* CONTAINERS GROUPS */
#content-container-groups {
	margin-top:auto;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: auto;
	position: relative;
	padding-top: 0px;
	background: url(../Images/Content_Img_Bkgd.jpg) repeat-y;
	vertical-align: middle;
}

#navigation-container-groups {
			
	margin: 0px auto 0px auto;
	vertical-align: middle;
	position: relative;
	width: 950px;
	border-top: solid 1px #A29A77;
	z-index: 2;
	padding-top: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTAINERS LODGING
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-lodging {
	margin-top:auto;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: auto;
	position: relative;
	padding-top: 0px;
	background: url(../Images/Content_Img_Bkgd.jpg) repeat-y;
	vertical-align: middle;
	}

#navigation-container-lodging {
	margin: 0px auto 0px auto;
	vertical-align: middle;
	position: relative;
	width: 950px;
	border-top: solid 1px #A29A77;
	z-index: 2;
	padding-top: 5px;
}

#gallery-rotator {
	background: url(../Images/LodgingImages/img_bkgd.jpg) no-repeat;
	width: 574px;
	height: 121px;
	position: relative;
}

.gallery-right {
	cursor: hand;
	float: right;
	position: relative;
}

.gallery-left {
	cursor: hand;
	float: left;
	position: relative;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINERS SAFARI
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-safari {
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: auto;
	position: relative;
	padding-top: 0px;
	background: url(../Images/Content_Img_Bkgd.jpg) repeat-y;
	vertical-align: middle;
	}

#top-spacer-safari {
	border-top: solid 1px #A29A77;
	z-index: 2;
	width: 950px;
	height: 10px;
	margin-top: 0px;
	position: relative;
} 

#left-column-safari {
	float: left;	
	width: 230px;
	position: relative;
	padding-top: 10px;
	margin-left: 0px;
	margin-top: 0px;
	z-index: 1;
}

#right-column-safari {
	float: right;
	width: 700px;
	position: relative;
	padding-top: 10px;
	margin-right: 10px;
}
	
#content-safari-column {
	width: 690px;
	text-align: justify;
	padding: 5px 5px 0px 5px;
	border: solid 1px #A29A77;
	background: url(../Images/Content_Top_Bkgd.png) no-repeat;
	position: relative;
	margin-top: 10px;
}

#right-content-container-safari 	{
	margin-top: auto;
	margin-left: 5px;
	margin-right: 5px;
	width: 705px;
	height: auto;
	position: relative;
	float: right;
}

#navigation-container-safari {
	margin-bottom: 10px;
	margin-top: -5px;
	position: relative;
	width: 230px;
}

#image-container-safari {
	margin-bottom: 5px;
	margin-top: 5px;
	position: relative;
	width: 230px;
	float: left;
	margin-left: 5px;
}

.safari-image {
	border: solid 2px #472D08;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINERS SPA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-spa {
	margin-top:auto;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height: auto;
	position: relative;
	padding-top: 0px;
	background: url(../Images/Content_Img_Bkgd.jpg) repeat-y;
	vertical-align: middle;
	}

#navigation-container-spa {
	margin: 0px auto 0px auto;
	vertical-align: middle;
	position: relative;
	width: 950px;
	border-top: solid 1px #A29A77;
	z-index: 2;
	padding-top: 5px;
}

#left-content-container-spa {
	width: 660px;
	margin-left: 10px;
	float: left;
	position: relative;
	padding-top: 10px;
	z-index: 1;
}

#left-content-column-spa {
	width: 660px;
	text-align:justify;
	padding: 5px 5px 0px 5px;
	border: solid 1px #A29A77;
	background: url(../Images/Content_Top_Bkgd.png) no-repeat;
	position: relative;
	z-index: 1;
	}
		
#left-content-column-spa a:link,
#left-content-column-2-spa a:link,
#left-content-column-3-spa a:link,
#left-content-column-4-spa a:link {
	text-decoration: underline;
	font-weight: bold;
}

#right-content-container-spa {
	width: 250px;
	margin-right: 10px;
	float: right;
	position: relative;
	padding-top: 10px;
	z-index: 1;
}

#right-content-column-spa {
	width: 250px;
	position: relative;
	height: auto;
	z-index: 1;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	background:#FAF4D4 url(../Images/bkg_img_01.jpg) repeat-x;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height:1.4em;
	color:#472D08;
}

p {
	margin:10px 0;
	}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
	
hr{
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border:0;
	margin:15px 0;
	_margin:10px 0;
	}
	
blockquote {
	padding:0 0 0 12px;
	margin:12px 0 0 0;
	background:url(../../images/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
cite {
	font-size:.85em;
	margin:0;
	padding:0 0 0 6px;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HEADINGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.left-content-column h1 { font-size: 1.3em; }
.left-content-column a:link { font-weight: bold;}
	
h1, h2, h3, h4, h5, h6 {
	font-size:1.8em;
	font-family:Verdana;
	line-height:1.1em;
	margin:5px 0;
	color: #11303c;
	letter-spacing: 1px;
}

h1 {
	margin-bottom:0;
}

h1, h2 {
	margin-top:0px;
}

h2 {
	font-size:15px;
}

h3 {
	font-size:1.1em;
}

h3.small {
	font-size:1.2em;
}

h4 {
	font-size:1em;
}

h5 {
	font-size:1.1em;
	line-height: .3em;
}

h6 {
	font-size:1em;
	line-height: .3em;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a:link {
	color:#3264B1;
	text-decoration:none;
	font-weight: bold;
}

a:visited {
	color:#3264B1;
	text-decoration:none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	font: bold;
	color: #3264B1;
}

a:active {
	color:#3264B1;
}

#content-side-two-column a:link,
#content-side2-three-column a:link,
#content-side1-three-column a:link,
#content-side-two-column a:visited,
#content-side2-three-column a:visited,
#content-side1-three-column a:visited {
	text-decoration:none;
}

#content-side-two-column a:hover,
#content-side2-three-column a:hover,
#content-side1-three-column a:hover {
	text-decoration:underline;
}

#heading{
	text-align: left;
	font-size:1.4em;
	font-weight:bold;
	}


#subheading{
	font-size:1.1em;
	font-weight:bold;
	}


/* ACTIVE PAGES */
#nav-main a.StaticSelectedStyle:link,
#nav-main a.StaticSelectedStyle:visited {
	color:#FFFFFF;
	text-decoration:underline;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HOME PAGE FEATURE AREA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.feature-area {
	background-color:#6799D1;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	IMAGES & PHOTOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#293253 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
	margin-right: 5px;
}

.photo-border-right {
	border: 1px solid #cecece;
	padding: 4px;
	background: #293253 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom: 5px;
	display: block;
	margin-left: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* #footer {
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
	vertical-align: middle;
	width:788px;
	position:relative;
	font-size:.9em;
	text-align: center;
}

#footer div {
	background: url(../../images/bg_nav_side_brn.gif) bottom right no-repeat;
	width:25%;
	_width:25.5%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}

#footer a:link,
#footer a:visited {
	color:#000000;
	font-weight: bold;
}

#footer a:hover {
	color:#B37700;
	font-weight: bold;
}

#footer a:active {
	color:#FFFFFF;
	font-weight: bold;
}
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-date {
	font-size:0.9em;
	font-style:italic;
	color:#A4A4A4;
}

.arrow {
	vertical-align:middle;
	}

input.button-big {
	font-weight:bold;
	padding:.7em 1.5em;
	font-size:1.1em;
	vertical-align:bottom;
	}

input.button-small {
	font-weight:normal;
	padding:.4em 1em;
	font-size:.8em;
	vertical-align:bottom;
	}

.clear {
	clear:both;
	}

.none {
    display:none;
}

#CurrentEvents a:link,
#CurrentEvents a:hover,
#CurrentEvents a:visited,
#CurrentEvents a:active {
	color: White;
	cursor: pointer;
}

#VacationSpecials a:link,
#VacationSpecials a:hover,
#VacationSpecials a:visited,
#VacationSpecials a:active {
	color: White;
	cursor: pointer;
}

.hyperlink {
cursor: pointer;
}

.safariimageright {
	margin-left: 10px;
	margin-right: 5px;
}

.safariimageleft {
	margin-left: 5px;
	margin-right: 10px;
}

.backgroundPanel {
	background: url(../Images/Promo_Bkgd_red.png) no-repeat;
	width: 249px;
	height: 200px;
}

.panel {
	background-color: Transparent;
	width: 225px;
	height: 180px;
	color: White;
}

.RadToolTip {
	z-index: 5000;
}

.rotator {
	z-index: 1;
}

.RotatorItem {
	background-color: Transparent !important;
}

.radr clipRegion 
{
	background-color: Transparent !important;
}

.radr item div 
{
	background-color: Transparent !important;
	border: none;
}

.repeaterPanel {
	height: 0;
	overflow: hidden;
}

.details {
	cursor: hand;
	text-decoration: underline;
}

#season_rates {text-align:center;}
#season_rates table {text-align:center; margin: 10px auto;}
#season_rates table td {border: 1px solid #e2dece;}
#season_rates table td#ratetblhead {text-align: center; background-color: #a29a77; height: 21px;}
#season_rates table td#ratetblhead h4 {color:#ffffff;}
#season_rates table td.ratetblhr {height: 5px; border-left:0px!important; border-right:0px!important;}
#season_rates table td.ratetblseason {width: 108px; height: 22px; text-align:center;}
#season_rates table td.ratetblodd {background-color:#f2eee1;}
span.seasonname {text-transform: uppercase; font-weight: bold;}
#season_rates table td.ratetblprice {width: 108px; height: 22px; text-align="center" }
span.from {font-size: 8pt; font-style: italic;}
#season_rates table td.ratetblspecial {text-align: center; height: 22px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	BLOG CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.backelement {
	width: 600px;
	height: 400px;
	margin-left: 5px;
	background: url(../Images/blog_bkgd.png) no-repeat;
}

.itemtemplate {
	width: 580px;
	height: 380px;
	padding-top: 10px;
	cursor: pointer;
	padding-left: 10px;
	border-bottom: solid 1px #A29A77;
}

.titletext {
	width: 550px;
	margin-left: 5px;
	padding-top: 5px;
	height: 30px;
}

.descriptiontext {
	width: 550px;
	height: 340px;
	margin-top: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LIGHTBOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }