@charset "UTF-8";
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/body_bg.jpg) repeat-x left top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}
#wrapper { /* controls the white leaves behind the page.*/
	width: 1024px;
	padding: 0px 20px;
	margin: 0px auto;
	padding: 0px;
	text-align: left; /* this overrides the text-align: center on the body element.
	background: url(../images/shadow.png) repeat-y left 110px;*/
} 
#container { /* holds the main web page elements: header, sidebarLeft, mainContent, mainContentRight, and mainContentExpanded*/
	width: 960px; 
	background: #FFFFFF url(../images/containerHome_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0px 0px 150px;
}
#containerHome { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px; 
	background: #FFFFFF url(../images/containerHome_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left; 
	padding: 0px 0px 150px;
}
#containerBarn { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px;  
	background: #FFFFFF url(../images/containerBarn_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left;
	padding: 0px 0px 150px;
}
#containerGrandview { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px;  
	background: #FFFFFF url(../images/containerGrandview_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left;
	padding: 0px 0px 150px;
}
#containerOutdoor { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px;  
	background: #FFFFFF url(../images/containerOutdoor_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left;
	padding: 0px 0px 150px;
} 
#containerGuesthouse { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px;   
	background: #FFFFFF url(../images/containerGuestHouse_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left;
	padding: 0px 0px 150px;
}
#containerEvergreen { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px; 
	background: #FFFFFF url(../images/containerEvergreen_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left;
	padding: 0px 0px 150px;
}
#containerRates { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px;  
	background: #FFFFFF url(../images/containerRates_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left; 
	padding: 0px 0px 150px;
} 
#containerVendors { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px;  
	background: #FFFFFF url(../images/containerVendors_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left; 
	padding: 0px 0px 150px;
} 
#containerPolicies {
	width: 960px;  
	background: #FFFFFF url(../images/containerPolicies_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left; 
	padding: 0px 0px 150px;
} 
#containerDirections { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px; 
	background: #FFFFFF url(../images/containerDirections_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left; 
	padding: 0px 0px 150px;
}  
#containerAround { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px; 
	background: #FFFFFF url(../images/containerAroundArea_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left; 
	padding: 0px 0px 150px;
}  
#containerGallery { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px; 
	background: #FFFFFF url(../images/containerGallery_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left; 
	padding: 0px 0px 150px;
} 
#containerContact { /*each page calls a unique container ID which controls the black and white photo at the bottom of the page*/
	width: 960px;  
	background: #FFFFFF url(../images/containerContact_bg.jpg) no-repeat right bottom;
	margin: 0px auto;
	text-align: left;
	padding: 0px 0px 100px;
}




/* --------- STYLES FOR THE HEADER ------------------------------------------------------------------ */
   
#header {
	padding: 0px 0px 5px;
	margin: 0px 32px;
	background: #FFFFFF url(../images/hdr_bg.jpg) repeat-x left top;
}
.logo {
	float: left;
	border-style: none;
}




/* --------- STYLES FOR THE LEFT SIDEBAR (COLUMN 1) --------------------------------------------------- */ 

#sidebarLeft {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* 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 */
	background: #FFFFFF url(../images/sideleft_bg.jpg) repeat-x left top; /* controls the background image fade on sidebarLeft. */
	padding: 30px 10px 0px 20px;
	margin: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #8E776B;
	list-style-type: none;
}
h2 { /* sets headers in the Left Sidebar */
	font: bold 13px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #244154;
	text-transform: none;
	margin: 0px;
}

#subNavLeft  ul { /* controls navigation list in the left sidebar */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-top: 1px solid #CDC4B6;
	border-bottom: 1px solid #CDC4B6;
}
#subNavLeft  li { /* controls navigation list in the left sidebar */
	display: block;
	margin: 6px 0px;
	padding: 0px;
	list-style-type: none;
	color: #4D623A;
	font: 12px "Trebuchet MS", Tahoma, Verdana, sans-serif;
}
#subNavLeft a:link, #subNavLeft a:visited { /* default state of navigation links color in the left sidebar */
	text-transform: uppercase;
	color: #8E776B;
	font: 11px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-decoration: none;
}
#subNavLeft a:hover, #subNavLeft a:active { /* mouseOver state of navigation links color in the left sidebar */
	color: #6CA1B7;
}
#subNavLeft a.here:link, #subNavLeft a.here:active, #subNavLeft a.here:visited { /* highlights the page link that the visitor is currently on  */
	color: #244154;	
}

.eventlist ul { /* this controls the bulleted EVENT list in the left column; currently on the HOME PAGE ONLY */
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}
.eventlist li  { /* this controls the bulleted EVENT list in the left column; currently on the HOME PAGE ONLY */
	display: block;
	margin: 2px 0px;
	padding: 0px;
	list-style-type: none;
	color: #4D623A;
	font: 12px "Trebuchet MS", Tahoma, Verdana, sans-serif;
}



/* ------ LINK STYLES -------------------------------------------------------------------------------------------------------------- */

a:link, a:visited { /* controls defalut state for basic link color; currently red */
	color: #8B0000;
	text-decoration: none;
}
a:hover, a:active { /* controls mouseOver state for basic link color; currently blue */
	color: #6CA1B7;
	text-decoration: underline;
}

a.arrow:link, a.arrow:visited { /*default state of arrow links for contact us and view gallery */
	font: bold 12px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-transform: uppercase;
	color: #8E776B;
	text-decoration: none;
	background: url(../images/btn_arrow.jpg) no-repeat;
	display: block;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}
a.arrow:hover, a.arrow:active { /*mouseOver state of arrow links for contact us and view gallery*/
	font: bold 12px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-transform: uppercase;
	color: #244153;
	text-decoration: underline;
	background: url(../images/btn_arrowOver.jpg) no-repeat;
	display: block;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}



/* --------- STYLES FOR THE MAIN CONTENT AREA (COLUMN 2) --------------------------------------------------- */

#mainContent { /* This is used for pages that DO have right column content - 3 column layout */
	margin: 0px 230px; /* the left margin on this div element creates the column down the left side of the page*/
	padding: 0px; 
	
} 
#mainContent  p { /* controls paragraph tags inside the mainContent (3 column) div area */
	line-height: 1.5em;
	padding: 0px 20px;
	margin-top: 0px;
	margin-bottom: 10px;
}



#mainContentExpanded { /* This is used for pages that DO NOT have right column content - 2 column layout */
	margin: 0px 40px 0px 230px; /* the left margin on this div element creates the column down the left side of the page*/
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#mainContentExpanded p { /* controls paragraph tags inside the mainContentExpanded (2 column) div area */
	line-height: 1.5em;
	padding: 0px 100px 0px 20px;
	margin-top: 0px;
	margin-bottom: 10px;
}



h1 { /*this controls the mainContent and mainContentExpanded page title header; currently red */
	padding-right: 20px;
	padding-left: 20px;
	font: bold 18px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #8B0000;
	margin-top: 30px;
	margin-bottom: 10px;
}
h3 {
	text-transform: uppercase;
	color: #8E776B;
	text-decoration: none;
	padding-left: 20px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 13px;
}




/* --------- STYLES FOR THE MAIN COLUMN RIGHT SIDEBAR (COLUMN 3) --------------------------------------------------- */

#mainContentRight { /*this is for the right column content */
	float: right;
	width: 200px;
	margin-top: 30px;
	padding-right: 20px;
	padding-left: 10px;
}
.galleryRightBox { /*this is for the View Gallery Box; currently brown with image and arrow link. */
	padding: 10px;
	background: #CDC4B6;
	text-align: center;
}
.galleryRightPic {
	padding: 10px;
}
#mainContentRight  img { /*this sets the image border inside the gallery box to zero. */
	border-style: none;
}

#mainContentRight  ul { /* this controls the bulleted list in the right column; recommended for */
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}
#mainContentRight  li { /* this controls the bulleted list in the right column; recommended for */
	display: block;
	margin: 2px 0px;
	padding: 0px;
	list-style-type: none;
	color: #4D623A;
	font: 12px "Trebuchet MS", Tahoma, Verdana, sans-serif;
}



/* --------- STYLES FOR FOOTER --------------------------------------------------- */

#footerWrap {
	padding: 0px;
	background:#244154;
	margin: 0px;
	width: 100%;
	text-align: center;
}

#footer {
	background:#244154;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 10px;
	color: #999999;
	padding-top: 20px;
	padding-right: 32px;
	padding-bottom: 20px;
	padding-left: 32px;
} 
#footer p { /* controls paragraph tags inside the footer div area */
	margin: 0;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}

#footer a:link, #footer a:visited { /* default state of the footer links */
	color: #6CA1B7;
	text-decoration:none;
	margin-right: 10px;
	margin-left: 10px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}
#footer a:hover, #footer a:active { /* mouseOver state of the footer links */
	color: #ffffff;
	text-decoration:none;
}
.copyright {
	float: left;
	text-align: center;
	width: 200px;
}





/* --------- STYLES FOR FLOATS AND CLEARS --------------------------------------------------- */


.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:0;
    font-size: 1px;
    line-height: 0px;
}
.clearRight {
	clear: right;
}




/* --------- STYLES FOR THE FORM ------------------------------------------------------------------ */

.formQuestion {
	display: block;
	margin-top: 7px;
	margin-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
	font-size: 11px;
}


/* --------- STYLES FOR THE RATES PAGE ------------------------------------------------------------------ */

.rates { /* Used for a div that contains the rate tables*/
	margin-right: 20px;
	margin-left: 20px;
}
#mainContent .rates p   { /* styles paragraph tags inside the rate div */
	margin-left: 0px;
	padding-left: 0px;
	font-size: 11px;
	margin-top: 0px;
	padding-top: 0px;
	color: #666666;
}
#mainContent .rates h3 { /* styles h3 header tags inside the rate div */
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
}
#mainContent .rates table th { /* styles first row of table cells inside the rate div */
	font-size: 11px;
	color: #FFFFFF;
	background: #244154;
}
#mainContent .rates table td { /* styles the rest of the table cells inside the rate div */
	font-size: 11px;
	border-bottom: 1px solid #d2d8ce;
	color: #4D623A;
	padding-top: 8px;
	padding-bottom: 8px;
}


.photocredit {
	font-size: 10px;
	font-style: italic;
	color: #999999;
}