.footer 		{background-color:#d4cdbe;}
body		{background-color:#ffffff;}

#contactbar 	{position: absolute; background-color:#ffffff; z-index: 999;}
#contactbar a 	{color:#000000;}

.menubox		{background-color: #886e00; color: #ffffff; font-size:2.6em; }

.menubox:hover	{background-color: #888800; color: #ffffff;}


.dow.medium {line-height: 33px;}
.mocalContainer {line-height: 28px;}

#cycler {
    position: relative;
    border: 1px solid #666;
    height: 300px;
    color: white;
}

#cycler .background {
    opacity: 0;
    display: block;
    position: absolute;
    z-index: -1;
    overflow2:hidden;
    width: 100%;
    height: 100%;
}


/* 1/(2*total) */
@-webkit-keyframes fadePaddedFor5Images {
    0% {opacity: 0;}
    10% {opacity: 1;}
    20% {opacity: 1;}
    30% {opacity: 0;}
}
@keyframes fadePaddedFor5Images {
    0% {opacity: 0;}
    10% {opacity: 1;}
    20% {opacity: 1;}
    30% {opacity: 0;}
}


#cyclerwrapper {
	width:100%;
	height: calc(90% - 100px);
	min-height: 400px;
	border: 0px solid #888888;
	box-shadow: 1px 1px 2px #000;
	position:relative;}

#cycler {position:relative;}
#cyclerX img{position:absolute;z-index:1;background-color:white}
#cyclerX img.active{z-index:3}

#onsite	{position:absolute; left:60px; bottom:40px; color: #ffffff;font-size:2em;text-shadow: 2px 2px #000000, -2px -2px #000000;}
#onsiteUR {position:absolute; right:20px; top:40px; color: #ffffff;font-size:2.5em;text-shadow: 2px 2px #000000, -2px -2px #000000;}

a {color:#9999dd}

.rates	{max-width: 1200px;margin-top:40px;font-size:2em;line-height:2em;text-align:left;}
.rates a {color:#364540;}
.rates a:hover {text-decoration:underline;}

#logo {	position:absolute;
	left: 0px;
	top: 30px;
	z-index:99;}

.ad {border-radius:16px;padding:20px;background-color:#dddddd;}

.menubox {font-family: sans-serif;float:left;
	font-weight: normal;
	text-align: center;
	text-decoration:none;
	z-index:999999;margin-left:30px; 
	margin-bottom: 20px;
	padding:20px;padding-top:16px;padding-bottom:16px;
	border-radius:8px;
	text-align:center;white-space: nowrap; overflow:hidden;}

.menubox a {text-decoration:none;color:#ffffff;}

.mrow {position:absolute;bottom:-40px;z-index:33;}
.mrowb {position:absolute;top:-10px;z-index:33;}

a:active, a:focus{outline:none;}

html {margin: 0px; padding: 0px; height: 100%;}
body {margin: 0px; padding: 0px; height: 100%;}
body {FONT: 85%/125% verdana, arial, sans-serif; color: #ffffff;}

#cyclerwrapper {border:0px solid #999;width: 100%;}

#cycler {border:0px solid #999;width: 100%; height:100%;  background-size: cover; background-position: center center; }

#cycler {background-size:cover;}

.maintopic {font-size:200%;line-height:120%;padding:20px;padding-right:60px;}
.maintopic li {padding:10px;}
.atopic {font-size:150%;line-height:120%;padding:0px;padding-right:20px;}

.ultopic {font-size:200%;line-height:120%;padding:20px;padding-left:0px;padding-right:60px;}
.ultopic li {padding:10px;}

#topmenu {z-index:99;background-color:rgba(234,255,240,.2); width: 100%; height:10%; }
#topmenu div {z-index:99;height:100%;float:left;width:33%;text-align:center;font-size:300%;margin-top:auto;border:0px solid #999;}

#topmenubar {background-color:#efefef;}
#topmenubar {background-color:#709086;}

.m {z-index:99;padding:40px;padding-top:8px;padding-bottom:20px;background-color:#9999bb; border:#949494; border-radius: 15px;background: linear-gradient(#a17d2f,#664b11); color:#ffffff;white-space: nowrap; overflow:hidden;}

#frag2 {border:0px solid #999; width: 100%; max-width:1200px; margin:auto; color:#000000;  position:relative; padding-bottom:20px;}
#frag3 {border:0px solid #999;  width: 100%; max-width:1200px; margin:auto;  position:relative; padding-bottom:40px;}
#frag4 {border:0px solid #999;  width: 100%; max-width:1200px; margin:auto;  color:#000000;  position:relative; padding-bottom:40px;}

#wrapfrag3 {background-color:#462b14; padding-top: 20px;color:#ffffff; }

#gallery {border:0px solid #999; width:100%; position:relative; }

.cphoto {margin-left:30px;}
.iphoto {box-shadow: 3px 3px 5px #666666;margin-bottom:30px;max-width:47%;float:left;margin-left:2%;}
.caption {display:none; text-align:left;padding-left:42px;margin-bottom:20px;font-size:1.8em;line-height:1.8em;color:#AAAAAA;max-width:45%;float:left;margin-right:4%;}
.clear	{clear:both;}

.homephoto {margin-bottom: 20px; max-width: 100%;}

.tall_left {margin-right:50px;width:40%;max-width:533px;}
.tall_right {width:40%;max-width:533px;}

.t60 {margin-top:60px;}

#quote {margin-top:80px;padding:20px;font-size:200%;line-height:140%;color:#0c2155;font-weight:900;font-style: italic;}

#policies {margin-left:30px;padding:20px;margin:10px;line-height:1.2em;margin-left:50px;}
#policies li {line-height:60px;border-bottom:1px solid #dcdcdc;}

.footer {width: 100%; color:#443333; position:relative; }


#ReservationsOnline_DatePicker {background-color:#886e00;}

#ReservationsOnline_DatePicker {display:none;visibility:hidden;}
#ReservationsOnline_DatePicker {margin-left:50px;width:280px;font-size:22px;color:#ffffff;line-height:1.7em;}
#ReservationsOnline_DatePicker input {font-size:22px;color:#000000;text-align:right; padding-right: 4px;}
#titleText {font-size:20px;font-weight:bold;text-transform: uppercase;text-align:right;white-space:nowrap;}
#arrivalDate {width:120px;}
#lengthOfStay {width:32px;}
#check_availability {margin-top:3px;float:right;}
#calContainer {font-size:18px;color:#000000;line-height:20px;}
#ReservationsOnline_DatePicker {height:180px;padding:10px;border-radius:15px;}
#ReservationsOnline_DatePicker #check_availability {padding: 1px 25px;}

#HHVA1 {
    margin-bottom: 0px;
	margin-top: 20px;
    font-weight: normal;
    color: #990000;
	font-size:100%; }

#HHVA2 {
    margin-bottom: 40px;
    margin-top: -20px;
    font-weight: normal;
    font-size:100%; 
    color: #990000;}

#topmenu {height:40px;}

#RO_box { margin:auto; font-size:1em; font-family: sans-serif; line-height:1em; max-width:1000px; width:100%; color:#444444; background-color:#707612;}
#RO_container { background-color:#fffffd; margin:3px;}
.RO_title1 { padding-bottom:12px 0 4px; padding-top:10px; margin-left:4px; font-size:1.1em; font-weight:bold; color:#444444;}
.RO_title2 { padding-bottom:12px 0 4px; padding-top:10px; margin-left:4px; font-size:1.1em; font-weight:bold; color:#444444;}
.RO_basedon { padding-bottom:4px; margin-left:4px; margin-right:4px; margin-bottom:10px; border-bottom:1px solid #dddddd; font-size:.84em;}
.rsImg { margin-left:4px;}
.RO_powered { background-color:#ab820c; padding:2px; text-align:right; color:#fff; font-size:1em;}
.RO_review { margin-top:8px; color:#777777; margin-left:4px; margin-right:4px;}
.RO_rdate { font-weight:600;}
.RO_more { text-decoration:underline; }
.RO_read { font-size:1em;padding-right:8px;}
.RO_write { font-size:1em;padding-right:8px;}


#contactcontainer {color:#000000; text-align: right;
    padding-right: 100px;
    margin: auto;
    line-height: 32px;}

#contactcontainer a {text-decoration:none;}
#contactcontainer a:hover {text-decoration:underline;}

#menubar {line-height:44px;background:  linear-gradient(rgba(206, 193, 169, 0.2),rgba(131, 127, 110, 0.31),rgba(206, 193, 169, 0.2));}

#menucontainer {max-width:980px;margin:auto;}

ul#menu, ul#menu ul.sub-menu {
    z-index:999;
    padding:0;
    margin: 0;
    line-height:24px;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}

/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: #074A0F;
	font-size:22px;
    /*background: #074A0F;*/
    padding: 15px;
    display:inline-block;
}

ul#menu li a, ul#menu li ul.sub-menu li a {
    border-left:1px solid #eee;
	color:#ffffff;
}

ul#menu li ul.sub-menu li a {
    border-left:0px solid #eee;
	width:170px;
}




ul#menu li ul.sub-menu li a:hover {
    border-left:0px solid #eee;background:#2F6E36;
	color:#fffff;
}

/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}

ul.sub-menu a {white-space: nowrap;background:#074A0F;}

/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 54px;
    left: 0;
    width: 200px;
}

ul#menu a:hover {background:#074A0F;color:#ffffff;}

ul#menu li:hover ul.sub-menu {
    background: #074A0F;
    display:block;
}

.liplus	{margin-left:20px;}



#cabintable 	{padding: 0 0px 0 20px;}
#cabintable td	{padding: 20px; font-size: 1em;}
.s20		{height:20px;}
.s80		{height:20px;}
#cabintable .atopic	{width:400px; font-size:2em;}
.cabinclear	{clear:both;height:50px;}

.div50		{height:50px;}

.acabin		{margin-bottom: 50px;}
.cabinright		{width: calc(50% - 50px); margin-left:50px;}
.cabinleft		{width:50%;}
.cabinname	{font-size:2em;position:absolute;top:-30px;left:0px;}

#footercontent 	{position:relative;padding:50px; padding-bottom: 10px; font-size:2em;}
#footercontent a {color:#443333;}
#footerleft		{ position: relative;    float: left;    white-space: nowrap ;    line-height: 1.5em;}
#footeraddress	{float:left;margin:50px 0 0px 0;}
#footercenter	{ position: absolute; right:450px; top:80px;}
#footerright	{ position: absolute; right:100px; top:50px;}
#footerfooter	{ position:relative; text-align: right; font-size:.5em;}

.rateamount	{position:absolute;left: 350px;}
.ratediv		{padding-left:30px;position:relative;}

#navToggle	{color:#000000;padding:0;margin:0;font-size:2em;display:none;}

#map23294	{position:relative; margin-top:20px;width:100%;height:600px; max-width:100%;}


/*----------------------------------------------------------------------------------------------230px to 360px-------------------------------------------------------------------------*/
@media only screen and (min-width: 230px) and (max-width:360px) {

#navToggle	{color:#000000;padding:0;margin:0 0 0 10px; font-size:2em;display:block;}
#contactcontainer 	{padding-right:20px; line-height:3.5em;}
#contactcontainer 	{padding-right:40px;}
#contactcontainer #email {display:none;}
#contactcontainer	{padding-right:40px; height:42px;}
.bookitbox		{line-height:32px;}
#onsite		{font-size: 1.6em; right: 0px; width: 200px;}
.menubox		{margin-left: 15px;font-size:2em;}
#logo	{
    top: 0px;
    left: 0px;
    height: 40%;
}
.maintopic		{padding: 10px; font-size: 1.8em;line-height: 1.4em;}
.ultopic		{padding: 10px; font-size: 1.8em;line-height: 1.4em;}
#cabintable 	{padding: 0 0px 0 20px;}
#cabintable .atopic	{width:100%; font-size:1.6em; padding-right:0px;}
.acabin		{margin-bottom: 50px;}
.cabinright		{width: 90%; margin-left:6px;}
.cabinleft		{width:90%; }
.s20		{height:10px;}
.s80		{height:40px;}

.rates		{margin:auto; margin-top: 40px;}
.ratediv		{padding-left:2px;position:relative;}
.rateamount	{position:relative;display:block;left: 10px;}

.imap {position:relative; margin:20px 0px 0px 0px;width:96%;height:450px;}

#map23294	{height:400px;}

.div50		{height:10px;}

#footercontent 	{padding: 0px 40px 40px 0px;padding-top:100px; height: 880px;}
#footerleft		{padding-left:10px;width:96%;}
#footerleft {
    position: absolute;
    white-space: nowrap;
    line-height: 1.5em;
    top: 370px;}
#footeraddress	{float:left;margin:20px 0 20px 0; font-size:.84em; width:100%;overflow:hidden;}
#footercenter	{ display:none;}
#footerright	{ position: absolute; left:20px; top:160px;}
#footerfooter	{position:absolute; bottom:20px; right:20px; font-size: .60em;}
#ReservationsOnline_DatePicker {margin-left: 0px;}

#HHVAVRSS img {display:none;}
.hhrss_footer	{max-width:100%;}

.iphoto {box-shadow: 3px 3px 5px #666666;margin:auto;margin-bottom:20px;max-width:98%; float:inherit;}
.caption {text-align:left;padding-left:42px;margin-bottom:20px;font-size:1.8em;line-height:1.8em;color:#AAAAAA;}
.clear	{clear:both;}

#frag2 {padding: 10px; font-size: .8em;}

}
/*----------------------------------------------------------------------------------------------230px to 360px-------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------361px to 640px-------------------------------------------------------------------------*/
@media only screen and (min-width: 361px) and (max-width:640px) {

#navToggle	{color:#000000;padding:0;margin:0 0 0 10px; font-size:2em;display:block;}
#contactcontainer 	{padding-right:20px; line-height:3.5em;}
#contactcontainer	{padding-right:40px; height:42px;}
.bookitbox		{line-height:32px;}
#onsite		{font-size: 1.6em;top:20px;right:10px; width:180px; left:inherit;}
.menubox		{margin-left: 15px;font-size:2em;}
#cyclerwrapper 	{height: calc(90% - 36px);}
#logo		{height:90%; top:10px;}
.maintopic		{padding-right: 10px;}
.ultopic		{padding-right: 10px;}
#cabintable 	{padding: 0 0px 0 20px;}
#cabintable .atopic	{width:100%; font-size:1.4em;}
.acabin		{margin-bottom: 50px;}
.cabinright		{width: calc(50% - 50px); margin-left:30px;}
.cabinleft		{width:50%; }
.s20		{height:10px;}
.s80		{height:40px;}
.imap {position:relative; margin:20px 0px 0px 0px;width:96%;height:500px;}
#footercontent 	{padding: 0px 40px 40px 0px;padding-top:100px;}
#footerleft		{padding-left:10px;}
#footerleft img	{max-width: 50%;}
#footeraddress	{float:left;margin:0px 0 0px 0;}
#footercenter	{ display:none;}
#footerright	{ position: absolute; right:20px; top:110px;}
#footerfooter	{ font-size: .84em;}

.iphoto {box-shadow: 3px 3px 5px #666666;margin:auto;margin-bottom:20px;max-width:90%; float:inherit;}
.caption {text-align:left;padding-left:42px;margin-bottom:20px;font-size:1.8em;line-height:1.8em;color:#AAAAAA;}
.clear	{clear:both;}

}
/*----------------------------------------------------------------------------------------------361px to 640px-------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------641px to 780px-------------------------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width:780px) {

#navToggle	{color:#000000;padding:0;margin:0 0 0 10px; font-size:2em;display:block;}
#contactcontainer 	{padding-right:20px; line-height:3.5em;}
#contactcontainer	{padding-right:40px; height:42px;}
.bookitbox		{line-height:32px;}
#onsite		{font-size: 2em;}
.maintopic		{padding-right: 10px;}
.ultopic		{padding-right: 10px;}
#cabintable 	{padding: 0 0px 0 20px;}
#cabintable .atopic	{width:100%; font-size:1.4em;}
.acabin		{margin-bottom: 50px;}
.cabinright		{width: calc(50% - 50px); margin-left:30px;}
.cabinleft		{width:50%; }
.s20		{height:10px;}
.s80		{height:30px;}
.menubox		{margin-left: 15px;}
.rates		{margin:auto; margin-top: 40px;}
.imap {position:relative; margin:20px 0px 0px 0px;width:96%;height:500px;}
#footercontent 	{padding: 0px 40px 40px 0px;padding-top:100px;}
#footerleft		{padding-left:10px;}
#footerleft img	{max-width:60%;}
#footeraddress	{float:left;margin:20px 0 20px 0;}
#footercenter	{ display:none;}
#footerright	{ position: relative;
right: 30px;
top: 0px;
float: right;}

#frag2 {padding: 10px; }

.iphoto {box-shadow: 3px 3px 5px #666666;margin:auto;margin-bottom:20px;max-width:98%; float:inherit;}
.caption {text-align:left;padding-left:42px;margin-bottom:20px;font-size:1.8em;line-height:1.8em;color:#AAAAAA;}
.clear	{clear:both;}

}
/*----------------------------------------------------------------------------------------------641px to 780px-------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------769px to 1200px-------------------------------------------------------------------------*/
@media only screen and (min-width: 781px) and (max-width:1200px) {

.rates		{margin:auto; margin-top: 40px;}
#contactcontainer	{padding-right:30px; height:42px;}
#footercenter	{ display:none;}
}
/*----------------------------------------------------------------------------------------------769px to 1200px-------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------> 1201px-------------------------------------------------------------------------*/
@media only screen and (min-width: 1201px)  {

.rates		{margin:auto; margin-top: 40px;}
}
/*----------------------------------------------------------------------------------------------> 1201px-------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------769px to 1200px-------------------------------------------------------------------------*/
@media only screen and (min-width: 1300px) and (max-width:1400px) and (max-height:768px) {

.rates		{margin:auto; margin-top: 40px;}

}