@charset "UTF-8";
body {
	font:100% Georgia, "Times New Roman", Times, serif;
	background: #A2C7D7;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4D80A1;
}

	img{border:none;}
	
	.left{float:left;clear:right;}
	
	.topspace{
	margin-top:15px;}
	
	.clear{
	float:none;
	clear:both;}
	
	.avail{
		margin-left:13px;
		margin-top:-10px;}
	
#container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	height:152px;
	padding:25px 33px 20px 33px;
	margin:25px 0px 0px 0px;
	background:url(images/header.png) no-repeat;}
	
	.address{
	font:15px Arial, Helvetica, sans-serif;
	color:#999;
	line-height:16px;
	margin:0;
	padding:0;
	text-align:center;
	width:370px;}
	
#mainContent, #subContent {
	background:url(images/content.png) repeat-y;
	padding: 30px 50px 25px 55px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:-20px 0 -20px 0;
	}
	
	.intro{
		display:block;
		width:325px;}
		
	p{text-align:justify;}
	/*
#subContent{
	background:url(images/content.png) repeat-y;
	padding: 30px 60px 25px 55px; 
	margin:0px;
	margin-top:-18px;
	margin-bottom:-17px;}
	*/
#slider{
	display:inline-block;
	float:right;
	clear:left;
	width:432px;
	height:283px;
	padding:7px 7px 13px 7px;
	margin-left:20px;
	margin-bottom:25px;
	border:2px solid #99DDD8;}
	
	
#largeslider{
	width:100%;
	height:440px;
	text-align:center;
	margin:0px;
	padding:0px 0px 15px 0px;}
	
	.room{
	margin:0 25px;}
	
	.moveright{
		margin-left:40px;
		width:800px
	}
	
	.moveright a {
		display:block;
		float:left;
		width:343px;
		height:229px;
		margin:15px;
	}
	
	#roomslist{
	width:200px;
	float:right;
	clear:left;
	display:inline-block;
	background-color:#A2C7D7;
	padding:10px;
	color:#fff;
	margin-right:25px;
	margin-left:15px;}
	
	.roomsheader{
		margin-left:22px;
		margin-bottom:-5px;}
		
	.bighead{
		margin-right:51px;
		}
	
	
#footer{
	height:169px;
	padding: 20px 33px 0px 55px;
	background:url(images/footer.png) no-repeat;
	margin:0px;}
	
	#footer p{
		text-align:left;}
	
	.head{
	margin-bottom:5px;
	font-size:20px;
	color:#fff;
	letter-spacing:1px;}
	
	.blue
	{color:#4D80A1;}
	
	.arial
	{
	font-size:16px;
	letter-spacing:1px;
	line-height:16px; 
	color:#666;}
	
	.locations{
	display:block;
	float:left;
	clear:right;
	margin:5px 35px 0px 15px;
	line-height:19px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	}
	.events{
		margin-top:-25px;
		float:left;
		clear:right;
		display:block;
		margin-left:115px;}
	.contact{
		margin-top:10px;
		font-size:14px;
		width:100%;
		color:#333;
		text-align:center;}
		
	.contact a:link{
		color:#666;
		text-decoration:none;}
	.contact a:visited{
		color:#666;
		text-decoration:none;}
	.contact a:hover{
		text-decoration:underline;}


.underlinemenu{
font-family:Verdana, Geneva, sans-serif;
margin-top:68px;
width: 545px;
font-size:14px;
display:block;
float:left;
clear:right;

}

.underlinemenu ul{
padding: 0 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; 
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #3C6C8C;
padding: 0 2px 4px 0px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 10px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid white; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: #29ABE2;
}

#info {height:500px;}

#roomsmenu {margin:0px 25px 10px 15px;float:right;clear:left;display:inline-block;width:215px;}
#roomsmenu dl {width: 215px; margin: 0 auto; padding: 0 0 10px 0; background:url(images/roomslist.png) repeat-x;}
#roomsmenu dt {text-align:center;margin:0; padding: 10px 0px 0px 0px; font-size: 18px; font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;color: #fff; border-bottom:none; background:#699 url(images/roomslist.png) repeat-x;}
#roomsmenu dd {margin:0; padding:0;text-align:center; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background:;}
#gallery a, #gallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px;
width:205px;
}
#gallery a:hover {background:#09C; color:#fff;}

#roomsmenu ol li {font-size:11px;}

.help a:link{
	color:#06C;
	text-decoration:none;
	font-size:16px;
	padding:5px 0;}
	
.help a:visited{
		color:#06C;
	text-decoration:none;
	font-size:16px;
	padding:5px 0;}

.help a:hover{
	color:#036;
	text-decoration:underline;
	font-size:16px;
	padding:5px 0;}
	
.aboutus {
	display:block;
	float:right;
	clear:left;
	margin:10px 25px; 
	padding:8px; 
	border: 2px solid #6CC;
}