@charset "utf-8";
html {
	height:100%;
	background-color: #FFF;	/*border: thick solid #996;*/

} 
#CDSWIDSSP {width: 100% !important;}
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd {width: 100% !important;}
body,td,th {
	font-family: "Times New Roman", Times, serif;
	height:auto;
	width: auto;
	background-color: #B9CD90;
}
#wrapper #legacymobile {
	float: left;
	width: 50%;
}

#wrapper #legacymobile a{
	font-size: xx-large;
	font-weight: bold;
	text-decoration: none;
}
#wrapper #headerbody #headerleft img {
	width: 100px;
	height: 100px;
}
#covid {
	padding-right: 10px;
	padding-left: 10px;
	font-size: large;
}
#covid ol li {
	padding-bottom: 5px;
}
#covid p {
	padding-top: 5px;
	padding-bottom: 5px;
}
.address {
	color: #006;
}

.specialoffer {
	color: #F39;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0;
}

#wrapper {
	width: auto;
	height: 100%;
	background-color: #B9CD90;
	border: thick solid #999;
}
#wrapper img{
	width: 100%;
}
#wrapper #headerbody {
	float: left;
	width: 100%;
	margin: 0;
		background-color: #B9CD90;

}

#wrapper #headerbody img {
	border: 1px solid #000;
	float: right;
	width: 60%;
	margin: 1px;
}
#wrapper #headerbody p {
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
}



#wrapper #headerbody h2 {
	text-align: center;
}
#wrapper #headerbody #headerleft h3 {
	text-align: center;
}

#wrapper #headerbody #headerleft {
	float: left;
	width: 35%;
	padding: 1%;
}
#home_description{
	float: left;
	width: 100%;
}
.legacyshowhide{
	display: block;	
}
.legacy:hover {
	color: #FFF;
}
.hide1 {
	display: none;
}
.showhide {
	display: none;
}
.showhide2 {
	display: none;
}

#home_description img {
	border: 1px solid #000;
	float: right;
	width: 60%;
	margin: 1px;
}

#home_description_left {
	float: left;
	width: 35%;
	padding: 1%;
}
#home_description #home_description_left p {
	font-size: 16px;
	line-height: 20px;
}
#detail_left{
	float: left;
	width: 35%;
}
nav{
	background-color: #999;
	width: 100%;
	float: left;
}
.nav:hover {
	color: #FFF;
}
ul{
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}
#wrapper #headerbody #headerleft h1 {
	text-align: center;
}
#wrapper #headerbody #headerleft a {
	text-decoration: none;
	font-size: 16px;
	text-align: center;
}



 ul li {
	text-decoration: none;
	display: inline-block;
	list-style-type: none;
	width: 16%;
	float: left;
	background-color: #999;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	line-height: 2em;
}

 ul li a{
	text-decoration: none;
	display: block;
	margin: 0px;
	background-color: #999;
	text-align: center;
	padding: 0;
	vertical-align: middle;
	line-height: 2em;
}
h2 {
	text-align: center;
	vertical-align: middle;
	display: block;
}
#prices_key {
	width: 100%;
}
#wrapper #prices_key table tr {
	font-size: 1em;
	line-height: 27px;
	font-weight: bold;
	text-align: center;
	border: thin solid #000;
}
#wrapper #prices_key table tr td {
	border: thin solid #000;
}
#wrapper #prices_key table {
	width: 100%;
}
#wrapper #prices_header #prices_key h2 {
	color: #006;
	font-size: 1.5em;
	font-weight: bolder;
}


#wrapper #prices_key h3 {
	
	font-size: 1.2em;
	line-height: 2em;
	color: #009;
	text-align: center;
}
#wrapper #prices_header #prices_key p {
	font-size: 1em;
	color: #009;
	text-align: center;
	font-weight: normal;
}

#wrapper #prices table {
	width: 100%;
}
#wrapper #prices_header #prices table tr td {
	border: thick solid #996;
	font-size: 1em;
	font-weight: bold;
}
.grey {
	background-color: #999;
}
#wrapper #prices_header #prices table tbody tr th {
	border: thick solid #996;
	font-size: 1em;
}
#wrapper #detail_body {
	float: left;
	width: 100%;
}
#wrapper #detail_body #detail_left {
	float: left;
	width: 35%;
	padding: 1%;
}
#wrapper #detail_body #detail_left #navigation_cottages {
	width: 100%;
}
#wrapper #detail_body #detail_left #navigation_cottages .nav_cottages {
	display: inline-block;
	width: 31%;
	text-decoration: none;
	text-align: center;
}
.nav_cottages:hover {
	color: #FFF;
}
#wrapper #detail_body #detail_right {
	float: right;
	width: 60%;
}

