/*
	To update the images at the tops of the pages, just refer to the id="" found in the body tag for each page
	and update their #pageTop.
	
	Like this:
	
		#accommodations #pageTop {
	
			...
		
		}
		
	You can find the example I did for the accommodations page further down.

*/

h3 {
font-size: 18px;
color: #631f2b;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
font-stretch: expanded-expanded; }

body {

	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: #31637A;
	margin: 0;

}

.alt {

	display: none;

}

a {

	color: #6C342D;

}


.noBorder {

	border: none !important;

}


#page {

	display: block;
	text-align: center;
	background: url("images/pagebg.gif") center repeat-y;

}

#layout {

	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: left;

}



#header {

	width: 780px;
	height: 89px;
	background: url("images/headerbg.gif") top left no-repeat;

}

#availability a{
 	background:#854C45;
 	color:#ffffff;
	padding:7px 10px 6px 10px;
 	width:122px;
	position:relative;
	top:30px;
	left:245px;
 	float:right;
 	text-decoration: none;
}

#availability a:hover {
	text-decoration: none;
  	color:#854C45;
  	background:#ffffff;
}

#topInfo {

	float: right;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #854C45;
	padding: 5px 15px 0 0;
	line-height: 24px;

}

#topInfo a {

	color: #854C45;

}

#topInfo a:hover {

	color: #69342E;

}

#topInfo a#availLink {

	font-weight: bold;

}

#subHeader {

	background: #854C45 url("images/navbgbottom.gif") bottom left no-repeat;
	height: 290px;

}

#home #subHeader {

	height: 390px;

}

#nav {

	background: url("images/navbgtop.gif") 0 0 no-repeat;
	width: 230px;
	float: left;

}

#home #nav {

	width: 230px;
	
}

#nav .container {

	width: 230px;

}

.nav ul {

	list-style: none;
	margin: 10px 0 10px 0;
	padding: 0;

}

#nav ul li a {

	display: block;
	color: #fff;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	padding: 5px 0 6px 28px;

}

#home #nav ul li a {

	font-size: 16px;
	padding: 9px 0 9px 28px;

}

#nav ul li a:hover {

	color: #CBEAF8;

}

html > body #nav ul li a:hover {

	background: url("images/navhover.png");

}

#photoTop {

	background: url("images/insidephoto.jpg") no-repeat;
	width: 550px;
	height: 290px;
	float: right;

}

#home #photoTop {

	background: url("images/flashplaceholder.jpg") no-repeat;
	height: 390px;
}

#clocktower #photoTop {

	background: url("images/clock2.jpg") no-repeat;
}

#accommodations #photoTop {

	background: url("images/springgarden.jpg") no-repeat;
}

#summit #photoTop {

	background: url("images/summittop.jpg") no-repeat;

}

#eaglesnest #photoTop {

	background: url("images/eaglesnest.jpg") no-repeat;
}
#rose #photoTop {

	background: url("images/roses.jpg") no-repeat;

}
#lilac #photoTop {

	background: url("images/lilac.jpg") no-repeat;

}
#chimney #photoTop {

	background: url("images/chimney.jpg") no-repeat;

}
#sweetviolet #photoTop {

	background: url("images/sweetviolet.jpg") no-repeat;

}
#springgarden #photoTop {

	background: url("images/springgarden.jpg") no-repeat;

}
#huntclub #photoTop {

	background: url("images/huntbed.jpg") no-repeat;

}
#helens #photoTop {

	background: url("images/helensbed.jpg") no-repeat;

}
#weddings #photoTop {

	background: url("images/weddingstop.jpg") no-repeat;
	}
#breakfast #photoTop {

	background: url("images/breakfasttop.jpg") no-repeat;
	}
#specials #photoTop {

	background: url("images/specials.jpg") no-repeat;

}
#area #photoTop {

	background: url("images/walk.jpg") no-repeat;

}
#events #photoTop {

	background: url("images/leaves.jpg") no-repeat;
	}
#availability #photoTop {

	background: url("images/insidephoto.jpg") no-repeat;


}
#directions #photoTop {

	background: url("images/direction.jpg") no-repeat;

}

#dirLink {
	display: block;
	width: 230px;
	height: 55px;
	border: 1px solid #386479;
	background: url(images/dl_pdf_active.gif) center center no-repeat;
}

#dirLink b {
	display: none;
}

#inn #photoTop {

	background: url("images/inntop.jpg") no-repeat;
}
#body {

	clear: both;
	background: #EDDB9B;
	display: table;

}

#body #content {

	display: table;
	background: url("images/contentbg.gif") top left repeat-x;
	color: #0F3444;
	font-size: 14px;
	width: 780px;

}

#body #content .container {

	padding: 10px;

}

#home #body #content .container {

	background: url("images/welcometop.gif") top center no-repeat;
	padding: 75px 10px 10px 10px;

}

#body #content .container .recipeTable {

	width: 100%;

}

#body #content .container .recipeTable .recipeImg {

	text-align: center; 
	padding: 10px;
	
}

#body #content .container .recipeTable .recipeImg img {

	border: 1px solid #fff;

}

#body #content .container .recipeTable .recipeInfo {

	padding: 10px;

}

#body #content .container .recipeTable .returnLink .buttonLink {

	display: block;

}

#roomsDisplay p {

	clear: both;

}

.tableFull {

	clear: both;

}

.tableFull ul {

	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;

}

.tableFull li {

	padding: 3px;
	float: left;
	text-align: center;

}

html > body .tableFull a {

	margin-left: auto;
	margin-right: auto;

}

.col3 li {

	width: 32% !important;

}

.tableFull li img {

	background: url("images/photosoon.gif") center center no-repeat;
	border: none;
 
}

#roomsDisplay .tableFull ul li a {

	display: block;
	border: 1px solid #31637A;
	width: 175px;

}

#roomsDisplay .tableFull ul li a:hover {

	border: 1px solid #fff;

}

#bottomContactInfo {

	text-align: center;
	color: #6C402D;
	padding: 1px;

}

#bottomContactInfo a {

	color: #92634E;

}

#bottomContactInfo a:hover {

	color: #673E2B;

}

#page .container {

	background: url("images/pagebottomfix.gif") bottom center no-repeat;
	
}

#footer {

	display: block;
	text-align: center;

}

#footer #bottomNav {

	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	top: -5px;

}

#bottomNav ul li {

	float: left;
	white-space: nowrap;

}

#bottomNav ul li a {

	display: block;
	padding: 2px 5px 2px 4px;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	background: url("images/navdivider.gif") top right no-repeat;

}

#bottomNav ul li.lastOne a {

	background: none;

}

#bottomNav ul li a:hover {

	text-decoration: underline;

}

#copyright {

	clear: both;
	color: #fff;
	font-size: 10px;
	text-align: right;
	width: 780px;
	margin-left: auto;
	margin-right: auto;

}

#copyright a {

	color: #fff;
	text-decoration: none;

}

#copyright a:hover {

	text-decoration: underline;

}

.np {

color: #0F3444;
text-decoration: none;
cursor: text;

}

.logo {text-align: center;}
.logo a img {border: none}
.clear { clear:both; }

/*					*/
/*		BLOG		*/
/*					*/

#blog .hidden { display:none; }
#blog .clear  { clear:both; }

#blog #blogcontent {
	float:left;
}

#blog .narrowcolumn {
	width:500px;
}

#blog #sidebar {
	float:right;
	width:230px;
	margin-right:15px;
}

#blog #sidebar ul {
	list-style:none;
}

#blog p.postmetadata {
	background:#FFFFFF;
	border-top:solid 1px #31637A;
	padding:2px 3px;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* 	FeedBurner 	*/
.feedburnerFeedBlock {
	width:260px; 				/* set overall width */
	float:right; 				/* send it to the left, right, or none */
	padding: 5px; 				/* space between text and edge */
	font-size:13px;
	background: url(images/blogbgtop.jpg) top right no-repeat #844c45;
	margin:10px; 			/* space between edge and surrounding text */
	text-align:left;
	
}
.feedburnerFeedBlock ul {
	margin:0;
	padding:0;
}
.feedburnerFeedBlock ul li {
	margin-left:15px;
	padding:3px;
	list-style-type: none;
}

.feedburnerFeedBlock ul li a {
	color: #eddb9b;
}
p.feedTitle a{
	font-weight:bold;
	margin:3px 0px 8px 0;
	color: #eddb9b;
	text-decoration: none;
	font-size: 16px;
}
p.feedTitle {
	text-align: center;
}
p.date {
	margin:2px 0 2px 5px;
	font-style: italic;
	font-size:11px;
	display: inline;
}
#creditfooter { /* this hides the feedburner logo */
	display:none;
}


/*	end FeedBurner	*/