@charset "UTF-8";
/* CSS Document */

*{margin: 0;}

/* This is the start of the main body styling*/
body {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	min-width: 950px;
	background-color: #ffebb5;
	font: "Times New Roman", Times, Verdana, serif;
}
	
/* This section sytles the layout of the center column*/	
#wrapper {
	text-align: left;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-color: #A9C088;
	color: #01407a;
	padding: 0px 0 0 0;
	border: 3px solid #6B7c53;
}		

/* This section contains the header logo, main photo or movie and nav sections */
#header {
	padding: 0 0px 0px 0px;
	margin: 0;
	background-image: url(img_elements/GreenHeader.gif);
	border:hidden;	
}	

#logo {
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
	border: hidden;
		
}

#logoimg {display:none}
	
#nav {
	padding: 0;
	margin: 0;
	border:hidden;
}

#movie1 {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: hidden;
}
/* This section begins the main content wrapper */		
#main {
	width: 100%;
	background-image: url(img_elements/sidebarspacer.png);
	background-position: top right;
	background-repeat: repeat-y;
}
/* This is the welcome bar used instead of breadcrumbs*/	
#welcome{
	background-color:#6B7c53;
	font-family: "Monotype Corsiva";
	color: #FFFFFF;
	font-size:34px;
	padding: 0 0 0 5px;
	margin: 0 0px 0 0;
	overflow:hidden;
}
	
.inner{
	font-size: 28px;
	font-family: "Monotype Corsiva";
	color: #000000;
	padding: 0px 0 0px 420px;
		
}

#content-wrapper {
	margin: 0 220px 0 px;
}	

#content {
	color: #000000;
	font-size:18px;
	font-family: "Times New Roman", Times, serif;
	line-height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 20px;
	overflow:hidden;
}

#contactwrapper {
	margin: auto;
	padding: 20px 50px 20px 150px;
	
}	

	
#contact {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333300;
	border: 2px #999999 solid;
	width: 440px;
	background-color: #ffebb5;	
}	

.contactinner {
	font-size: 30px;
	font-family: "Times New Roman", Times, serif;
}	
.contactinner2 {font-size:18px;}
.contactinner3 {font-size: 24px;}
	
/* This is the sidebar wrapper styling that also floats it in place */
#sidebar{
	float: right;
	width: 220px;
	background-color: #999999;
	Color:#FFFFFF;
	margin: 0;
	padding: 0px 5px 5px 5px;
	overflow:hidden;
}	

#reviewwrapper {
	margin: 20px 0 0 0;
	padding: 10px 0 10px 0;
	border: 2px solid #000000;
	
}

#bbcomReviewWidget {
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 0px 0 10px 0;
	border: 0;
	width:185px;
}
/* end the sidebar wrapper styling that also floats it in place */

/* this controls the click here image style */
#avail{
	border: 2px solid #000000;
	margin-top:20px;
}

.availimg {
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 10px 0 10px 0;
}
/* this controls the credit card, no smoking and eco icon logos */
#symbols {
	text-align: center;
	margin: 10px 0 0 0;
}

/* This is styling for the membership bar */
#memberships{
	color: #000000;
	margin: 90px 220px 10px 0;
	padding: 0 0 0px 0px;
	text-align: center;
	list-style-type: none;
}

#memberships.ul ul {
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow: hidden;
}

#memberships.li li {
	display:inline;
	/*This is a test */
}

a.member:link {
	color: #000099;
	font-weight: bold;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
}

a.member:visited {
	color: #000099;
	font-weight: bold;
	text-align:center;
	padding: 0 0 0px 0px;
	margin: 0 10px 0 0;
}

a.member:hover {
	color: #0000CC;
}

a.member:active {
	color: #0000CC;
}
/* end styling for the membership bar */

/* This clears the the bottoms of both columns so that the side bar doesn't hang over the bottom of the page */
#clearone {
	clear: both;
	height: 1px;
}

/* This is the start of the ABOUT US specific layout */

#aboutus {
	color: #000000;
	font-size:17px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 5px 13px 0px 14px;
	overflow:hidden;
}
/* This makes the image on Our_history page float to the left */
#aboutus img.floatleft { 
    float: left; 
    margin: 10px 20px 5px 5px; 
}
#aboutus img.floatright { 
    float: right; 
    margin: 10px 20px 5px 5px; 
}

/* This gives all the first letts of a line on the our_history page a larger script font */
p.intialletter:first-letter {
	font-family:"Monotype Corsiva";
	font-size: 30px;
}

/* this controls the quote on the Our_history page */
#aboutusquote {
	color: #800000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 80px 5px 0 5px;
	padding: 0px 0 0 0;
}

/* This controls the quote on the our_history page */
.inner2{
	font-family: "Monotype Corsiva";
	font-size: 24px;
	padding: 0px 0 0 50px;
	line-height:2em;
}

/* This controls the signature quote on the specials page */
.inner3{
	font-family: "Monotype Corsiva";
	font-size: 24px;
	padding: 0px 0 0 25px;
	line-height:2em;
}

.mini {
	font-size:15px;
}

/* These control the quotes on the online_reservations page */
#quote1 {
	margin: 0px 0 0 0;
	padding: 5px 0 0px 0;
	border: 2px solid #000000;
}


#rateblock {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 2px solid #000000;
}

#roomrate {
	color: #800000;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	text-align:center;
}

.innerrate1{
	color: #FFFFFF;
	font-family: "Monotype Corsiva";
	font-size: 24px;
	padding: 5px 30px 5px 30px;
	line-height:1em;
	background-color:#800000;
}

.innerrate2{
	/*font-family: "Monotype Corsiva";*/
	font-size: 16px;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 0 0px;
	line-height:2em;
	text-align:center;
	background-color: #DBDBDB;
}


#innerquote1 {
	color: #800000;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 0px 5px 0 5px;
	padding: 0px 0 0 0;
}
/* end style quotes on the online_reservations page */

/* This controls the second quote on the revervations page */
#quote2 {
	margin: 10px 0 0 0;
	padding: 5px 0 0px 0;
	border: 2px solid #000000;
}

#innerquote2 {
	color: #800000;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 0px 5px 0 5px;
	padding: 0px 0 0 0;
}
/* end style second quote on the revervations page */


/* This controls the div with the reservations iframe on online_reservations page */
#reserve {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	overflow:hidden;
}

#news {
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	overflow:hidden;
}

/* This styles the main table foor the rooms page */
table.roomstable {
	border-collapse: collapse;
	margin: 5px 5px 5px 5px;	
}

/*This controls the image in col1 */
img.imgcol1 {
	width: 115px; 
	height: 98px;
	margin: 6px 6px 6px 6px;	
}

/* This controls the column 1 style in the table */
td.col1 {
 width: 120px;
}

/* This controls the column 2 style in the table */
td.col2 {
	width: 363px;
	color: #FFFFFF;
	font-size: 18px;
	padding: 5px 0 5px 0;
}

.col2header {
	font-family:"Monotype Corsiva";
	font-size: 28px;
	text-decoration:underline;
}

/* This controls the column 3 style in the table */
td.col3 {
	width: 165px;
	text-align: right;
	padding: 0 0px 0 0px;
}

/* This controls the background color of the house row style in the table */
tr.house {
	background-color: #800000;
}

/* This controls the background color of the trail room row style in the table */
tr.trail {
	background-color: #999999;
}
/* Controls background of Coastal row */
tr.coastal {
	background-color: #6b7c53;
}

/* Controls background of Rose row */
tr.rose {
	background-color: #800000;
}

/* This controls the style for the buttons on the rooms page */
.roomul ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
/* each room's row of buttons have a different style controled by this css, the room name is in the class name */
a.housealink:link,a.housealink:visited {
	display: block;
	color: #FFFFFF;
	background-color: #6b7c53;
	width: 185px;
	text-align: center;
	padding: 4px;
	margin: 10px;
	font-size: 18px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: #000000 2px solid;
}
a.trailalink:link,a.trailalink:visited {
	display: block;
	color: #FFFFFF;
	background-color: #800000;
	width: 185px;
	text-align: center;
	padding: 4px;
	margin: 10px;
	font-size: 18px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: #000000 2px solid;
}

a.coastalalink:link,a.coastalalink:visited {
	display: block;
	color: #FFFFFF;
	background-color: #999999;
	width: 185px;
	text-align: center;
	padding: 4px;
	margin: 10px;
	font-size: 18px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: #000000 2px solid;
}

a.rosealink:link,a.rosealink:visited {
	display: block;
	color: #FFFFFF;
	background-color: #6b7c53;
	width: 185px;
	text-align: center;
	padding: 4px;
	margin: 10px;
	font-size: 18px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: #000000 2px solid;
}

a.roomahover:hover,a.roomahover:active {
	text-decoration: underline;
}

/* End room buttons styles */

/* Style info for room pages */

#roomdetails {
	color: #000000;
	font-size:17px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 5px 13px 0px 20px;
	overflow:hidden;
}

.roomgallery {
	float:left;
	margin: 10px 10px 5px 0px;
}

.roompagetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:16px;
}

#ada {
	text-align: left;
}

#adawrapper {
	margin: auto;
	padding: 0px 30px 0px 30px;
}
/* End Room details */

#link {
	width:310px;
	/*float: right;*/
	border:#000000 2px solid;
	margin: 10px 10px 5px 0px;
	padding: 0px 5px 0 10px;
	font-weight: bold;
	line-height: 2em;
}

#reco {
	width:310px;
	/*float: right;*/
	border:#000000 2px solid;
	margin: 10px 10px 5px 0px;
	padding: 0px 5px 0px 10px;
	font-weight: bold;
	line-height: 2em;
}
 #reco .blurb {
 	font-size: 14px;
	line-height: normal;
	text-align: justify;
	margin: 5px 5px 10px 5px;
}

