@charset "utf-8";
html {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #636466;
}

.form {font-size: 11px;}

body {
	margin: 0px;
}

h1 {font-size: 18px; }
h2 {font-size: 16px;}
h3 {font-size: 14px; margin-bottom: 3px;}
h4 {font-size: 12px;font-weight: bold; margin-bottom: 3px; }
h5 {font-size: 11px; font-weight: bold;}

.small {
	font-size: 9px;
	font-weight: normal;
}

a:link {text-decoration: underline; color: #636466;}
a:visited {text-decoration: underline; color: #636466;}
a:active {text-decoration: underline; color: #636466;}
a:hover {text-decoration: underline; color: #6c7e4c;}

#bgLeft {
	background-image: url(images/leafLeft.jpg);
	background-repeat: no-repeat;
	padding-left: 78px;
	background-position: left top;
}

#bgRight {
	background-image: url(images/leafRight.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 78px;
}

#content {
	width: 941px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	background: transparent url(images/header.jpg) no-repeat top left;
	width: 785px;
	height: 211px;
	margin: 0px auto;
	display: block;
	position: relative;
}


.booking { 
	background: transparent url(images/booking_bg.png) repeat top left;
	position: absolute;
	top: 18px;
	left: 485px;
	z-index: 1;
	padding: 0px 20px;
	padding-bottom: 26px;
}

#header a img {
	border: none !important;
}

#logo {
	padding-left: 324px;
	clear: none;
	float: left;
}

#reservations {
	float: right;
	padding-top: 45px;
	padding-right: 15px;
	color: #fff;
	text-align: right;
	font-size: 14px;
}

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

#nav {
	background-image: url(images/navBar.jpg);
	background-repeat: no-repeat;
	width: 786px;
	height: 49px;
}

ul#nav {
	position: relative;
	height: 49px;
	width: 786px;
	margin: 0px;
	background-image: url(images/navBar.jpg);
	background-repeat: no-repeat;
}
	
ul#nav li {
	float: left;
	list-style: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
		
ul#nav li a {
	position: absolute;
	text-indent: -9999px;
	text-decoration: none;
	border: none !important;
	top: 0;
	height: 49px;
}

ul#nav li#nav-home a 				{ left: 0; width: 65px; background:   url("images/navBar.jpg") no-repeat; }
ul#nav li#nav-book a 				{ left: 65px; width: 65px; background:   url("images/navBar.jpg") -65px 0 no-repeat; }
ul#nav li#nav-directions a 			{ left: 130px; width: 99px; background:   url("images/navBar.jpg") -130px 0 no-repeat; }
ul#nav li#nav-rooms a 				{ left: 229px; width: 52px; background:   url("images/navBar.jpg") -229px 0 no-repeat; }
ul#nav li#nav-rates a 				{ left: 281px; width: 122px; background:   url("images/navBar.jpg") -281px 0 no-repeat; }
ul#nav li#nav-specialPackages a 	{ left: 403px; width: 104px; background:   url("images/navBar.jpg") -403px 0 no-repeat; }
ul#nav li#nav-facilities a 			{ left: 507px; width: 58px; background:   url("images/navBar.jpg") -507px 0 no-repeat; }
ul#nav li#nav-greenHotel a 			{ left: 565px; width: 77px; background:   url("images/navBar.jpg") -565px 0 no-repeat; }
ul#nav li#nav-contact a 			{ left: 642px; width: 71px; background:   url("images/navBar.jpg") -642px 0 no-repeat; }
ul#nav li#nav-activities a 			{ left: 713px; width: 72px; background:   url("images/navBar.jpg") -713px 0 no-repeat; }
		
ul#nav li#nav-home a:hover  			{ background-position: -0px -49px; }
ul#nav li#nav-book a:hover 				{ background-position: -65px -49px; }
ul#nav li#nav-directions a:hover		{ background-position: -130px -49px; }
ul#nav li#nav-rooms a:hover	  			{ background-position: -229px -49px; }
ul#nav li#nav-rates a:hover 			{ background-position: -281px -49px; }
ul#nav li#nav-specialPackages a:hover 	{ background-position: -403px -49px; }
ul#nav li#nav-facilities a:hover 		{ background-position: -507px -49px; }
ul#nav li#nav-greenHotel a:hover 		{ background-position: -565px -49px; }
ul#nav li#nav-contact a:hover 			{ background-position: -642px -49px; }
ul#nav li#nav-activities a:hover 		{ background-position: -713px -49px; }

