body {
	background-image:url(images/page_BG.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#eae3d1;
	font-size:12px;
	color:#666;
	font-style:normal;
}

img {margin:0; padding:0; border:0;}

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

a, a:active, a:visited, a:hover {text-decoration:none; color:#795037;}

.container {
  width: 821px;
  margin: 0 auto;
  text-align:center;
}

table { border: 1px solid #666; }
th {border: 1px solid #ccc; color:#897b69; padding:7px;}
td {border:1px solid #ccc; color:#333; padding:7px;}


.page {
	height:564px;
	width:821px;
	background-image:url(images/box_BG.png);
}

.navs {
	width:791px;
	height:33px;
	padding-top:17px;
	padding-left:30px;
	position:relative;
	z-index:20;
	text-align:left;
}

.box {
	padding-left:11px;
	padding-right:10px;
	text-align:left;
	height:466px;
	position:relative;
	z-index:1;
}

.pics {
	background-image:url(images/pics_shadow.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:10px;
	position:relative;
	z-index:1;
}

.header {
	margin:20px 50px 10px 50px;
	padding-bottom:15px;
	border-bottom: 1px solid #d4c0bc;
}

.text {
	margin:10px 50px 10px 50px;
	
}

.list {
	margin-left:50px;
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:5px 0 5px 25px;
}

/* SITE NAVIGATION */
		
	#topnav {
		position:relative;
		width: 800px;
		padding: 0;
		z-index: 300;
		}
		
	#topnav a {
		color:#666;
		}
		
	#topnav ul {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		z-index: 300;
		}
	#topnav li {
		float: left;
		display: inline;
		margin: 0;
		padding:0;
		background: none;
		height: 33px;
		overflow: hidden;
		background-position: 0 0px;
		background-repeat: no-repeat;
		cursor: pointer;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		}
	#topnav a {
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		}					
	#topnav li:hover,
	#topnav a:hover,
	#topnav li.on .sfhover {
		background-position: 0 -33px;
		}
	#topnav li.on,
	#topnav li.on a {
		background-position: 0 0;
		}
	#topnav li.on a {
		background-position: 0 0!Important;
		}
	#topnav li.on a:hover,
	#topnav li.on:hover {
		background-position: 0 -33px!Important;
		}				
	#topnav a img {
		visibility: hidden;
		}
	#topnav ul li ul {
		float: left;
		position: absolute;
		left: -999em; /* do not delete */
		z-index: 2000;
		width: 170px;
		margin: 0;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		}
	#topnav ul li:hover ul, 
	#topnav li.sfhover ul {
		display: block;
		left: auto;
		}
	#topnav li.onsfhover ul {
		display: block;
		left: auto;
		}			
		
	#topnav ul li ul li {
		float: left;
		display: inline;
		height: auto;
		white-space: nowrap;
		width: 170px;
		text-align: left;
		margin: 0;
		padding: 0;
		}
	#topnav ul li ul li a {	
		text-indent: 0;
		float: left;
		display:block;
		color: #666;
		width: 170px;
		border-top:1px solid #999;
		padding: 12px 0 3px 20px;
		font-weight: normal;
		text-decoration: none;
		text-transform:uppercase;
		background-color:#fff;
		height:22px;
		margin: 0 0 0 -7px;
		}
	#topnav ul li ul li a:hover {	
		color: #333;
		text-decoration: none;
		font-weight: normal;
		}		
	
	/* nav backgrounds */
	#topnav .nav_accomodation { background-image:url(images/nav_accomodation.gif); width: 191px; height: 33px;}	
	#topnav .nav_facilities { background-image: url(images/nav_facilities.gif); width: 129px; height: 33px;}
	#topnav .nav_activities { background-image: url(images/nav_activities.gif); width: 133px; height: 33px;}	
	#topnav .nav_reservations { background-image: url(images/nav_reservations.gif); width: 169px; height: 33px;}	
	#topnav .nav_events { background-image: url(images/nav_events.gif); width: 89px; height: 33px;}	
	
.footer {
	height:41px;
	width:781px;
	padding: 8px 20px 0 20px;
	color:#999999;
}

.footer a, .footer a:active, .footer a:visited, .footer a:hover {
	color:#333333;
	text-decoration:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */