/*-----------------------------------------*/
/*   Elements are usually listed in order  */
/*       of appearance on the page         */
/*-----------------------------------------*/

/*-----------------------------------------*/
/*          SET UP GENERAL HTML            */
/*-----------------------------------------*/
body {
	background-color: #6780AA;
	text-align: center;
	font-size: small;
	font-family: verdana;
}
* html body {				/* IE doesn't like to use normal font sizes */
	font-size: x-small;
}
img {border: 0px;}
div {padding: 0px; margin: 0px;}
a, td a {color: #5B95B3; font-weight: normal;}
a:hover, td a:hover {color: #F34E20;}
h1 {margin: 0px; padding: 0px; padding-bottom: 4px; color: #3B8DB6; font-size: 180%; font-weight: normal;}
* html h1 {margin-bottom: -2px; padding: 0px;}
h2 {margin: 0px; padding: 0px; color: #000000; font-size: 180%; font-weight: normal;}
h3 {margin: 0px; padding: 0px; color: #565656; font-size: 130%; font-weight: 900;}
h4 {margin: 0px; padding: 0px; padding-bottom: 4px; color: #988C84; font-size: 100%;}
* html h4 {padding: 0px;}

ul {list-style-image: url(/images/site/li.jpg); margin: 0px; padding: 0px;}
* html ul {text-indent: -2px; list-style-image: url(/images/site/li_IE.jpg);}
li a {color: #5B95B3; font-size: 80%; font-weight: bold;}

#notIndex h1 {
	color: 				#095B80;
	font-family:		arial;
	font-weight:		bold;
	font-size:			160%;
	margin: 4px 0px 2px 0px;
	font-weight: 		bold;
	text-align:			left;
	width:				100%;
	display: block;
}

#notIndex h2 {
	color: 				#095B80;
	font-family:		arial;
	font-weight:		bold;
	font-size:			150%;
	margin: 4px 0px 2px 0px;
	font-weight: 		bold;
	text-align:			center;
	width:				100%;
}

#notIndex h3 {
	color: 				#095B80;
	font-family:		arial;
	font-weight:		bold;
	font-size:			120%;
	margin: 4px 0px 2px 0px;
	font-weight: 		bold;
	text-align:			left;
	width:				100%;
}
#notIndex h3 a {font-size: 100%; font-weight: bold; color: #095B80;}
#notIndex h3 a:hover {color: #5B95B3;}
#notIndex td.indent {
	padding-left: 0px; 
}

/*-----------------------------------------*/
/*             SET UP TEMPLATE             */
/*-----------------------------------------*/
#container {
	margin: 0px auto;
	width: 803px;
}
#header {
	width: 803px;
	height: 226px;
	background: url(/images/template/top.jpg) center center no-repeat;
	text-align: left;
	vertical-align: bottom;	/* Didn't work for some reason in FF or IE, resorted to inline styles */
}

#nav {
	width: 803px;
	height: 25px;
	background: url(/images/template/nav_back.jpg) center repeat-y;
	text-align: left;
}

#navContainer {
	width: 788px; 
	margin-left: 1px; 
	border-top: 1px solid #efefef;
	border-bottom: 3px solid #efefef;
}
#navTable {
	width: 100%;
	margin: 0px auto;
	height: 21px;
}
#navTable tr {height: 100%;}
#navTable td {padding-top: 0px;	text-align: center;	height: 100%; width: 17%;}
#navTable td span {display: block; padding: 0px; margin: 0px auto; margin-top: 0px; color: #ffffff; font-weight: bold;}
#navTable td.navSpacer {width: 1px; background-color: #EFEFEF; font-size: 10%;}

/* Do some nav hax */
.st_tdcss {width: 151px;}
* html .st_tdcss {width: 150px;}

#main {
	width: 803px;
	background: url(/images/template/mid_rep.jpg) center repeat-y;
	text-align: left;		/* IE needs this */
}
#filler {
	width: 788px;
	background-color: #ffffff;
	margin-left: 1px;
}

#mainTable { width: 788px; margin-left: 1px;}
#mainTable #adbarTd {width: 206px; border-right: 0px solid #C7C7C7;}
#adbar {width: 206px; padding: 0px 0px 50px 0px;}

#banner {
	padding: 5px 0px 2px 0px;
	text-align: center;
	border-right: 0px solid #c7c7c7;
	height: 100%;
}

#main_text {padding: 0px 0px 30px 0px;}
#main_text hr {border: 0px; background: #C7C7C7; color: #C7C7C7; height: 1px;}

.main_content {padding-left: 24px; padding-right: 18px;}
#notIndex .main_content {padding-left: 24px; padding-right: 50px;}
#newsIndex .main_content {padding: 0px 0px 0px 18px; margin: 0px;}

