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: #FFFFFF; padding: 5px 20px }
a.nav1:hover { background-color: #D7E1E9; color: #042f54; padding: 5px 20px }
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: #e3ac4c; color: #042f54; padding: 5px 20px }
a.nav2:hover { background-color: #e3ac4c; color: #042f54; padding: 5px 20px }
a.nav3:link, a.nav3:visited, a.nav3:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 10pt; font-weight: bold; color: #FFFFFF }
a.nav3:hover { text-decoration: underline }
a.submenu:link, a.submenu:visited, a.submenu:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 12pt; font-weight: normal; color: #2268A4; margin-left: 0px  }
a.submenu:hover { color: #FBAC6D }
a.submenu2:link, a.submenu2:visited, a.submenu2:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 10pt; font-weight: bold; color: #FBAC6D; margin-left: 10px  }
a.submenu2:hover { color: #FFFFFF }
a.main:link, a.main:visited, a.main:active { font-family: Arial, Verdana, Sans Serif; text-decoration: underline; font-size: 11pt; color: #2268A4 }
a.main:hover { color: #F78E41 }
a.main2:link, a.main2:visited, a.main2:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 11pt; color: #f88530 }
a.main2:hover { text-decoration: underline; color: #2268A4 }
a.mainb:link, a.mainb:visited, a.mainb:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 11pt; font-weight: bold; color: #2268A4 }
a.mainb:hover { text-decoration: none; color: #F78E41 }
a.mainw:link, a.mainw:visited, a.mainw:active { font-family: Arial, Verdana, Sans Serif; text-decoration: underline; font-size: 11pt; color: #FFFFFF }
a.mainw:hover { text-decoration: none; color: #FBAC6D }
a.cottages:link, a.cottages:visited, a.cottages:active { font-family: Arial,Verdana,Sans Serif; text-decoration: none; font-size: 9pt; font-weight: bold; color: #FFFFFF }
a.cottages:hover { text-decoration: underline }
a.prices:link, a.prices:visited, a.prices:active { font-family: Arial, Verdana, Sans Serif; text-decoration: underline; font-size: 9pt; color: #000000 }
a.prices:hover { text-decoration: none }
a.links:link, a.links:visited, a.links:active { font-family: Arial, Verdana, Sans Serif; text-decoration: underline; font-size: 14pt; font-weight: normal; color: #2268A4; }
a.links:hover {  text-decoration: none; color: #f88530 }
a.links2:link, a.links2:visited, a.links2:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 9pt; font-weight: bold; color: #2268A4; margin-left: 10px }
a.links2:hover {  text-decoration: underline; color: #F78E41 }
a.links3:link, a.links3:visited, a.links3:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 11pt; font-weight: bold; color: #2268A4 }
a.links3:hover {  text-decoration: underline; color: #F78E41 }
a.swd:link, a.swd:visited, a.swd:active { font-family: Arial, Verdana, Sans Serif; text-decoration: underline; font-size: 11pt; color: #FFFFFF }
a.swd:hover { text-decoration: none }

body { background-color: #0d4f8c; scrollbar-base-color: #0d4f8c; scrollbar-arrow-color: #FFFFFF; scrollbar-darkshadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-track-color: #B2D4EE }
p, td, li { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; font-weight: normal; color: #333333 }
.ff { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; background-color: #F8F5F2; color: #333333 }
ul { list-style-image: url(images/ulbullet.gif) }
li { padding-top: 5px; padding-bottom: 5px }
h1 { font-family: Arial, Verdana, Sans Serif; font-size: 16pt; font-weight: normal; color: #2268A4; margin-top: 10px; margin-bottom: 15px }
h2 { font-family: Arial, Verdana, Sans Serif; font-size: 14pt; font-weight: normal; color: #2268A4; margin-top: 0px; margin-bottom: 15px }
h3 { font-family: Arial, Verdana, Sans Serif; font-size: 12pt; font-weight: normal; color: #2268A4; margin-top: 0px; margin-bottom: 15px }
h4 { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: bold; color: #FBAC6D; margin-top: 0px; margin-bottom: 5px }
.bluebox { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #FFFFFF; background-color: #2268A4; padding: 10px; border-radius: 10px }
.bluebox2 { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #FFFFFF; background-color: #2268A4; padding: 10px; margin-top: 5px; margin-bottom: 5px; border-radius: 10px }
.lightbluebox { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #000000; background-color: #edf6fd; padding: 10px; margin-bottom: 5px }
.lightbluebox2 { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #333333; background-color: #C6E0F4; padding: 10px; margin-bottom: 5px; border-radius: 10px }
.caption { font-family: Arial, Verdana, Sans Serif; font-size: 8pt; font-weight: bold; color: #2268A4; text-align: center }
.creambox { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #333333; background-color: #F7F1C3; border-right: solid #FFFFFF 1px; padding: 10px; margin-top: 5px; margin-bottom: 5px; border-radius: 10px }
.box { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; color: #2268A4; background-image: url('images/gradient.jpg'); background-repeat: repeat-x; background-position:top center; border-top: solid #e1ab55 1px; border-bottom: solid #e1ab55 1px; text-align: left; padding: 10px; margin: 5px; border-radius: 8px; }
.box-b { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; color: #2268A4; background-image: url('images/gradient.jpg'); background-repeat: repeat-x; background-position:top center; border-top: solid #e1ab55 1px; text-align: left; padding: 10px; margin: 5px; border-radius: 8px; }
.box2 { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; color: #2268A4; background-image: url('images/tile2.gif'); background-repeat: repeat-x; background-position: bottom; text-align: left; padding: 10px; margin: 5px; border-radius: 8px; }
.box3 { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; color: #2268A4; background-image: url('images/tile.gif'); border-top: solid #f88530 1px; border-bottom: solid #f88530 1px; text-align: left; padding: 10px; margin: 5px; border-radius: 8px; }
.left-column { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; color: #2268A4; background-image: url('images/tile.gif'); text-align: left; padding: 10px; margin: 5px; border-radius: 8px; }
.subcategorymenu { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; font-weight: bold; color: #2268A4; width: 100% }
.headerimg { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #333333; border: solid #FFFFFF 1px }
.tel { font-family: Arial, Verdana, Sans Serif; font-size: 18pt; font-weight: normal; color: #FFFFFF; text-align: right; letter-spacing: 3px }
.tel2 { font-family: Arial, Verdana, Sans Serif; font-size: 18pt; font-weight: normal; color: #022e64; text-align: left; letter-spacing: 3px }
#map { width: 100%; height: 650px; }
.video { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #333333; background-color: #C6E0F4; margin: 0px; padding: 0px; text-align: center}
.txtbox { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; width: 400px }
.fwhite { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #FFFFFF }
.fw { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; color: #FFFFFF; padding-top: 10px }
.fb { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; color: #333333; padding: 10px }
.fb2 { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; color: #333333; padding: 5px }
.fbl { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; color: #333333; padding-top: 10px; padding-left: 10px; padding-right: 0px; padding-bottom: 10px }
.fbr { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; color: #333333; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px }
.fbc { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; color: #333333; padding-top: 10px; padding-left: 0px; padding-right: 0px; padding-bottom: 10px }
.c { font-family: Arial, Verdana, Sans Serif; font-size: 8pt }
.c2 { font-family: Arial, Verdana, Sans Serif; font-size: 9pt }
.cb { font-family: Arial, Verdana, Sans Serif; font-size: 8pt; color: #000000; padding: 15px }
.cw { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; color: #FFFFFF }
.h { font-family: Arial, Verdana, Sans Serif; font-size: 12pt; font-weight: bold; color: #2268A4 }
.h2 { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; font-weight: bold; color: #2268A4 }
.h3 { font-family: Arial, Verdana, Sans Serif; font-size: 9pt; font-weight: bold; color: #2268A4 }
.ho { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: bold; color: #FBAC6D; margin-left: 5px }
.formlabel { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; color: #2268A4; margin-bottom: 8px }
.orange { color: #f88530 }
.orange2 { font-size: 14pt; color: #f88530 }

.les { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: bold; color: #2268A4 }
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: #2268A4 }
a.les:hover { text-decoration: underline; color: #F78E41 }

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: #FFFFFF }
a.cookie:hover { text-decoration: none }
#cookieMessageWrapper { background: #2268a4; font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: normal; color: #FFFFFF; padding: 0; margin: 0; margin-bottom: 10px; display: none; }
#cookieMessage { max-width: 1250px; padding: 3px 0px 5px; margin: auto; }
#cookieMessage:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
#cookieMessage p { margin: 5px 0 0 }
#cookieClose { float: right; display: block; padding: 0px 5px; margin-left: 5px; margin-right: 5px; text-decoration: none; background: #EEEEEE; border: solid 1px #FFFFFF; border-radius: 2px; color: #333333; font-size: 10pt; margin-top: 6px; font-weight: normal }

.container { background-color: #0d4f8c; 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; text-align: center; }
.nav ul li { display: inline-block; text-align: left; }
.nav ul li a { display: block; padding: 10px 12px; 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: #0d4f8c; 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: #0d4f8c; 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: 80%; 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: 15px; }
  .nav ul { text-align: left; font-weight: bold; }
  .nav ul li { display: block; }
  .nav ul li a { background-color: #0d4f8c; color: #FFFFFF; padding: 10px; }
  .nav ul li a:hover { color: #FBAC6D; }
}

@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: 12pt; font-weight: normal; background-color: #0d4f8c; color: #FFFFFF; padding: 2px 8px 2px 15px }
	a.nav1:hover { background-color: #0d4f8c; color: #e3ac4c; padding: 2px 8px 2px 15px }
	a.nav2:link, a.nav2:visited, a.nav2:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; font-size: 12pt; font-weight: normal; background-color: #0d4f8c; color: #e5a135; padding: 2px 8px 2px 15px }
	a.nav2:hover { background-color: #0d4f8c; color: #e5a135; padding: 2px 8px 2px 15px }
	.tableimgleft { border: solid #C9AC89 1px; text-align: center; width: 100% }
	.tableimgright { border: solid #C9AC89 1px; text-align: center; width: 100% }
	.fbl { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; color: #333333; padding: 10px }
	.fbr { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; color: #333333; padding: 10px }
	.fbc { font-family: Arial, Verdana, Sans Serif; font-size: 10pt; color: #333333; padding: 10px }
	.tel { font-family: Arial, Verdana, Sans Serif; font-size: 16pt; font-weight: normal; color: #FFFFFF; text-align: center; letter-spacing: 3px }
	.tel2 { font-family: Arial, Verdana, Sans Serif; font-size: 16pt; font-weight: normal; color: #022e64; text-align: center; letter-spacing: 3px }
	.formlabel { font-family: Arial, Verdana, Sans Serif; font-size: 11pt; color: #0d4f8c; margin-top: 5px; margin-left: 0px; }
}

.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.21%; height: 0; overflow: hidden; margin-bottom: 15px; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }