@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, a:link, a:visited { color: #669900; text-decoration: none; }
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 .biglist li {
	margin-bottom: 20px;
}

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

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


/* 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.html) 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;border:0px solid #000; }
#bottom .sidebar1 { padding: 0px; width: auto; margin: 0px 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 { width: 590px; height: 376px;margin:10px 0 10px 10px; }
.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: 0px; z-index: 1010; float: right; position: relative; }

.nav1 { margin-top: -8px !important; }

#container .nav ul { color: #000000; text-transform: uppercase; font-size: 7px; letter-spacing: 1px; font-weight: bold; border-bottom: 1px dotted #B5C49A; text-align:center; line-height: 12px; margin: 0px auto 0px auto; width: 150px; padding: 0px 0px 1px 0px; }
#container .nav ul li { margin: 0; border-top: 1px dotted #B5C49A; no-repeat center top; list-style: url(none.html) none; position: relative; font-family: Trebuchet, Arial, sans-serif; font-size: 8px; color: black; }
#container .nav ul li a { display: block; margin:0; padding:0; white-space:nowrap; overflow:hidden; border:none; color: black; }
#container .nav ul li:hover { background-color:#f6f8ec; }
#container .nav .nav2 { margin-top: 20px; }


/* GRAPHICAL NAV

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





/* RESERVATION AREA AND FORM
------------------------------------------*/
#quickres { padding: 2px 0px 0px 110px; 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, #inmonth, .3char { width: 5em !important; }
#quickres #checkIndate #inday, #inday, .2char { width: 3.5em !important; }
#quickres #checkIndate #inyear, #quickres #checkIndate #outyear { width: 3.5em !important; }
/* end select menu resizing */
#quickres  .c1 {
	padding: 3px 18px 2px 18px;
	background: url(../img/dotted-vert-g.gif) no-repeat right 8px;
	float: left;
}
#quickres li.last {
	background-image: none;
}
#quickres #submit { margin-top: 6px; }
#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; }
#res-options {
	position: relative;
	top: -5px;
}

.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.html) 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;
}