/* ----- universal settings -----*/
body {
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	background-color: #fff; 
	font-family: georgia, serif; 
	font-size: 8pt; 
	color: #e5ecc9;
}

td {font-size: 8pt;}
p {margin: 0px; padding: 0px;}


/* ----- typography/positioning ----- */
.content, .news {padding: 0px 15px 0px 15px;}
.welcome {padding: 0px 0px 0px 45px;}
.box {padding: 5px 4px 15px 4px;}
.box {font-family: georgia, serif; font-size: 8pt; color: #3D2E16;}


.dark {color: #323527;}

.footer, .copyright {color: #4a391a; text-align: center; font-size: 7pt;}


/* ----- links ----- */
a:link {text-decoration: none; color: #fff;}
a:visited {text-decoration: none; color: #fff;}
a:hover {text-decoration: underline; color: #fff;}
a:active {text-decoration: none; color: #fff;}

.footer a:link, .copyright a:link {text-decoration: none; color: #4a391a;}
.footer a:visited, .copyright a:visited {text-decoration: none; color: #4a391a;}
.footer a:hover, .copyright a:hover {text-decoration: underline; color: #4a391a;}
.footer a:active, .copyright a:active {text-decoration: none; color: #4a391a;}


/* ----- backgrounds ----- */
.top_l {background: url('top_l.gif') right top no-repeat;}
.top_r {background: url('top_r.gif') left top no-repeat;}
.top_x {background: url('top_x.gif') center top repeat-x;}

.mid_l {background: url('mid_l.gif') right top no-repeat;}
.mid_r {background: url('mid_r.gif') left top no-repeat;}

.cont_x {background: url('cont_x.gif') center top repeat-x #a5ac82;}
.cont_y {background: url('cont_y2.gif') left top repeat-y;}
.cont_y2 {background: url('cont_y.gif') left top repeat-y;}

.foot_x {background: url('foot_x.gif') center top repeat-x;}
.foot_x_sub {background: url('foot_x_sub.gif') center top repeat-x;}

.content {background: url('subcontent.gif') left top no-repeat;}
.news {background: url('news.gif') left top no-repeat;}
.welcome {background: url('welcome.gif') left top no-repeat;}
.amenities {background: url('amenities.gif') left top no-repeat;}
.info_back {background: url('leftsidesm.jpg') left top repeat-y;}
.info {background: url('leftside.jpg') left top no-repeat;}

/* ----- other stuff ----- */
.img {border: 3px solid #fff;}
ul li {
		list-style-image: url('bullet.png');
		margin-left:-20px;
}
#fader {width: 760px; height: 264px; overflow: hidden;}  /* <-- THIS HAS TO BE EDITED!!!! CHANGE THE HEIGHT AND WIDTH TO THE IMAGE SIZE!!!! */

#creditfooter { display:none; }
	
	/* --------------------------------------------------------------- */

/* main menu */

#topNav {
	background: url('images/navbar_background.jpg') center top no-repeat;
	width:760px;
	height:52px;
	position:relative;
	z-index:500;
}
.nav, .nav * { margin:0;padding:0; }
.nav { list-style:none; }

ul#menu {
	height:40px;
	padding: 5px 0 0;
	margin:0;
	bottom: 0px;
	margin-left:3px;
}

	ul#menu li {
		margin: 0;
		position: relative;
		top:20px;
		z-index:50;
		float:left;
		font-size:1.15em;
		line-height: 1.2em;
		padding:0 5px;
		list-style-image: none;
			}
	ul#menu li a{
		font-family: georgia, serif;
		color: #3D2E16;
		text-decoration:none;
			}
	ul#menu li.last { border:none; }
	ul#menu li.hovering a {
		text-decoration:none;}
	ul#menu li.hovering li a,
	ul#menu a:hover { color:#fff; }
	ul#menu li.hovering li a { text-decoration:none; }
	ul#menu a:active {position:static; }
	ul#menu li.current_page_item a,
	ul#menu li.current_page_item ul {  }
	
	ul#menu li.arrow { /* parent items */
	}
	ul#menu li ul {
		list-style: none;
		margin:0;
		padding-bottom: 5px;
		position: absolute;
		float:left;
		left:-4px;
		display: none;
		border-top:none;
		text-align:left;
		width: 60px;
		_width: auto;
		background:#dcc388;
		list-style-position:outside;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
	}
	ul#menu li li{
		clear: both;
		display:block;
		margin:0 0 2px;
		top:5px;
		padding:5px 7px;
		width: 170px;
		font-size:0.9em;
		line-height: 1.0em;
		text-align:left;
		position:relative;
		left:0px;
		border:none;
	}
		ul#menu li li.last { margin-bottom: 5px;}
		ul#menu li li.last a { padding-bottom:5px;color:#3D2E16; }
	
	ul#menu li li a {
		display:block;
		float:none;
		padding:0 3px;
		margin:0 auto;
		color:#3D2E16;
	}
	ul#menu li li a:hover {
		color:#fff;
	}


/* --------------------------------------------------------------- */

.clear {clear: both;}