#bkrwt {
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 5px;
	border: none;
}

.feedbox {
	float:right;
	margin: 10px 10px 5px 0px;
}

/* This controls the look of the feed */
#feed {
	width:310px;
	border:#000000 2px solid;
	padding: 10px 10px 0 5px;
}

p.feedTitle {
	color: #800000;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 18px;
	text-align:center;
	text-decoration: underline;
}
/* These also control the Things to see and do links div */
.headline a:link,a:visited{
	color: #000099;
}

.headline a:hover,a:active{
	color: #FFFFFF;
}

.feedTitle a:link,a:visited {
	color: #800000;
}

.feedTitle a:hover {
	color: #000099;
}

.feedburnerFeedBlock li {
	padding: 10px 0 10px 0;
}

/* end feed styles */
#attractions {
	color: #000000;
	font-size:17px;
	font-family: "Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 5px 13px 0px 20px;
	overflow:hidden;
}	
/* This is the control for the Photo page movie */
#photoshow {
	text-align: center;
	margin: 0 0 -5px 0;
	padding: 0 0 0 0;
	border: hidden;
}

.photogallery {
	margin: 0px 0px 0px 0px;
}

#aboutthehouse img.floatleft { 
    float: left; 
    margin: 10px 20px 5px 5px; 
}
#aboutthehouse img.floatright { 
    float: right; 
    margin: 5px 10px 5px 15px;
}

#aboutthehouse {
	color: #000000;
	font-size:12px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 5px 13px 0px 14px;
	overflow:hidden;
}


#specials {
color: #000000;
	font-size:12px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 14px 13px 0px 14px;
	overflow:hidden;
}

#specials img.floatleft { 
    float: left; 
    margin: 10px 20px 5px 5px; 
}
#specials img.floatright { 
    float: right; 
    margin: 5px 10px 5px 15px;
}

p.specialsheader {
	font-family:"Monotype Corsiva";
	font-size: 30px;
	text-decoration:underline;
}

#package1 {
	color: #000000;
    font-size:14px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	margin: 0px 0px 14px 0px;
	padding: 10px 20px 5px 10px;
	overflow:hidden;
	border: 3px solid #6B7c53;
}

#package1.img {
/*height:255px;*/
margin: 5px 0 5px 0;
}

#package1 img.floatright2 { 
    float: right; 
    margin: 5px 10px 5px 15px;
	padding-top: 20px;
}

a.package1link:link,a.package1link:visited {
	display: block;
	color: #FFFFFF;
	background-color: #999999;
	width: 185px;
	text-align: center;
	padding: 4px;
	margin: 0 0 10px 400px;
	font-size: 18px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: #000000 2px solid;
	/*float: right;*/
}

a.package1link:hover, a.package1link:active {
text-decoration:underline;
}


#package2 {
	color: #000000;
    font-size:16px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	margin: 0px 0px 5px 0px;
	padding: 10px 20px 5px 10px;
	overflow:hidden;
	border: 3px solid #6B7c53;
}


.image {
height:255px;
margin: 5px 0 5px 0;
}

#policies {
color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 5px 10px;
	overflow:hidden;
}

#Error {
	color: #000000;
	font-size: 24px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 5px 10px;
	overflow: hidden;
	text-align: center;
}

#para1 {
	color: #000000;
    font-size:16px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	margin: 0px 0px 5px 0px;
	padding: 10px 20px 5px 10px;
	overflow:hidden;
}

#para2 {
	color: #000000;
	font-size:16px;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 5px 10px;
	/*overflow:hidden;*/
}

#para3 {
	color: #000000;
	font-size:16px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 5px 10px;
/*	overflow:hidden;*/
}
#para4 {
	color: #000000;
	font-size:16px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 5px 10px;
	overflow:hidden;
}

#facebox {

    /* overlay is hidden before loading */
    display:none;

    /* standard decorations */
    width:450px;
    border:8px solid #6B7C53;
	background-color:#fff;

    /* for modern browsers use semi-transparent color on the border. nice! */
    border:8px solid #6B7C53;
	background-color:#fff;

    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
  }

  #facebox div {
    
    border:none;
    
    font-family:Verdana, Arial, Helvetica, sans-serif;
  }
  
  .overlayinner1 {
	text-align: center;
	margin: 10px 0px 0px 0px;
	font-size:20px;
  }
  
  .overlayinner2 {
	text-align: center;
	padding: 5px 5px 5px 5px;
	font-size:16px;
  
  }
  
  .overlayinner3 {
  	color:#8000000;
    padding: 5px 0px 5px 0px;
	font-size: 10px;
	padding-bottom:10px;
  
  }

  #facebox h2 {
    padding: 5px 0px 5px 0px;
    color:#fff;
    background-color:#800000;
    padding:5px 10px;
    font-size:24px;
  }