html {
  /* this is a hack to force scrollbars on at
     all times so that the page does not jump
     when going from short to long pages */
  height: 100%;
  margin-bottom: 1px;
}
body {
   background: #DDD89E url(img/bg.png) 0 0 repeat-x;
   color: #000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 100%;
   margin: 0px;
   padding: 0px;
}
#masthead {
   color: #036;
   padding: 0;
   margin: 0;
   width: 868px;
   height: 104px;
   background-image: url(img/Header3.jpg);
   background-repeat: no-repeat;
   z-index: 10;
   position: relative;
}
#heading {
	background-image: url(img/Title.png);
	height: 50px;
	width: 700px;
	z-index: 800;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0px;
	position: absolute;
	left: 20px;
	top: 28px;
}

#framed  {
	width: 540px;
	height: 340px;
	background-image: url(../cmsimages/photo1.jpg);
	background-repeat: no-repeat;
	z-index: 700;
	background-position: 10px 10px;
	margin-left: 20px;
	margin-bottom: 22px;
}
#wrapper {
   width: 868px;
   margin: 0 auto;
}
#wrapper-top {
   width: 868px;
   height: 12px;
   background-image: url(img/wrapper-top-bg.jpg);
   background-repeat: no-repeat;
   margin: 0;
   padding: 0;
}
#column_wrapper {
   background-image: url(img/wrapper-bg.jpg);
   background-repeat: repeat-y;
}
.clearfloat {
   clear: both;
   height: 0;
   line-height: 0;
   font-size: 0;
}
#right {
   width: 668px;
   float: left;


}
#left {
   width: 200px;
   float: left;

}
#left .content {
   font-size: 0.8em;
   line-height: 1.5em;
   padding-top: 5px;
   padding-right: 20px;
   padding-bottom: 24px;
   padding-left: 20px;
}
#right .content {
	font-size: 0.855em;
	line-height: 1.65em;
	padding-top: 0px;
	padding-right: 34px;
	padding-bottom: 24px;
	padding-left: 30px;
}
#faq #right .content strong, #faq #right .content b {
	color: #930;
	font-size:16px;
}
#amenities table td {
	border: 1px solid #FDE080;
	background-color: #F5F5E0;
	padding: 8px;
}
#rates table td {	
	border: 1px solid #FDE080;
	padding-left: 12px;
}
.sidebarbox {
	background-image: url(img/contactBG.jpg);
	background-repeat: repeat-y;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 18px;
	font-size: 14px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CDC791;
	border-bottom-color: #BAB381;
	line-height: 1.36em;
}
#footer .content {
   padding: 2px 24px;
}
#footer {
   color: #B5B5B5;
   background-color: #733318;
   padding: 0px;
   margin: 0;
   font-size: 0.75em;
   clear: both;
}

#left a:link, #left a:visited {
   color: #069;
   text-decoration: none;
}

#left a:hover {
	color: #C00;
}
#right a:link, #right a:visited {
   color: #0000FF;
}

#footer a:link, #footer a:visited {
   color: #FFC;
}

#footer a:hover {
   color: #FC0;
}
#right a:hover {
	color: #F60;
}
/* font colors */

a {
   color: #554C30;
}

h2 {
	color: #685B2E;
	font-size: 1.4em;
}

h3 {
	color: #BB3D00;
	font-size: 1.3em;
}
h4 { color: #039; font-size: 1.2em; line-height:1.2em; }
p {
  /* setup some more readable paragraph spacing */
  margin-top: 4px;
  margin-bottom: 10px;
}
p.lessmargin {
   line-height: 1.1em;
   margin-top: 0;
   margin-bottom: 12px;
}
.bluetext {
	color:#039;
	font-weight:bold;
	line-height:1.2em;
	font-size: 1.2em;
}
strong, b {
	color: #660000;
	line-height: 1.2em;
}
h1, h2, h3, h4, h4 {
   margin-top: 10px;
   margin-right: 0;
   margin-bottom: 0px;
   margin-left: 0;
}
h1 {
   color: #883C1A;
   font-size: 1.6em;
   margin-top: 0px;
   margin-bottom: 6px;
}
#left h2 {
   font-size:16px;
   color: #900;
   margin: 0px;
}
#left h3 {
	font-size:14px;
	color: #600;
	line-height: 1.1em;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.nomargintop {
   margin-top: 0;
}
.PhotoBorder, #photos #right img {
   border: 1px outset #666666;
   margin: 5px 0px;
   padding: 5px;
   background-color: #F5F5F5;
}
a:hover .PhotoBorder   {
   margin: 5px 0px;
   padding: 5px;
   border: 1px solid #666666;
   background-color: #FFFFC1;
}

div#horiz-menu {
   height: 44px;
}
div#horiz-menu ul {
   margin: 0;
   padding: 0;
}
div#horiz-menu li {
   margin: 0;
   padding: 0;
   padding-right: 2px;
   float: left;
   list-style: none;
}

div#horiz-menu a {
	display: block;
	float: left;
	padding: 0 16px;
	height: 42px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
/* horiz menu */

div#horiz-menu a,
div#horiz-menu li.active li a {
   color: #F0EDCF;
}

div#horiz-menu li:hover,
div#horiz-menu li.sfHover,
div#horiz-menu li.active:hover,
div#horiz-menu li.active.sfHover {
   background: url(img/menu2-r.png) 100% 0 no-repeat;
}

div#horiz-menu li:hover a,
div#horiz-menu li.sfHover a,
div#horiz-menu li.active:hover a,
div#horiz-menu li.active.sfHover a {
   background: url(img/menu2-l.png) 0 0 no-repeat;
   color: #fff;
}

#horiz-menu li.active,
#horiz-menu li.active_menu {
   background: url(img/menu-r.png) 100% 0 no-repeat;
}

#horiz-menu li.active a,
#horiz-menu li.active_menu a {
   background: url(img/menu-l.png) 0 0 no-repeat;
   color: #fff;
}

#horiz-menu li.active li.active,
#horiz-menu li.active li.active a {
   background: none;
}
/* moomenu */

.nav li li {
   background:#716645;
   border-bottom: 1px solid #574F35;
   border-right: 1px solid #574F35;
}

.nav li li:hover,
.nav li li.sfHover,
#horiz-menu li:hover li:hover,
#horiz-menu li.sfHover li.sfHover,
#horiz-menu li.active li.active

{
   background: #827853;
}

#horiz-menu li:hover li a.daddy:link,
#horiz-menu li.sfHover li a.daddy:link,
#horiz-menu li:hover li a.daddy:visited,
#horiz-menu li.sfHover li a.daddy:visited  {
   background: url(img/bullet-sucker.png) 100% 50% no-repeat;
}

.nav li.sfHover,
.nav li:hover {
   background: url(img/menu2-r.png) 100% 0 no-repeat;
}

.nav li.sfHover a,
.nav li:hover a {
   background: url(img/menu2-l.png) 0 0 no-repeat;
}

div#footer {
   background: url(img/bottom-bg.png) 0 0 repeat-x;
}

div#footer .rk-1 {
   background: url(img/bottom-r.png) 100% 0 no-repeat;
}

div#footer .rk-2 {
   background: url(img/bottom-l.png) 0 0 no-repeat;
      height: 114px;
   overflow: hidden;
}
div#footer .copyright {
   margin-top: 60px;
   color: #600;
}
div#footer .copyright a, div#footer .copyright a:visited {
   text-decoration:none;
}

div#footer .copyright a:hover {
   color: #036;
   text-decoration:none;
}
   /* bottom */

li#footertx {
   float: left;
   width: 100%;
   list-style: none;
   text-align: center;
   font-weight: bold;
}

li#footertx a:link,
li#footertx a:visited,
li#footertx a:active,
li#footertx a:hover {
   border: none;
   background: transparent;
   text-decoration: none;
}
li#footertx a:hover {
   color:#FC0;
}
div#left ul, div#right ul {
   list-style-image: url(img/dot.png);
   padding: 7px 0px 10px 4px;
   margin-left: 10px;
   margin-top: 0;
   margin-bottom: 9px;
   font-size: .94em;
}
div#left li, div#right li {
	margin-bottom:6px;
	line-height: 1.3em;
}

div#left .content ul, div#left .content ul li {
   margin-bottom: 5px;
   padding-top: 0;
   padding-left: 0;
   margin-left: 4px;
}
/* Error Message and Thank You for Reservation Form */
#errormessage {
   background-color: #FFFFD9;
   border: 2px outset #000066;
   position: absolute;
   height: 300px;
   width: 480px;
   left: 200px;
   top: 0px;
   text-align: center;
   padding: 30px 16px 16px;
}
#thankmessage {
	background-color: #FFFFD9;
	border: 2px outset #000066;
	position: absolute;
	height: 550px;
	width: 480px;
	left: 200px;
	top: 0px;
	padding: 30px 16px 16px;
	z-index: 99999;
}
form p {
   font-size: 0.9em;
   margin: 0px;
   padding: 0px;

}
.uhoh {
   font-size: 1.2em;
   font-weight: bold;
   color: #993333;
}

/* ------ automatically put border around photos on Photo Gallery Page -------- */
.photos #maincontent img {
   border: 1px outset #666666;
   margin: 5px 0px;
   padding: 5px;
   background-color: #EBEBEB;
}
div.photos #maincontent p { margin-bottom: 20px; }
/******** SUBMIT BUTTONS ***********/
form input.button {
   color: #99FFFF;
   text-transform: uppercase;
   padding-right: 15px;
   padding-left: 15px;
   padding-top: 3px;
   padding-bottom: 3px;
   border-top: 2px solid #BDBD81;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   background-color: #3570AA;

}
form input.button:hover {
   color: #CDFF82;
   background-color: #009900;
}
.check {
   height: 1px;
   position: absolute;
   width: 120px;
   left: -1600px;
   top: -1500px;
}
#movie {
   float: right;
   margin-right: 10px;
   margin-left: 10px;
   width: 240px;
}
#movie a:link, #movie a:visited  { color:#0033CC; font-weight: bold; }
#movie a:hover { color:#FF6600; }
#banner {
	background-image: url(img/banner.png);
	height: 170px;
	width: 179px;
	z-index: 99999;
	top: 0px;
	right: 0px;
	position: absolute;
	display: block;
}
#thanks #banner { display:none; }
.bnow a, .bnow a:visited {
   text-decoration: none;
   color: #FFFFCC !important;
   background-color: #C4A86F;
   border-top: 1px solid #FFFFFF;
   border-right: 1px solid #4F4F4F;
   border-bottom: 1px solid #4F4F4F;
   border-left: 1px solid #FFFFFF;
   font-weight: bold;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding-top: 2px;
   padding-right: 6px;
   padding-bottom: 2px;
   padding-left: 8px;
   margin: 0px;
}
.bnow a:hover, .bnow a:focus, .bnow a:active {
   color: #555555!important;
   background-color: #CBD9EB!important;
   border: 1px inset #999999;
}