/* CSS Document */
/* CSS Document */
BODY {
	FONT-SIZE: 12px; PADDING: 0px; MARGIN: 0px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center;  BACKGROUND: url(../images/bg.gif) #5f6551;}

.testimonial {width: 500px; padding-left: 60px; padding-right: 60px;background-color: #cccc9a;}
.testimonail-top {background-image: url(../images/testimonial-top.gif); width: 620px; height: 53px; }
.testimonail-bottom {background-image: url(../images/testimonial-bottom.gif); width: 620px; height: 53px; margin-bottom:20px;}




.bg-top {height: 6px; font-size:1px; background-color: #191c0e;}
#outer-container {width: 900px; background-color: #dfdfbc; padding: 3px; margin: 0px auto;}
#inner-container {width: 900px; text-align: left; background: url(../images/inner-container-bg.gif) #ffffff repeat-y;}
#header {height: 140px; background-image: url(../images/header.gif); background-color: #ffffff;}
#logo {height: 140px; width: 260px; margin-left: 55px;}
#logo a{height: 140px; width: 260px; display:block;}

.links-body {color: #4c5142;; text-decoration: underline;}
a.links-body:hover {color: #5f6551; text-decoration: none;}

.links-body-tabbed {color: #4c5142;; text-decoration: underline; margin-left: 10px; line-height:20px; display:block; width: 300px;}
a.links-body-tabbed:hover {color: #191c0e; text-decoration: none;}

#media-blank {width: 900px; height:300px; display: block; background: url(../images/media-home.jpg) #fcfcf8; }

#media-accommodations {width: 900px; height:300px; display: block; background-color: #fcfcf8; clear: both;}
#media-accommodations-persimmon {width: 900px; height:300px; display: block; background: url(../images/media-a-persimmon.jpg) #fcfcf8;clear: both;}
#media-accommodations-white-oak {width: 900px; height:300px; display: block; background: url(../images/media-a-white-oak.jpg) #fcfcf8;clear: both;}
#media-accommodations-redbud {width: 900px; height:300px; display: block; background: url(../images/media-a-redbud.jpg) #fcfcf8;clear: both;}
#media-accommodations-tulip-poplar {width: 900px; height:300px; display: block; background: url(../images/media-a-tulip-poplar.jpg) #fcfcf8;clear: both;}
#media-accommodations-sumac {width: 900px; height:300px; display: block; background: url(../images/media-a-sumac.jpg) #fcfcf8;clear: both;}
#media-accommodations-sassafras {width: 900px; height:300px; display: block; background: url(../images/media-a-sassafras.jpg) #fcfcf8; clear: both;}
#media-accommodations-river-cabin {width: 900px; height:300px; display: block; background: url(../images/media-a-river-cabin.jpg) #fcfcf8; clear: both;}
#media-activities {width: 900px; height:300px; display: block; background: url(../images/media-activities.jpg) #fcfcf8; }
#media-contact {width: 900px; height:300px; display: block; background: url(../images/media-contact.jpg) #fcfcf8; }
#media-circa {width: 900px; height:300px; display: block; background-color: #fcfcf8; clear: both;}
#media-cuisine {width: 900px; height:300px; display: block; background: url(../images/media-cuisine.jpg) #fcfcf8; }
#media-tour {width: 900px; height:300px; display: block; background: url(../images/media-tour.jpg) #fcfcf8; }
#media-home {width: 900px; height:300px; display: block; background-color: #fcfcf8; clear: both;}
#media-testimonials {width: 900px; height:300px; display: block; background: url(../images/media-testimonials.jpg) #fcfcf8; }
#media-events {width: 900px; height:300px; display: block; background: url(../images/media-events.jpg) #fcfcf8; }
#media-innkeepers {width: 900px; height:300px; display: block; background: url(../images/media-innkeepers.jpg) #fcfcf8; }
#map_canvas {width: 900px; height: 300px; background-color: #fcfcf8; clear: both;}


.subheader {color: #4c5142; font-weight:bold;}
.subheader-b {color: #191c0e; font-weight:bold;}
.sub-box {padding: 10px;}

.accommodations-box {width: 305px; float: left; margin-bottom: 20px;}
.accommodations-box:hover {	filter:alpha(opacity=70);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.accommodations-box-1 {width: 305px; float: right; text-align: right; margin-bottom: 20px;}
.accommodations-box-1:hover {	filter:alpha(opacity=70);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.accommodations-box-2 {width: 610px; float: right; text-align: center; margin-bottom: 20px;}
.accommodations-box-2:hover {	filter:alpha(opacity=70);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


#column-right {width: 250px; float:right; background-color: #dfdfbc; clear:both; display:block;}
#column-left {width: 625px; padding:10px;}


#check-availability-right {width: 250px; height: 77px; background-image: url(../images/check-availability-right.gif);}
#check-availability-right a {width: 250px; height: 77px; display: block;}
#check-availability-right a:hover {width: 250px; height: 77px; background: url(../images/check-availability-right.gif) -250px 0px no-repeat; }

.page-header {height: 30px;}

.spacer1clear {height: 1px; font-size: 1px; clear:both; line-height:1px; background-color: #ffffff; display:block;}
#footer-container {clear:both; background-color: #5f6551;}
#footer-top {height: 2px; font-size:1px; background-color: #4f5344;}
#footer {width: 900px; margin: 0px auto; clear:both; padding-top: 5px; color: #dfdfbc; line-height:20px;}
.bold {font-weight:bold;}
.footer-links {color: #dfdfbc;; text-decoration: underline;}
a.footer-links:hover {color: #f5f5f5; text-decoration: underline;}
.footer-email {color: #fcfcf8; text-decoration: underline;}
a.footer-email:hover {color: #dfdfbc; text-decoration: underline;}
#header-right {float: right; width: 503px;margin: 5px;}
.header-spacer {width: 17px; height: 35px; background-image: url(../images/header-flower.gif); float: left;}
#header-check-availability {width: 161px; height: 35px; background-image: url(../images/header-check-availability.gif); float: left;}
#header-check-availability a {width: 161px; height: 35px; display: block;}
#header-check-availability a:hover {width: 161px; height: 35px; background: url(../images/header-check-availability.gif) -161px 0px no-repeat; }
#header-gift-certificate {width: 139px; height: 35px; background-image: url(../images/header-gift-certificate.gif); float: left;}
#header-gift-certificate a {width: 139px; height: 35px; display: block;}
#header-gift-certificate a:hover {width: 139px; height: 35px; background: url(../images/header-gift-certificate.gif) -139px 0px no-repeat; }
#header-newsletter-sign-up {width: 167px; height: 35px; background-image: url(../images/header-newsletter-sign-up.gif); float: left;}
#header-newsletter-sign-up a {width: 167px; height: 35px; display: block;}
#header-newsletter-sign-up a:hover {width: 167px; height: 35px; background: url(../images/header-newsletter-sign-up.gif) -167px 0px no-repeat; }
.special {width: 268px; height: 138px; padding: 20px; background-image: url(../images/package-bg.gif); font-size: 11px; color: #dfdfbc;float: left;}
.special ul {margin-top: 5px; margin-left:15px;}
.special-click-here {float: right; text-decoration:underline; color: #dfdfbc; margin-right: 20px;}
a.special-click-here:hover {text-decoration:none;}
.float-right {float: right;}










/*nav*/

#divnav-right {margin: 0px auto;}	
#nav-right { 
	background:url("../images/nav-right.gif") no-repeat; 
	width:250px; 
	height:226px; 
	margin:0;
	padding:0; 
	list-style: none;
	line-height: 1;
	 text-align: left;
	}

#nav-right ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;

}

#nav-right span { display: none; }

#nav-right li, #nav-right a { height:38px; display:block; } /* add the height again */
#nav-right li { float:left; list-style:none; position:relative; }

#nav-right-01 { height: 38px; width: 250px;}
#nav-right-02 { height: 38px; width: 250px;}
#nav-right-03 { height: 38px; width: 250px;}
#nav-right-04 { height: 38px; width: 250px;}
#nav-right-05 { height: 38px; width: 250px;}
#nav-right-06 { height: 38px; width: 250px;}


/*-------------- X position of item -84px (width of first item)/ height of item from above -40px (height of visibale portion of menu) ------------- */
#nav-right-01 a:hover { background:url("../images/nav-right.gif") -250px 0px no-repeat; }
#nav-right-02 a:hover { background:url("../images/nav-right.gif") -250px -37px no-repeat; }
#nav-right-03 a:hover { background:url("../images/nav-right.gif") -250px -74px no-repeat; }
#nav-right-04 a:hover { background:url("../images/nav-right.gif") -250px -111px no-repeat; }
#nav-right-05 a:hover { background:url("../images/nav-right.gif") -250px -148px no-repeat; }
#nav-right-06 a:hover { background:url("../images/nav-right.gif") -250px -185px no-repeat; }


#nav-right a {
	display: block;
/*	width: 10em;*/
}

#nav-right li {
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;

/*	width: 10em;*/
}

#nav-right li ul {
	position: absolute;
	left: -9999em;
	padding-right:1px;			
	background-color:#ffffff;	/* this is the bgcolor of drop down menu*/
	margin-left: 11.05em;
	margin-top: -1.35em;
}






#nav-right li:hover, #nav-right li.hover {  
    position: static;  
}


/* test for IE7 hack

*/

#nav-right li:hover ul {
	left: auto;
}

#nav-right li:hover ul, #nav-right li.sfhover ul {
	left: auto;
}

#nav-right li ul li { 
	height:25px; 				/* Height of each drop down nav list item */
	border:1px solid #e5e5e5;
	border-top:none;
	wwidth: 250px;
	}	

#nav-right li ul li #long { 
	height:25px; 				/* Height of each drop down nav list item */
	border:1px solid #e5e5e5;
	border-top:none;
	wwidth: 330px;
	}	

#nav-right li ul li a {
	width:100%;
	height:25px;				/* Height of each drop down nav link, same as above */
	line-height:25px;			/* Height of each drop down nav link, same as above */
	}

#nav-right li ul li a span {
	display:block;
	padding-left:14px;
	text-align: left;
	font-size: 12px;
	}

/* Drop down link styles */
#nav-right a:link, #nav a:visited, #nav-right a:hover, #nav-right a:active {
	font-size:1.0em;
	color:#333333;
	font-weight: bold;
	text-decoration:none;
	}

#nav-right li:hover ul, #nav-right li.sfHover ul	{ left: auto; }


/* Hover styles for drop down items */

#nav-right ul a:hover { 
	background-image:none;
	background-color:#8ca7b9;
	color:#ffffff;
	text-decoration:none;
	}





/*nav*/

#divnav {margin: 0px auto;}	
#nav { 
	background:url("../images/nav.gif") #333922 no-repeat; 
	width:900px; 
	height:40px; 
	margin:0;
	padding:0; 
	list-style: none;
	line-height: 1;
	 text-align: left;
	}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;

}

#nav span { display: none; }

#nav li, #nav a { height:40px; display:block; } /* add the height again */

#nav li { float:left; list-style:none; position:relative; }

#nav-01 { width: 89px;}
#nav-02 { width: 159px;}
#nav-03 { width: 124px;}
#nav-04 { width: 131px;}
#nav-05 { width: 89px;}
#nav-06 { width: 84px;}
#nav-07 { width: 108px;}
#nav-08 { width: 116px;}


/*-------------- X position of item -84px (width of first item)/ height of item from above -40px (height of visibale portion of menu) ------------- */
#nav-01 a:hover { background:url("../images/nav.gif") 0px -40px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.gif") -89px -40px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.gif") -248px -40px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.gif") -372px -40px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.gif") -503px -40px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.gif") -592px -40px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.gif") -676px -40px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.gif") -784px -40px no-repeat; }


#nav a {
	display: block;
/*	width: 10em;*/
}

#nav li {
	float: left;
/*	width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -9999em;
	padding-right:1px;			
	background-color:#ffffff;	/* this is the bgcolor of drop down menu*/
}




/*start of third level*/

#nav li ul ul {
	margin: -25px 0 0 10em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}







/* end of third level */





#nav li:hover, #nav li.hover {  
    position: static;  
}


/* test for IE7 hack

*/

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li { 
	height:25px; 				/* Height of each drop down nav list item */
	border:1px solid #e5e5e5;
	border-top:none;
	wwidth: 250px;
	}	

#nav li ul li #long { 
	height:25px; 				/* Height of each drop down nav list item */
	border:1px solid #e5e5e5;
	border-top:none;
	wwidth: 330px;
	}	

#nav li ul li a {
	width:100%;
	height:25px;				/* Height of each drop down nav link, same as above */
	line-height:25px;			/* Height of each drop down nav link, same as above */
	}

#nav li ul li a span {
	display:block;
	padding-left:14px;
	text-align: left;
	font-size: 12px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#333333;
	font-weight: bold;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }


/* Hover styles for drop down items */

#nav ul a:hover { 
	background-image:none;
	background-color:#5f6551;
	color:#ffffff;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line*/
#nav-02 ul, #nav-02 li { width:200px; }
#nav-03 ul, #nav-03 li { width:250px; }
#nav-04 ul, #nav-04 li { width:250px; }
#nav-05 ul, #nav-05 li { width:250px; }
#nav-06 ul, #nav-06 li { width:250px; }