/* CSS Document */


* { margin:0; padding:0;}

.needsattention {
	color:#FF0000;
	background-color:#FFFFFF;
	padding: 15px;
	border: medium double #FF0000;
	display:block;

}


.clear { clear:both;}

.needsattention:before { content: "Needs attention: "; font-weight: bold; }


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#283a91;
	background-image: url(images/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	padding: 0;
	line-height: 17px;
}

P {
	padding-top:15px;

}

HR {
	background-color: #CCCCCC;
	height:1px;
	margin-top: 50px;
	margin-bottom: 50px;
	border-style: none;
	}

ul {
	list-style-type: disc;
	list-style-position: inside;
	}

blockquote {
	border : thin dotted #283a91;
	font-style:italic;
	margin: 20px;
	padding: 10px;
	background-color: #ECECFF;
	quotes: "\201C" "\201D";
}

blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

h1, h2, h3 {
	margin-top: 15px;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: normal;
}

a:link, a:visited {
	color:#283a91;
}

a:hover, a:active {
	color:#FF0000;

}

.photo {
	padding: 2px;
	border: solid #283a91 1px;
	margin: 0px;
	background-color:#FFF;
}



.sectionlink {
	height: 22px;
	font-size: 10px;
	line-height: 22px;
	background-color: #d8dfff;
	text-align: left;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
	letter-spacing: 1px;
}


.sectionlink a:link, .sectionlink a:visited {
	text-decoration: none;
	color: #283a91;
}

.sectionlink a:active, .sectionlink a:hover {
	text-decoration: none;
	color: #FF0000;
}

.smlink {
	font-size: 10px;
	padding: 0px;
	margin: 0px 0px 10px 0px;

}

.smlink a:link, .smlink a:visited {
	color: #283a91;
	background-color: #d8dfff;
	text-decoration: none;
	padding: 2px;
	margin: 0px 5px 0px 0px; 

}

.smlink a:active, .smlink a:hover {
	color: #FF0000;
}

.nb {
	font-size: 9px;
	font-style: italic;
	line-height: 11px;
	}
	
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1000px;
	background-image:url(images/bodybg.gif);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
}

#subpagewrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1000px;
	background-image:url(images/subbodybg.gif);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
}

#subpageleft {
	border:0;
	float:left;
	width:700px;
	padding-bottom:25px;
}

#leftcolumn {
	text-align: left;
	margin: 0px auto;
	padding-left: 66px;
	padding-top: 41px;
	padding-right: 15px;
}

#subpageright {
	text-align: right;
	margin: 0px auto;
	padding-left: 0px;
	padding-top: 190px;
	padding-right: 25px;
	border:0;
	float:right;
	min-height: 300px;
}

#topmenuwrapper {
	text-align:center;
	width: 100%;
	background-image: url(images/menubg.gif);
	height: 59px;
	padding: 0;
	margin: 0;
}


#footer {
	text-align:center;
	background-image: url(images/hr.footer.gif);
	background-repeat:no-repeat;
	background-position: top;
	clear:both;
	padding-top: 45px;
	padding-bottom: 45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	line-height: 10px; 
	line-height: 14px;
 }

.textInput
{
	border: 1px solid #999999;
	color: #283a91;
	font-size: 14px;
	width: 220px;
}

.formtext {
	margin-top: 5px;
	clear:both;
}


#blanket {
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}

#popUpDiv {
	position:absolute;
	background-color:#eeeeee;
	width:300px;
	height:300px;
	z-index: 9002;
}


#dropmenudiv{
	position:absolute;
	border:1px solid #2491dd;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	border-bottom: 1px solid #2491dd;
	border-top: 1px solid #536c82;
	line-height:18px;
	background-color:#69e0da;
	z-index:100;
	text-align: left;
	padding: 3px;

}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	text-decoration: none;
	color: #283a91;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #ccccff;
}

/*- Menu Tabs --------------------------- */

#topmenu {
	height: 59px;
	margin: 0 auto;
	width: 1000px;
 	text-align: left;
	padding: 0;
}

#topmenu ul {
list-style-type: none;
margin:0;
margin-left: 3px;
padding:0;
}


#topmenu ul li {
   display:block;
   float: left;
   list-style-type: none;
   padding: 0px;
   margin: 0;
   height:59px;
}

#topmenu ul li a {
   display:block;
   height:59px; 
   width:250px;
   background:transparent url(images/logo.off.gif) no-repeat 0 0;
   text-indent:-9009px;
   overflow: hidden;
}

#topmenu ul li#home a {
   width:71px;
   background-position: -34px 0;
   background:transparent url(images/menu6.off.gif) no-repeat 0 0;   
}

#topmenu ul li#aboutus a {
   width:86px;
   background-position: -34px 0;
   background:transparent url(images/menu1.off.gif) no-repeat 0 0;   
}

#topmenu ul li#retreat a {
   width:159px;
   background-position: -34px 0;
   background:transparent url(images/menu2.off.gif) no-repeat 0 0;   
}

#topmenu ul li#rooms a {
   width:162px;
   background-position: -34px 0;
   background:transparent url(images/menu3.off.gif) no-repeat 0 0;   
}

#topmenu ul li#reservations a {
   width:150px;
   background-position: -34px 0;
   background:transparent url(images/menu4.off.gif) no-repeat 0 0;   
}

#topmenu ul li#explore a {
   width:89px;
   background-position: -34px 0;
   background:transparent url(images/menu5.off.gif) no-repeat 0 0;   
}

#topmenu ul li a:hover {
   background-position: 0 -66px;
   background:transparent url(images/logo.on.gif) no-repeat 0 0;   
}

#topmenu ul li#home a:hover {
   background-position: -34px -66px;
   background:transparent url(images/menu6.on.gif) no-repeat 0 0;    
}

#topmenu ul li#aboutus a:hover {
   background-position: -34px -66px;
   background:transparent url(images/menu1.on.gif) no-repeat 0 0;    
}

#topmenu ul li#retreat a:hover {
   background-position: -34px -66px;
   background:transparent url(images/menu2.on.gif) no-repeat 0 0;    
}

#topmenu ul li#rooms a:hover {
   background-position: -34px -66px;
   background:transparent url(images/menu3.on.gif) no-repeat 0 0;    
}

#topmenu ul li#reservations a:hover {
   background-position: -34px -66px;
   background:transparent url(images/menu4.on.gif) no-repeat 0 0;    
}

#topmenu ul li#explore a:hover {
   background-position: -34px -66px;
   background:transparent url(images/menu5.on.gif) no-repeat 0 0;    
}

/*- thumbnails --------------------------- */

.thumbnail {

	display:block;
	float:left;
	padding-left:27px;
	font-size:10px;
	text-align:center;
}

.thumbnail, h1, h2, h3 {
	padding-top: 10px;
}


/*- available rooms --------------------------- */

.availablerooms {

	font-size: 10px;
	line-height: 22px;
	background-color: #d8dfff;
	text-align: left;
	padding: 5px 10px 5px 10px;
	margin-top: 20px;
	margin-bottom: 0px;
	clear: left;
	letter-spacing: 1px;
	width: auto;
	text-decoration: none;
}


.availablerooms a:link, .availablerooms a:visited {
	text-decoration: none;
	color: #283a91;
}

.availablerooms a:active, .availablerooms a:hover {
	text-decoration: none;
	color: #FF0000;
}