/*This section is for the general positioning the background image and colors and should definitely not be touched by anyone except the developer.*/
body,
html {
	background: #b19953 url('../images/body_shadow_wood3.jpg') top center repeat-y;
 	color: #000000;
	font-family: Verdana, sans-serif;
 	/*font-size: 0.9em;*/
 	margin: 0;
 	padding: 0;
 	position: relative;
	}
	
#wrap {
	background: transparent;
	color: #000000;
	width: 1000px;
	margin: 0 auto;
	padding: 0 auto;
	position: relative;
	}

body {
	min-width: 1000px;
	position: relative;
	}	
	
.print {
	display: none;
	}
/*End Page Layout Section*/





/*This section has stuff that makes the flash image header work and look right.  Don't mess with this either*/
#top-photo {
	background: #ffffff;
	width: 971px;
	height: 343px;
	position: absolute;
	left: 1.53%;
	top: 0px;
	z-index: 98;
	}
/*End Flash Image Section*/





/*This section has everything that makes the main level menu work and look right.  It works by creating a list of links; assigning a class to each list item and assigning an image to each class's background.  Then the links are assigned classes too so that a background image can be assigned to the link.  The width and heigh are defined for each link so that only the image from the list class is shown and the link's image is outside of these dimensions.  Then call on the :hover property for each link's class and move the link's background image into position.*/

/*The menu layer positioning and formatting data*/
#menu {
	position: absolute;
	z-index: 1000;
	top: 315px;
	left: 8.2%;
	margin-left: 68px;
	margin-bottom: 0px;
	margin: 0 auto;
	padding: 0 auto;
	height: 28px;
	width: 842px;
	background: transparent;
	clear: both;
	}

/*Makes the menu horizontal*/
#menu li {
	float: left;
	}

/*This removes the bullets and formatting on the unordered list*/
ul.main_level_menu {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	}

/*Define the original images.  This is where you would go to change the images being used by the menu.*/
li.rentals {
	background: transparent url('../images/rentals1.gif') no-repeat;
	}
	
li.golf {
	background: transparent url('../images/golf1.gif') no-repeat;
	}

li.boating {
	background: transparent url('../images/boating1.gif') no-repeat;
	}

li.dining {
	background: transparent url('../images/dining1.gif') no-repeat;
	}

li.shopping {
	background: transparent url('../images/shopping1.gif') no-repeat;
	}

li.about {
	background: transparent url('../images/about1.gif') no-repeat;
	}

/*Style the links in the menu.  This section is where the rollover images are set then positioned outside of this setting so they are hidden and to show only the list background image. */
a#rentals {
	display: block;
	width: 191px; /*width of the image is set here */
	height: 0px; /*leave this alone */
	padding-top: 28px; /*height of the image is set here */
	color: #000000;
	background: transparent url('../images/rentals2.gif') -28px -191px no-repeat; /*set the background image, then position it outside of the list class so it is hidden and not to repeat */
	overflow: hidden;
	}
a#rentals:hover {background-position: 0px 0px; z-index:50;} /*this brings the 'hidden' link background into view over top of the list's background when the mouse is over it */
	
a#golf {
	display: block;
	width: 96px;
	height: 0px;
	padding-top: 28px;
	color: #000000;
	background: transparent url('../images/golf2.gif') -28px -96px no-repeat;
	overflow: hidden;
	}
a#golf:hover {background-position: 0px 0px; z-index:50;}

a#boating {
	display: block;
	width: 117px;
	height: 0;
	padding-top: 28px;
	color: #000000;
	background: transparent url('../images/boating2.gif') -28px -117px no-repeat;
	overflow: hidden;
	}
a#boating:hover {background-position: 0px 0px; z-index:50;}

a#dining {
	display: block;
	width: 107px;
	height: 0px;
	padding-top: 28px;
	color: #000000;
	background: transparent url('../images/dining2.gif') -28px -107px no-repeat;
	overflow: hidden;
	}
a#dining:hover {background-position: 0px 0px; z-index:50;}

a#shopping {
	display: block;
	width: 118px;
	height: 0px;
	padding-top: 28px;
	color: #000000;
	background: transparent url('../images/shopping2.gif') -118px -116px no-repeat;
	overflow: hidden;
	}
a#shopping:hover {background-position: 0px 0px; z-index:50;}

a#about {
	display: block;
	width: 213px;
	height: 0px;
	padding-top: 28px;
	color: #000000;
	background: transparent url('../images/about2.gif') -28px -213px no-repeat;
	overflow: hidden;
	}
a#about:hover {background-position: 0px 0px; z-index:50;}
/*End Menu Section*/





/*This section is for formatting the sub-menu and shouldn't be messed with*/
/* commom style for all browsers */
.dropdown_menu {
	text-align:left;
	font-family: verdana, sans-serif; 
	position:relative; 
	margin:0; 
	padding:0; 
	list-style-type:none;
	}
	
.dropdown_menu ul {
	padding:0; 
	margin:0; 
	list-style-type:none; 
	/* for Firefox */
	}
	
.dropdown_menu li {
	float:left; 
	position:relative;
	}
	
.dropdown_menu li a, 
.dropdown_menu li a:visited {
	display:block; 
	text-decoration:none;
	line-height:2.5em;
	height:2.5em;
	float:left; 
	padding-right:15px; 
	color:#69869a;
	font-size:12px;
	font-weight:normal;
	}
	
.dropdown_menu li a.drop, 
.dropdown_menu li a.drop:visited {
	font-weight:normal;
	}
	
.dropdown_menu li ul {
	visibility:hidden; 
	position:absolute; 
	top:2.5em; 
	left:0; 
	height:0; 
	overflow:hidden;
	}

.dropdown_menu table {
	margin:-1px; 
	border-collapse:collapse; 
	font-size:1em; /* font size for IE5.5 */
	}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.dropdown_menu li:hover a,
.dropdown_menu li a:hover {
	text-decoration:none; 
	border:0;
	}

.dropdown_menu li:hover ul,
.dropdown_menu li a:hover ul {
	visibility:visible; 
	height:auto;
	width: 150px; 
	background:#e6e1d4; 
	border:1px solid #d4c19a; 
	left:0; 
	overflow:visible;
	}

.dropdown_menu li:hover ul li a,
.dropdown_menu li a:hover ul li a {
	display:block; 
	font-weight:normal; 
	background:transparent; 
	text-decoration:none; 
	height:auto;
	line-height:16px;
	padding:5px; 
	}

.dropdown_menu li:hover ul li a.drop,
.dropdown_menu li a:hover ul li a.drop {
	font-weight:normal;
	}

.dropdown_menu li:hover ul li ul,
.dropdown_menu li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	top:0; 
	left:9.5em; 
	height:0; 
	overflow:hidden;
	}

.dropdown_menu li:hover ul li a:hover,
.dropdown_menu li a:hover ul li a:hover {
	text-decoration:underline;
	}

.dropdown_menu li:hover ul li:hover ul,
.dropdown_menu li a:hover ul li a:hover ul {
	visibility:visible; 
	color:#000; 
	border:1px solid #ddd; 
	height:auto; 
	background:#fff; 
	width: 9.5em;
	} 

.dropdown_menu li:hover ul li:hover ul.left,
.dropdown_menu li a:hover ul li a:hover ul.left {
	left:-9.3em;
	}

.dropdown_menu li:hover ul li:hover ul li a,
.dropdown_menu li a:hover ul li a:hover ul li a {
	display:block; 
	height:auto;
	}

.dropdown_menu li:hover ul li:hover ul li:hover a,
.dropdown_menu li a:hover ul li a:hover ul li a:hover {
	text-decoration:underline;
	}
/*End sub-menu formatting*/





/*This section is for positioning the table layout of the main content and stuff--probably shouldn't mess with this either.*/
#content_wrapper {
	position:absolute;
	top: 342px;
	width: 1000px;
	}

#content_wrapper h1 {
	font-size: 18px;
	color:#42210a;
	font-weight:normal;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#content_wrapper h2 {
	font-size: 12px;
	color:#42210a;
	font-weight:bold;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
#content_wrapper h3 {
	font-size: 12px;
	color:#000000;
	font-weight:bold;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
#content_wrapper h4 {
	font-size: 12px;
	color:#42210a;
	font-weight:normal;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

td.left_border {
	border-right-color: #c4b792;
	border-right-style: solid;
	border-right-width: 1px;
	}

td.right_border {
	border-left-color: #c4b792;
	border-left-style: solid;
	border-left-width: 1px;
	}
	
td.bottom_border {
	border-bottom-color: #c4b792;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 6px;
	}

td.left_content {
	border-right-color: #d4c19a;
	border-right-style: solid;
	border-right-width: 2px;
	background-image: url('../images/left_content_shaddow.gif');
	background-repeat: no-repeat;
	background-position:top;
	padding-top: 34px;
	padding-bottom: 30px;
	}

td.left_content #title {
	font-size: 18px;
	color:#42210a;
	font-weight:normal;
	padding-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	}

td.left_content #head {
	font-size: 14px;
	color:#42210a;
	font-weight:bold;
	margin-left: 10px;
	margin-right: 10px;
	}
	
td.left_content #sub_head {
	font-size: 12px;
	color:#42210a;
	font-weight:bold;
	margin-left: 10px;
	margin-right: 10px;
	}
	
td.left_content #plain_text {
	font-size: 12px;
	color:#42210a;
	font-weight:normal;
	line-height: 19px;
	margin-left: 10px;
	margin-right: 10px;
	}

td.left_content a {
	color: #69869a;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	}
	
td.main_content {
	background-image: url('../images/bottom_flourish2.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 20px;
	}

td.main_content p {
	font-size: 12px;
	color:#42210a;
	font-weight:normal;
	line-height: 19px;
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 30px;
	}

td.main_content a {
	color: #69869a;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	}

span.shaddow_text {
	color: #bea779;
	}
#flourish {
	background: transparent /*url('images/header_flourish.gif') top left no-repeat*/;
	z-index:5;
	height:18px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin: 0px 0px 0px 9px;
	padding-right:0px;
	padding: 0 auto;
}

/*Separating the left padding allows for the exclusion of the flourish bar and is only used in the main_content and sub_menu classes.*/	
#pad30px {
	padding-left: 30px;
	}

td.sub_menu {
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 25px;
	background-image: url('../images/sub_nav_shaddow.gif');
	background-repeat: no-repeat;
	background-position:top;
	color: #69869a;	
	height: 32px;
	}

td.index_sub_menu {
	background-image: url('../images/index_sub_nav_shaddow.gif');
	background-repeat: no-repeat;
	background-position:top;
	}

td a.sub_nav {
	color: #69869a;
	text-decoration: none;
	}

td a:hover.sub_nav {
	color: #69869a;
	text-decoration: underline;
	}

td.footer {
	padding-left: 79px;
	padding-right: 79px;
	padding-bottom: 15px;
	padding-top: 15px;
	letter-spacing: 1px;
	text-align: center;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	}

td a.footer {
	color: #ffffff;
	}
/*End Table Layout Section*/


/*This section is for formatting unordered lists that are used in text areas*/
ul.textlist {
	font-size: 12px;
	color:#42210a;
	font-weight:normal;
	line-height: 19px;
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 30px;
	}
/*End text unordered lists section*/


/*Begin text formatting of Forms on the site for the field labels*/
form.labels		{
 font-size: 12px;
	color:#42210a;
	font-weight:normal;
	line-height: 19px;
	}
	
/*End text formatting of Forms on the site*/

/*Begin formatting text of the tee times form in the left column of the golf section*/
.golflabels		{
 font-size: 12px;
	color:#42210a;
	font-weight:bold;
	line-height: 19px;
	text-align:center;
	}
	/*End tee times form formatting*/

/*This section is for styling the small table for course conditions on the left side in the golf section */	
.conditions_label {
	font-size:9px;
	font-weight:bold;
	color:#42210a;
	padding-bottom:5px;
	text-align:left;
	}
.conditions_data {
	font-size:9px;
	color:#42210a;
	font-weight:normal;
	padding-bottom:5px;
	text-align:left;
	}
/*End section*/

/* Rate table formatting on rates.asp*/
.rates		{
	margin-left:30px;
	margin-right:30px;
	border: none;
	font-size: 12px;
	color:#42210a;
	line-height: 29px;
	text-align:center;
	}
	
.rates_lefthead	{
	text-align:center;
	border-bottom:1px solid #333333;
	font-size: 12px;
	font-weight:bold;
	color:#42210a;
	line-height: 19px;
	}
	
.rates_heading	{
	border-bottom:1px solid #333333;
	vertical-align:text-top;
	text-align:center;
	font-size: 10px;
	color:#42210a;
	line-height: 14px;
	}
/* End section*/

/*Begin formatting for Golf Calendar, taken from the BCRY site*/
.calendar		{
	border: none;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color:#42210a;
	line-height: 15px;
	text-align:left;
	}
	
.calbox 		{
	padding-left: 5px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid rgb(80,51, 11);
	}

.daynames		{
	border-bottom: 1px solid rgb(80,51,11);
	width: 80px;
	font-weight:bold;
	}
.entries		{
	border-bottom: 1px solid rgb(80,51,11); 
	border-right: 1px solid rgb(80,51, 11);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align: top;
	padding-left: 5px;
	line-height:13px;
	height:60px;
	}
	
		
/*End formatting*/

/* Begin Lightbox formatting */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1010; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 1090; width: 100%; height: 500px; background-color: #000; }

/* End Lightbox formatting*/