a.nav1:link, a.nav1:visited, a.nav1:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 10pt; font-weight: bold; color: #54534E }
a.nav1:hover { color: #8E8976 }
a.nav2:link, a.nav2:visited, a.nav2:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 9pt; font-weight: bold; color: #005A84 }
a.nav2:hover { color: #7BA5B5 }
a.main:link, a.main:visited, a.main:active { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; text-decoration: underline; color: #54534E }
a.main:hover { text-decoration: underline; color: #8E8976 }
a.prices:link, a.prices:visited, a.prices:active { font-family: Arial, Verdana, Sans Serif; text-decoration: underline; font-size: 9pt; color: #333333 }
a.prices:hover { text-decoration: none; color: #000000 }
a.prices2:link, a.prices2:visited, a.prices2:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 9pt; color: #333333; width: 40px }
a.prices2:hover { text-decoration: underline; color: #000000 }
a.prices3:link, a.prices3:visited, a.prices3:active { font-family: Arial, Verdana, Sans Serif; text-decoration: underline; font-size: 9pt; background-color: #D4F3B3; color: #333333; padding: 2px }
a.prices3:hover { text-decoration: underline; color: #000000 }
a.prices4:link, a.prices4:visited, a.prices4:active { font-family: Arial, Verdana, Sans Serif; text-decoration: underline; font-size: 9pt; background-color: #B3E0F3; color: #333333; padding: 2px }
a.prices4:hover { text-decoration: underline; color: #000000 }
a.swd:link, a.swd:visited, a.swd:active { font-family: Arial, Verdana, Sans Serif; text-decoration: underline; font-size: 9pt; color: #333333 }
a.swd:hover { text-decoration: none; color: #000000 }

body { background-color: #F0ECD4; color: #333333; scrollbar-base-color: #F3F0DD; scrollbar-arrow-color: #726F64; scrollbar-darkshadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-track-color: #E3DCB3 }
.strapline { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; font-weight: bold; background-color: #E3DCB3 ; color: #54534E; text-align: center; padding: 10px }
.ff { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; background-color: #F0ECD4 ; color: #333333 }
ul { list-style-image: url(images/ulbullet.gif) }
li { padding-top: 3px; padding-bottom: 3px }
.nav-arrow { margin: 0px 10px 0px; 10px; float: left; padding-top: 4px }
hr { width: 100%; height: 1px; color: #AAA48A; padding: 0px; margin: 0px }
td { font-family: Arial, Verdana, Sans Serif; font-size: 9pt }
strong { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: bold; color: #54534E }
h1 { font-family: Arial, Verdana, Sans Serif; font-size: 13pt; font-weight: bold; color: #54534E; margin-top: 0px; margin-bottom: 0px  }
h2 { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; font-weight: bold; color: #54534E; margin-top: 0px; margin-bottom: 0px }
h3 { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: bold; color: #54534E; margin-top: 0px; margin-bottom: 0px }
h4 { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #54534E; margin-top: 0px; margin-bottom: 0px }
.tel { font-family: Arial, Verdana, Sans Serif; font-size: 14pt; font-weight: bold; color: #54534E; margin-top: 20px; text-align: center }
.fb { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; padding: 10px }
.foot-left { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #333333; text-align: left; padding: 10px }
.foot-right { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #333333; text-align: right; padding: 10px }
.cl { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #54534E; padding-top: 10px; padding-left: 10px; padding-right: 10px }
.cl2 { font-family: Arial, Verdana, Sans Serif; font-size: 8pt; color: #54534E; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.cl3 { font-family: Arial, Verdana, Sans Serif; font-size: 8pt; color: #54534E; padding: 10px }
.s { font-family: Arial, Verdana, Sans Serif; font-size: 13pt; color: #7BA5B5 }
.txtbox { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; width: 400px }
.box { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; background-color: #F9F7EB; color: #333333; padding: 10px; text-align: left }
.formlabel { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: bold; color: #54534E; margin-top: 5px }

.les { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; color: #63874F; font-weight: bold }
a.les:link, a.les:visited, a.les:active { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; font-weight: bold; text-decoration: none; color: #54534E }
a.les:hover { text-decoration: underline; color: #8E8976 }

a.cookie:link, a.cookie:visited, a.cookie:active { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: bold; text-decoration: underline; color: #333333 }
a.cookie:hover { text-decoration: none }
#cookieMessageWrapper {	background: #E3DCB3; font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: normal; color: #333333; padding: 0; margin: 0; margin-bottom: 10px; display: none }
#cookieMessage { max-width: 970px; padding: 5px }
#cookieMessage:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
#cookieMessage p { margin: 5px; text-align: left }
#cookieClose { float: right; display: block; padding: 0px 5px; margin-left: 5px; margin-right: 5px; text-decoration: none; background-color: #FFFFFF; border: solid 1px #444444; border-radius: 2px; color: #333333; font-size: 10pt; margin-top: 6px; font-weight: bold; padding: 5px }

.container { background-color: #F0ECD4; margin: 0px auto; overflow: hidden; width: 100%; max-width: 100%; }

.menu_container, 
.anchor-link { display: none; }
.menu_container { width: 100%; }
.anchor-link { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 12pt; font-weight: normal; padding: 1em; background-color: #5A7390; color: #FFFFFF; float: right; margin-right: 10px }
.anchor-link:hover { background-color: #FCEAC8; color: #FADDA1; }

.submenu-left { visibility: visible; display: inline; }
.submenu-right { visibility: hidden; display: none; }
.full-table { visibility: visible; display: inline; }

.nav { width:100%; }
.nav ul { list-style: none; padding: 0px; margin: 0px; font-weight: bold; }
.nav ul li { display: list-item; text-align: left; }
.nav ul li a { display: list-item; text-decoration: none; color: #FFFFFF; }
/* .nav ul li a:hover { text-decoration: underline; color: #FFFFFF; } */
/* .nav1 ul li a:hover { text-decoration: underline; color: #FFFFFF; } */
/* .nav2 ul li a:hover { text-decoration: underline; color: #000000; } */

.main_content, 
.nav { transition: .5s margin ease; display: block; }
.main_content { padding: 1.5em; position: relative; max-width: 70em; width: 100%; background-color: #F0ECD4; margin: 0 auto; }
body.active .main_content:before { content: ""; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%; background-color: #38B148; }

@media all and (max-width: 720px){
	.container { background-color: #F0ECD4; margin: 0px auto; overflow: hidden; width: 100%; max-width: 100%; }
	.menu_container, .anchor-link { display: block; }
  
/*  .nav { float: left; margin-left: -100%; width: 150px; z-index: 2; } */
  .nav { float: left; width: 100%; z-index: 2; }
  .main_content { float: left; margin-left: 0px; width: 100%; }

  body.active .nav { margin-left: 0; }
  body.active .main_content { margin-right: -100%; }

  .nav { padding: 0.6em 0; border: none; padding: 10px; }
  .nav ul { text-align: left; font-weight: bold; }
  .nav ul li { display: block; }
  .nav ul li a { background-color: #FFFFFF; color: #F0ECD4; }
/*  .nav ul li a:hover { color: #FFFFFF; } */
}

@media only screen and (max-width: 720px) {
	.submenu-left { visibility: hidden; display: none; }
	.submenu-right { visibility: visible; display: inline; }
	.full-table { visibility: hidden; display: none; }
	a.nav1:link, a.nav1:visited, a.nav1:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 10pt; font-weight: bold; background-color: #F0ECD4; color: #54534E; padding: 4px 10px 4px 10px; width: 100%; }
	a.nav2:link, a.nav2:visited, a.nav2:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 10pt; font-weight: bold; background-color: #F0ECD4; color: #54534E; padding: 4px 10px 4px 25px; width: 100%; }
	a.nav1:hover { text-decoration: underline; color: #8E8976; }

	.tableimgleft { border: solid #C9AC89 1px; text-align: center; width: 100% }
	.tableimgright { border: solid #C9AC89 1px; text-align: center; width: 100% }
	.foot-left { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #333333; text-align: center; padding: 10px }
	.foot-right { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #333333; text-align: center; padding: 10px }
	.fbl { font-family: Tahoma MS, Arial, Verdana, Sans Serif; font-size: 10pt; color: #333333; padding: 10px }
	.fbr { font-family: Tahoma MS, Arial, Verdana, Sans Serif; font-size: 10pt; color: #333333; padding: 10px }
	.fbc { font-family: Tahoma MS, Arial, Verdana, Sans Serif; font-size: 10pt; color: #333333; padding: 10px }
}

.booking-container { position: relative; padding-bottom: 350%; height: 0; overflow: visible; }
.booking-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; border :none; }

.video-wrapper { max-width: 100%; }
.video-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin-bottom: 10px; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }