@import url("reset.css") screen, print;

/* STYLESHEET FORMAT 
------------------------------------------
Stylesheet & styles should be maintained in this order of dominance:
1) HTML Tag
2) ID
3) Class
------------------------------------------*/


/* REDEFINED TAGS and STYLES
------------------------------------------*/
body { 
	font: 75% Georgia, "Times New Roman", Times, serif; 
	background: #fff url(../img/bg.jpg) repeat-x top; 
	margin: 0; padding: 0; 
	text-align: center; color: #000000; 
}
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

a:link, a:visited { color: #669900; text-decoration: none; border-bottom: 1px dotted #669900; }
a:hover { color: #526600; }

a.noBorder:link, a.noBorder:visited { border: none; text-decoration: none; }

.logo {
	border: 0px;
}

h2 { font-size: 24px; color: #000000; font-variant: small-caps; font-weight: normal; margin: 0px 0px 0.2em; padding: 0px; line-height:1.1em; }
h3 { text-transform: uppercase; color: #586242; font: 85% Georgia, "Times New Roman", Times, serif; line-height:1.1em; letter-spacing: 0.07em; word-spacing: 0.07em; margin-top: 0.5em; margin-bottom: 0.8em; padding:0; }
p { margin: 0 0 .8em 0; }


/* LAYOUT - Descriptions:
------------------------------------------
o #container is the left column with content
o #sidebar is the right column inside the container
o Each container divides the page into rows:  	
	1) Image & Nav 			(#container.top) 	
	2) Res Bar 					(#container.resbar) 	
	3) Content 					(#container.content) 	
	4) Footer						(#container.footer) 	
	5) Page Bottom			(#container.bottom)
------------------------------------------*/
#container { width: 800px; background: #FFFFFF; margin: 20px auto 0; text-align: left; overflow: hidden; border: 1px solid #c8d0bb; z-index: 1; }
#container .resbar { background: #e0ebcc url(../img/bg-res.jpg) no-repeat left -12px; padding: 0px; height: 39px; margin: 0px 2px -1px 0px; width: 600px; }
#container #shortRes.resbar { width:599px; }

.indented {
	margin-left: 140px;
}	

/* STYLES
------------------------------------------*/
.img { margin: 10px 0px 10px 10px; }
.img2 { margin: 10px 0px 0px 10px; padding: 0px; } /* Interior image area */


/* CONTENT AREA STYLES
------------------------------------------*/
#home #container .content { background: #f6f7f1 url(../img/bg-side.gif) repeat-y 600px top; padding: 10px; width: 780px; line-height: 1.6em; top: 0px; position: relative; overflow: hidden; font-weight: normal; }

#home #container .content .sidebar1 a { background:none; }

#container .content { background: #f6f7f1 url(../img/bg-content.gif) repeat-y 600px top; padding: 10px; line-height: 1.6em; border-top: 1px solid #FFFFFF; z-index: }
#container .content p { font-family: Arial, Helvetica, sans-serif; }
#container .content blockquote { margin: 0px 200px 0px 0px; display: block; background: #FFFFFF; border: 1px solid #e0ebcc; padding: 15px 15px 0.5em; }

#container .content blockquote ul {
	margin: 0 0 10px 0;
	list-style: inside;
}

#container .content blockquote ul li{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0px 15px;
}

#container .content .sidebar1 { text-align: center; font-size: 70%; line-height: 1.5em; position: absolute; right: 1px;
}


/* SUB NAVIGATION
------------------------------------------*/
#container .content ul.subnav { float: left; text-transform: uppercase; text-align: right; background: url(../img/dotted-horiz-dg.gif) repeat-x left bottom; margin: 5px 0px 16px 0px; font-size: 9px; font-weight: normal; padding-bottom: 1px; line-height:13px; width: 125px; }
#container .content ul.subnav li { padding:0 0 1px 0; margin: 0; background: url(../img/dotted-horiz-dg.gif) repeat-x left top; list-style: url(none) none; }
#container .content ul.subnav li a { margin:0; padding:1px 0px 1px 0px; border:none; display:block; color: #4D7500; }


#container .content ul.subnav li a:hover { margin:0; background: #F6F7F1  url(../img/dotted-horiz-dg.gif) repeat-x left top; color: #232323; }

#container .content ul.subnav li.active {
	background: #F6F7F1  url(../img/dotted-horiz-dg.gif) repeat-x left top;
}



/* FOOTER
------------------------------------------*/
#container .footer  { color: #5A6347; text-transform: uppercase; text-align: center; padding:3px 0; background: #c8d0bb; border-top: 1px solid #BBC5AB; border-right: 1px solid #c7d59a; border-bottom: 1px solid #c7d59a; border-left: 1px solid #c7d59a; letter-spacing: normal; font-size: 9px; height: 1.3em; clear: both; }
#container .footer a  { color: #687649; text-decoration:none; background:none; }
#container .footer a:hover  { color: #444A35; }  
#container .footer ul { padding-right: 5px; padding-left: 5px; margin: 0px; }
#container .footer ul li { display: inline; list-style: none; padding-left: 5px; padding-right: 5px; background: url(../img/dotted-vert-g.gif) no-repeat right top; }
#container .footer ul li.last { background: none; }

#address { color: #D1D7BF; font: 9px "Times New Roman", Times, serif; width: 802px; height: 1.3em; padding: 4px 0px 5px 0; margin: 0px auto 5px; text-align: center; overflow: hidden; background: #737d5f url(../img/bg-footer.gif) repeat; }
#address div { display: inline; padding-right: 10px; padding-left: 10px; }
#address .type { text-transform: uppercase; }
#address .value { margin-right: 10px; }
#address .org { text-transform: uppercase; }

#bottom { color: #7D8E57; font: 9px "Times New Roman", Times, serif; width: 800px; height: 1.3em; margin: 5px auto; text-align: left; overflow: visible; text-transform: uppercase; }
#bottom .sidebar1 { padding: 0px; width: auto; margin: -64px 10px 30px 0; }
#bottom a, #bottom .sidebar1 a { font-weight: normal; color: #7D8E57; border-bottom:1px dotted #669900; }
#bottom a:hover, #bottom .sidebar1 a:hover { font-weight: normal; color: #444A35; }


/* RIGHT COLUMN STYLES
------------------------------------------*/
.sidebar1 { float: right; width: 178px; padding: 10px 10px 0px;/* since this element is floated, a width must be given */
/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/* the background color will be displayed for the length of the content in the column, but no further */
}
.mainImage { float: right; width: 590px; height: 376px; }
.clear { position: relative; display: block; width: 1px; height: 1px; visibility: hidden; clear: both; }
#container .sidebar1 a { color: #598400; text-transform: uppercase; font-weight: bold; }
#container .sidebar1 p { margin-top: 40px; margin-bottom: 2em;  }
#container .sidebar1 p a { font-size: 1em; font-weight: 300;}
#container .sidebar1 p a.special { font-size: .75em; padding: 5px; text-decoration: underline; border: none; }
#container .ResRight { padding: 0px; background: #c8d0bb; height: 39px; margin: 0px; border-left:1px solid #fff; border-top-style: none; border-right-style: none; border-bottom-style: none; width: 200px; overflow: hidden; text-align: center; }
#container .ResInterior { padding: 0px 10px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background: #fff; height: 39px; }
#container .nav .logo { margin:4px 0; }


#container .nav { text-align: center; background: #fff; padding-top: 10px; z-index: 1010; float: right; position: relative; }


#container .nav ul { color: #000000; text-transform: uppercase; font-size: 7px; letter-spacing: 1px; font-weight: bold; background: url(../img/dotted-horiz-lg.gif) no-repeat bottom; text-align:center; line-height: 12px; margin: 10px 0px 0px; padding: 0px 0px 1px; }
#container .nav ul li { padding:0; margin: 0; background: url(../img/dotted-horiz-lg.gif) no-repeat center top; list-style: url(none) none; position: relative; }
#container .nav ul li a { display: block; margin:0; padding:0; text-indent: -3000px; white-space:nowrap; overflow:hidden; border:none; height: 13px; }
#container .nav ul li a:hover { background-color:#f6f8ec; width:140px; margin: 0 auto; }
#container .nav .nav2 { margin-top: 20px; }


/* GRAPHICAL NAV

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

#container .nav .hom { background: url(../img/nav-home.gif) no-repeat center top; }
#container .nav .res { background: url(../img/nav-reservations.gif) no-repeat center top; }
#container .nav .acc { background: url(../img/nav-accommodations.gif) no-repeat center top; }
#container .nav .spe { background: url(../img/nav-specials.gif) no-repeat center top; }
#container .nav .gol { background: url(../img/nav-golf.gif) no-repeat center top; }
#container .nav .spa { background: url(../img/nav-spa.gif) no-repeat center top; }
#container .nav .act { background: url(../img/nav-activities.gif) no-repeat center top; }
#container .nav .din { background: url(../img/nav-dining.gif) no-repeat center top; }
#container .nav .wed { background: url(../img/nav-weddings.gif) no-repeat center top; }
#container .nav .mee { background: url(../img/nav-meetings.gif) no-repeat center top; }
#container .nav .pho { background: url(../img/nav-photo.gif) no-repeat center top; }
#container .nav .dir { background: url(../img/nav-map.gif) no-repeat center top; }
#container .nav .dis { background: url(../img/nav-dis.gif) no-repeat center top; }
#container .nav .orl { background: url(../img/nav-orl.gif) no-repeat center top; }
#container .nav .tam { background: url(../img/nav-tam.gif) no-repeat center top; }
#container .nav .div { background: url(../img/nav-dive.gif) no-repeat center top; }
#container .nav .man { background: url(../img/nav-manatee.gif) no-repeat center top; }
#container .nav .chi { background: url(../img/nav-childrens.gif) no-repeat center top; }
#container .nav .tee { background: url(../img/nav-tee.gif) no-repeat center top; }
#container .nav .eco { background: url(../img/nav-eco.gif) no-repeat center top; }
#container .nav .fri { background: url(../img/nav-frisbee.gif) no-repeat center top; }




/* RESERVATION AREA AND FORM
------------------------------------------*/
#quickres { padding: 2px 0px 0px 90px; margin: 0px; }
#quickres form { margin:0; padding:0; }
#quickres label { display: block; margin-bottom: 2px; margin-top: 2px; font: 8px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #586242; }
#quickres select { font: 10px "Times New Roman", Times, serif; color: #000000; padding:0; border: 1px solid #86916f; text-transform: uppercase; }
/* start select menu resizing */
#quickres #checkIndate #inmonth, #shortRes #quickres #cod #outmonth, #inmonth, #outmonth, .3char { width: 5em !important; }
#quickres #checkIndate #inday, #shortRes #quickres #cod #outday, #inday, #outday, .2char { width: 3.5em !important; }
#quickres #checkIndate #inyear, #quickres #checkIndate #outyear { width: 3.5em !important; }
/* end select menu resizing */
#quickres  .c1 { padding: 3px 0 0 5px; float: left; }
#quickres  .noa { padding-right: 5px; overflow: hidden; background: url(../img/dotted-vert-g.gif) no-repeat right bottom; }
#quickres #submit { padding: 0 8px; position: relative; top: 10px; float: left; }
#quickres .date { padding: 3px 8px 2px 5px; background: url(../img/dotted-vert-g.gif) no-repeat right 11px; float: left; }
#quickres #barArrival, #quickres #barDeparture { padding: 2px 1px 1px 20px; background: url(../img/ico-cal.gif) no-repeat 1px;  background-color: #fff;}
#quickres .date input, #promoCode { width: 60px; font: 10px "Times New Roman", Times, serif; color: #000000; padding: 1px; border: 1px solid #86916f; }

.ResOptions { text-transform: uppercase; font-size: 1px; letter-spacing: 1px; float: left; position: relative; top: 18px; color: #3B5E3B; font-weight: bold; border:none; margin-right: 5px; }
.ResOptions a, .ResOptions img { border-style: none; }


/* PHOTO GALLERY
--------------------------------------------*/

#container #gallery { height: 65px; width: 460px; vertical-align: middle; text-align: right; padding: 0 0 0 140px; background:no-repeat left bottom; border-bottom: 1px solid #FFFFFF; margin: 0px 0px 10px 0px; }
#container #gallery #scroller { margin: 0px; padding:0; text-align: left; height: 58px; overflow: hidden; position: relative; top: 4px;  }
#container #gallery #scroller ul { display: block; margin: 0; padding: 0; line-height: normal; text-align:left; }
#container #gallery #scroller ul li { display: inline; list-style: url(none) none; line-height:normal; padding:0; margin:0; }
#container #gallery #scroller ul li a { border-style: none; padding:0; margin:0; }
#container #gallery #scroller ul li a img { border: 1px solid #C1DA8F; background: #FFFFFF; padding: 4px; margin-right: 5px; margin-left: 2px; }
#container #gallery #scroller ul li a:hover img { border-top: 1px solid #B4D27B; border-right: 1px solid #A7B872; border-bottom: 1px solid #A7B872; border-left: 1px solid #B6C48A; background-color:#E0EBCC; }
#container #gallery #scroller .previous { float: left; display:block; background:#FFFFFF; }
#container #gallery #scroller .next { float: right;display:block; background:#FFFFFF; }


#container #gallery.golf { background: url(../img/gal-bg-accomm.jpg); }
#container #gallery.golf { background: url(../img/gal-bg-activities.jpg); }
#container #gallery.golf { background: url(../img/gal-bg-childrens.jpg); }
#container #gallery.golf { background: url(../img/gal-bg-dining.jpg); }
#container #gallery.golf { background: url(../img/gal-bg-eco.jpg); }
#container #gallery.golf { background: url(../img/gal-bg-frisbee.jpg); }
#container #gallery.golf { background: url(../img/gal-bg-golf.gif); }

#container #gallery.golf { background: url(../img/gal-bg-golf.jpg); }
#container #gallery.golf { background: url(../img/gal-bg-golf.gif); }
#container #gallery.golf { background: url(../img/gal-bg-golf.gif); }


#example_3 { 
height:55px;/* important */ 
margin:0;
padding-right:5px; 
overflow:visible;/* important */ 
position:relative;/* important */ 
/* width:325px; important */ 
/* width:460px;  I thought this was the width of the viewable scroller area including buttons */
text-align:right;
}

/* ORIGINAL 
#example_3 {  
     position: relative;  
     overflow: visible; 
     width: 361px; 
     height: 55px;   
     margin: 0px 0px 0px 100px;
 }  
 */ 
 #example_3_frame { position: relative; z-index:1000; margin-top: -55px;}
 /*#example_3_previous {}*/
 /*#example_3_next {float: rightright;}*/
#example_3_photos { 
     position: absolute;  
     top: 0;  
  /*   margin-left: 5px; */
     white-space: nowrap;
     list-style: none;  
     z-index:1;
 }  
     
 #example_3_photos li {  
     list-style: none;  
     margin: 0;  
     padding: 0; 
     z-index:1; 
 }
#container_bd #example_3 ul li {  
    display: block;  
    float: left;  
/*
    margin: 5px;  
    padding: 5px;
*/
}  

/* Wedding RFP
----------------------------------------*/
fieldset {
	border: none;
	margin: 0px;
}

legend {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 800;
	color: #000000;
}

.wrfp li {
	list-style: none;
	padding: 2px 0px;
}

.wrfp li label {
	display: block;
	float: left;
	width: 125px;
}

.required {
	color: #FF0000;
}



/* CONSTANTS and HACKS
------------------------------------------*/
.fltrt { 
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right; margin-left: 8px; }
.fltlft { 
/* this class can be used to float an element left in your page */
float: left; margin-right: 8px; }
.clearfloat { 
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both; height:0px; line-height: 0px; font-size: 1px; }



/* Sidebar Coupon ad
----------------------------------------*/
#coupon {
margin: 0px;
padding: 0px;
}
#coupon img {
border: none;
}
#coupon a:link, #coupon a:visited {
border: none;
}


/* Hot Dates Calendar Styles
----------------------------------------*/
table.calendar {
display: block;
border-collapse: collapse;
float: left;
margin: 5px 3px;
}
table.calendar th {
border: 1px solid #ceddb4;
padding: 2px;
}
table.calendar td {
border: 1px solid #ceddb4;
width: 17px;
height: 20px;
text-align: center;
}
table.calendar a {
display: block;
height: 20px;
border-bottom: none;
}
table.calendar a.hot {
background: #becf98;
}
table.month10 {
clear: left;
}



/* Recent News Styles
----------------------------------------*/
#recentNews {
	background-color: #e0ebcc;
	margin: 0px 0px 15px 0px;
	padding: 8px;
}	

#recentNews h2 {
	font-size: 20px;
}

#recentNews h3 {
	color: #707566;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}

#recentNews hr {
	height: 1px;
	border-bottom: 1px dotted #707566;
	border-top: none;
}

/* Featured Photographers styles
-----------------------------------------*/
div#photoContainer {
	width: 405px;
	margin: 0px;
	padding: 0px;
}

ul#photos {
	padding: 0px;
	margin: 0px auto;
}

ul#photos li {
	list-style: none;
	float: left;
	margin: 0px auto;
	padding: 0px;
	text-decoration: none;
}

ul#photos li img {
	margin: 0px auto;
	padding: 0px;
	line-height: 0px;
	border: none;
}

ul#photos li a:link,
ul#photos li a:visited {
	border: none;
	text-decoration: none;
}