#wrapper #detail_body #detail_right img {
	border: 1px solid #000;
	width: 48%;
	margin: 1px;
}






.burger-nav{
	width: 90%;
	height: 40px;
	background: url(images/burger.png) no-repeat 80% center;
	cursor: pointer;
	display: none;
	text-align: center;
	vertical-align: middle;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0;
	line-height: 40px;
}

.aquamarine {
	background-color: #399;
	text-align: center;
}
.mauve {
	background-color: #F6F;
	text-align: center;
}

.green {
	background-color: #0F3;
	text-align: center;
}

.red {
	background-color: #F36;
	text-align: center;
}
.link{
	color: #00C;
	text-align: center;
}
#map_canvas {
	padding: 0;
	width: 100%;
	float: left;
	margin-top: auto;
	margin-right: 0;
	margin-bottom: auto;
	margin-left: 0;
		background-color: #B9CD90;

}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#directions {
	margin: 0px;
	width: 90%;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#activities_intro {
	padding: 10px;

}
#wrapper #cottage_description {
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}

@media screen and (max-width: 2000px){
body,td,th {
	margin-top: 1%;
	margin-right: 15%;
	margin-bottom: 0%;
	margin-left: 15%;
}
.hide1 {
	display: none;
}
@media screen and (max-width: 1200px){
body,td,th {
	margin-right: 10%;
	margin-bottom: 0%;
	margin-left: 10%;
}
.hide1 {
	display: none;
}
 ul li {

	font-size: 16px;
}
@media screen and (max-width: 1000px){
body,td,th {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#wrapper #detail_body img {
	width: 60%;
}
}


	
@media screen and (max-width: 900px){
/*body,td,th {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;}

.hide1 {
	display: block;
}
.showhide {
	display: block;
}
 ul li {

	font-size: 1em;
}

#wrapper #headerbody img {
	width: 60%;
}
#wrapper #headerbody #headerleft {
	width: 35%;
}
#home_description img {
	width: 50%;
}
#wrapper #detail_body img {
	width: 60%;
}
#wrapper #detail_body #detail_left{
	float: left;
	width: 98%;
}
#wrapper #detail_body #detail_right{
	float: left;
	width: 100%;
}

}
@media screen and (max-width: 600px){*/

body,td,th {
	margin: 1%;
	font-size: 1em;

}
#wrapper #headerbody img {
	display: none;
}
#home_description img {
	width: 100%;
}
	
#wrapper #headerbody #headerleft {
	float: left;
	width: 90%;
	padding: 1%;
}
.nav {
	text-decoration: none;
	display: block;
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;

}
.burger-nav{
	display: block;
	width: 90%;
    background: url(images/burger.png) no-repeat 80% center;
    cursor: pointer;
}
 ul{
	overflow: hidden;
	height:0;
	padding-bottom: 0%;
}
	
 ul.open{
	height:auto;
	margin-bottom:10px;
}
 ul li{
	float:none;
	text-align:left;
	width:100%;
	margin:0;
	line-height:2em;
	font-size: 1em;



}
 ul li a{
	padding:0;

}
 ul li a:hover {
    color: #fed;
    background-color: #abc;
    cursor: pointer;
}
#home_description_left {
	float: left;
	width: 90%;
	padding: 1%;
}
.hide1 {
	display: none;
}
.showhide2 {
	display: block;
}
.legacyshowhide{
	display: none;	
}
#prices_key {
	width: 100%;
}
#wrapper #prices_key h3 {
	font-size: 0.7em;
	line-height: 0.7em;
	color: #009;
}
#wrapper #prices_header #prices table tr td {
	font-size: 0.8em;
}
#wrapper #prices_header #prices table tbody tr th {
	font-size: 0.8em;
}
#wrapper #prices_header #prices_key h2 {
	font-size: 1em;
	line-height: 0.5em;
}
#wrapper #prices_key h3 {
	font-size: 0.8em;
	line-height: 0.5em;
}
#wrapper #detail_body img {
	width: 60%;
}
#wrapper #detail_body #detail_left{
	float: left;
	width: 98%;
}
#wrapper #detail_body #detail_right{
	float: left;
	width: 100%;
}
}
}}