#bottom {
	width: 803px;
	height: 71px;
	background: url(/images/template/footer.jpg) center no-repeat;
}

#footer {
	padding-top: 32px;
	margin-left: 1px;
	color: #8B8B8B;
	text-align: right;
	border-top: 1px solid #C7C7C7;
	width: 788px;
	font-size: 70%;
}
* html #footer {margin-left: -12px;}
#footer span {display: block; padding-right: 10px; font-size: 100%;}
#footer span a {color: #8B8B8B; text-decoration: none; font-size: 100%;}
#footer span a:hover {color: #454545;}

/*-----------------------------------------*/
/*           SET UP INDEX PAGE             */
/*-----------------------------------------*/
#indexTopTable {width: 100%; margin-bottom: 15px;}
* html #indexTopTable {width: 540px; margin-bottom: 5px;}
#indexTopTable a {font-size: 80%; font-weight: bold;}
#indexTopTable h1 {margin-left: -1px;}
#indexTopTable h3 {margin-left: -2px;}
.smalltext {display: block; font-size: 75%; font-weight: normal;}

/*
#specialsTable td {padding: 1px;}
#specialsTable td img {margin: 1px;}
*/

#indexNav {text-align: left; width: 100%; margin-top: 20px; margin-left: 5px;}
* html #indexNav {width: 250px; margin-left: 10px;}

#indexFlash {z-index: 0;}

.linkBarTable {width: 541px; margin-top: 14px;}
.linkBarTable th {width: 541px;	height: 23px;}
.linkBarTable td {width: 258px; border: 1px solid #E0E9F0; text-align: center; padding-bottom: 5px;}
.linkBarTable td.spacer {width: 21px; border: 0px;}

#indexTable1 th {background: url(/images/site/indexTable1_top.jpg) center center no-repeat;}
#indexTable2 th {background: url(/images/site/indexTable2_top.jpg) center center no-repeat;}
.brownText {font-size: 75%; color: #522929;}

#indexTableActivities {width: 100%;}
#indexTableActivities td {border: 0px; text-align: left; padding: 0px;}
#indexTableActivities td.td1 {width: 90%;}
* html #indexTableActivites td {padding-bottom: 3px;}

#indexServicesLinks {width: 100%;}
#indexServicesLinks td {border: 0px; text-align: left;}
#indexServicesLinks li {margin-left: -4px;}
* html #indexServicesLinks li {margin-left: 0px;}

div.indexTableLinks {width: 90%; padding: 5px 0px 5px 0px; margin: 0px auto; text-align: left;}

.indexBottomTable {margin-top: 17px; font-size: 100%;}
.indexBottomTable th {width: 100%; height: 51px; background: url(/images/site/indexTableSpotlight.jpg) top left no-repeat;}
.indexBottomTable td {font-size: 75%; font-weight: normal; width: 32%; padding-top: 0px; padding-bottom: 5px; color: #676767;}
.indexBottomTable td a {font-size: 100%; color: #1F6F98;}
.indexBottomTable td.spacer {padding: 0px 6px 0px 6px; background: url(/images/site/dotted_v.jpg) top repeat-y; width: 10px;}
.indexBottomTable td.td1 {padding-left: 10px;}
.indexBottomTable td.td3 {width: 38%;}
.indexBottomTable .headers {font-size: 160%; font-weight: 900;}

#sp_img_float1 {background: url(/images/site/sp_weddings.jpg) top left no-repeat; width: 79px; height: 60px; float: left;}
#sp_img_float2 {background: url(/images/site/sp_golf.jpg) top left no-repeat; width: 79px; height: 60px; float: left;}
#sp_img_float3 {background: url(/images/site/sp_fishing.jpg) top left no-repeat; width: 79px; height: 60px; float: left;}

/*.st_tdcss {background-color: #CCCCCC; height: 100%; width: 100%;}*/

/*-----------------------------------------*/
/*           Other Page Styles             */
/*-----------------------------------------*/
/* 
	This is CSS for pages that have image spacing problems 
	I'd make a general class for it, but most of them are 
	different so there's no point in being general.
*/
.clearMe {clear: both; margin: 0px; padding: 0px; font-size: 0%;}
#spas li img {margin: 10px 20px 0px 0px;}
#tour p a img {margin-bottom: 0px; margin-right: 20px; }
#tour .toursLeft {text-align: left; float: left; width: 140px; padding-bottom: 5px;}
#tour .toursRight {text-align: left; float: right; width: 182px; padding-bottom: 5px; padding-left: 10px;}
#golf #golf_text img {margin-right: 20px;}
#fish #fish_text img {margin-right: 20px;}
#wedd #wedd_text img {margin: 0px 20px 15px 15px;}
#cust img {margin-left: 20px; margin-right: 15px;}
#abts img {}
#spsv #spsv_text img {}