ul#nav li#nav-home a.active  			{ background-position: -0px -49px; }
ul#nav li#nav-book a.active 			{ background-position: -65px -49px; }
ul#nav li#nav-directions a.active		{ background-position: -130px -49px; }
ul#nav li#nav-rooms a.active 			{ background-position: -229px -49px; }
ul#nav li#nav-rates a.active			{ background-position: -281px -49px; }
ul#nav li#nav-specialPackages a.active	{ background-position: -403px -49px; }
ul#nav li#nav-facilities a.active		{ background-position: -507px -49px; }
ul#nav li#nav-greenHotel a.active		{ background-position: -565px -49px; }
ul#nav li#nav-contact a.active			{ background-position: -642px -49px; }
ul#nav li#nav-activities a.active		{ background-position: -713px -49px; }

#spacer {
	background-image: url(images/topSpacer.jpg);
	background-repeat: no-repeat;
	width: 786px;
	height: 16px;
}

#mainContent {
	background-image: url(images/bodyBG.jpg);
	background-repeat: repeat-y;
	margin-left: 4px;
	width: 782px;
}

#left {
	width: 400px;
	margin-left: 25px;
	clear: none;
	float: left;
}

#text {
	padding-left: 45px;
}

#right {
	width: 257px;
	float: right;
	clear: none;
	padding-bottom: 46px;
	margin-right: 25px;
}

#right a img {
	border: none !important;
}

#left a img {
	border: none !important;
}

#footer {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	width: 786px;
	height: 102px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#footerLeft {
	clear: none;
	float: left;
	padding-left: 45px;
	padding-top: 8px;
	color: #FFFFFF;
}

#footerRight {
	clear: none;
	float: right;
	padding-right: 29px;
	padding-top: 18px;
	color: #FFFFFF;
}

#footerNav {
	width: 100%;
	clear: both;
	padding-top: 26px;
	text-align: center;
}

#footerNav a:link {color: #636466; text-decoration: none; }
#footerNav a:visited {color: #636466; text-decoration: none;}
#footerNav a:active {color: #636466; text-decoration: none;}
#footerNav a:hover {color: #6c7e4c; text-decoration: underline;}

.golf {
	background-image: url(images/golfBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
}

.ski {
	background-image: url(images/skiBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
}

.bike {
	background-image: url(images/bikingBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
}

.fish {
	background-image: url(images/fishingBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
}

.hike {
	background-image: url(images/hikingBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
}

.sports {
	background-image: url(images/soprtsBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
}

.ora {
	background-image: url(images/oraBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	}
	
.forsters {
	background-image: url(images/forstersBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	}
	
.forsters2 {
	background-image: url(images/forsters2Box.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	}
	
#oraText {
	padding-top: 45px; color: #353535;
}

#oraText a:link,
#oraText a:visited,
#oraText a:active { color: #000;} 

.kcc {
	background-image: url(images/kccBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	}
	
#kccText {
	padding-top: 45px; color: #353535; font-size: 10px;
}

#kccText a:link,
#kccText a:visited,
#kccText a:active { color: #000;} 

.liquor {
	background-image: url(images/wineBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	}

.exercise {
	background-image: url(images/gymBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	}

.water {
	background-image: url(images/waterBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	color: #353535;
	}

.road {
	background-image: url(images/roadBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	color: #353535;
	}
	
.lilly {
	background-image: url(images/lillyBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	color: #353535;
	}

.wheat {
	background-image: url(images/wheatBox.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	color: #353535;
	}

.boldLarge {font-size: 18px;}

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#upcoming_events {
	float: left;
	width: 782px;
	padding-bottom: 30px;
}

#event_info {
	float: right;
	width: 145px;
	padding-left: 5px;
}
#event_info h4 {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 10px;

}
#event_info p {
	font-size: 10px;
	padding-left: 10px;
}
#content_left h3 {
	color: #9FA716;
	margin-top: 0px;
	margin-bottom: 5px;
}

#event_rhythm {
	height: 128px;
	width: 300px;
	float: left;
	margin-left: 0px;
	background-image: url(images/rails.jpg);
	background-repeat: no-repeat;
}


#event_carolyn {
	height: 128px;
	width: 300px;
	float: left;
	margin-left: 0px;
	background-image: url(images/carolyn.jpg);
	background-repeat: no-repeat;
}

#event_magic {
	height: 128px;
	width: 300px;
	float: left;
	margin-left: 0px;
	background-image: url(images/magic.jpg);
	background-repeat: no-repeat;
}

#event_GBS {
	height: 128px;
	width: 300px;
	float: left;
	margin-left: 0px;
	background-image: url(images/GBS.jpg);
	background-repeat: no-repeat;
}

#event_sharks {
	height: 128px;
	width: 300px;
	float: left;
	margin-left: 0px;
	background-image: url(images/sharks.jpg);
	background-repeat: no-repeat;
}

#event_nylons {
	height: 128px;
	width: 300px;
	float: left;
	margin-left: 0px;
	background-image: url(images/nylons.jpg);
	background-repeat: no-repeat;
}