a.nav1:link, a.nav1:visited, a.nav1:active { font-family: Arial, Verdana, Helvetica, Sans Serif; text-decoration: none; font-size: 14pt; font-weight: normal; padding: 5px 18px 5px 18px; color: #010264 }
a.nav1:hover { text-decoration: underline; color: #b88c38 }
a.nav2:link, a.nav2:visited, a.nav2:active { font-family: Arial, Helvetica, Verdana, Sans Serif; text-decoration: underline; font-size: 14pt; font-weight: normal; color: #b88c38; padding: 5px 18px 5px 18px }
a.nav2:hover { text-decoration: none }
a.main:link, a.main:visited, a.main:active { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; text-decoration: underline; color: #b88c38 }
a.main:hover { text-decoration: underline; color: #010264 }
a.page:link, a.page:visited, a.page:active { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; font-weight: normal; background-color: #010264; color: #FFFFFF; padding: 5px; margin: 5px; }
a.page:hover { text-decoration: underline; }
a.subnav:link, a.subnav:visited, a.subnav:active { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 14pt; text-decoration: none; font-weight: normal; color: #010264; padding-top: 10px; padding-bottom: 10px }
a.subnav:hover { text-decoration: underline; color: #b88c38 }
a.swd:link, a.swd:visited, a.swd:active { font-family: Arial, Verdana, Helvetica, Sans Serif; text-decoration: underline; font-size: 11pt; color: #FFFFFF }
a.swd:hover { text-decoration: none }
a.read:link, a.read:visited, a.read:active { font-family: Arial, Verdana, Helvetica, Sans Serif; background-color: #CEB37A; text-decoration: none; font-size: 11pt; color: #FFFFFF; border: solid #FFFFFF 1px; padding: 5px; border-radius: 3px }
a.read:hover { background-color: #c5a86f; color: #FFFFFF; border: solid #333333 1px }

body {background-color: #EEEEEE }
ul { list-style-image: url(images/ulbullet.gif) }
li { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; padding-top: 3px; padding-bottom: 3px }
h1 { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 16pt; font-weight: normal; margin-top: 0px; margin-bottom: 15px; color: #b88c38 }
h2 { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 14pt; font-weight: normal; color: #b88c38; margin-top: 0px; margin-bottom: 15px }
h3 { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 14pt; font-weight: normal; color: #010264; margin-top: 0px; margin-bottom: 0px; padding: 0px }
h4 { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 20pt; font-weight: normal; font-style: italic; color: #010264; padding-top: 185px; padding-right: 10px }
h5 { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 12pt; font-weight: normal; color: #b88c38; margin-top: 5px; margin-bottom: 0px }
p { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; }
td { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; }
.p2 { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 12pt; font-style: italic; text-align: center; margin-top: 15px }
strong { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; font-weight: bold; color: #010264 }
.box { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; background-color: #EEEEEE; color: #333333; padding: 10px; border-radius: 10px }
.box2 { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; border: solid #b88c38 1px; background-image: url('images/gradient2.gif'); background-position: bottom right; background-repeat: no-repeat; color: #333333; padding: 15px; margin-bottom: 15px }
.divider { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 8pt; color: #C2BEAA }
.tel { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 20pt; font-weight: normal; color: #b88c38; padding-top: 125px; padding-bottom: 25px; }
.tel2 { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 24pt; font-weight: normal; color: #FFFFFF; letter-spacing: 3px }
.f { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt }
.fb { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; padding: 15px }
.c { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; color: #FFFFFF }
.cl { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; color: #FFFFFF; text-align: left }
.cr { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; color: #FFFFFF; text-align: right }
.cw { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; font-weight: bold; color: #FFFFFF }
.cf { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 9pt; color: #EEEEEE }
.s { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 13pt; color: #7BA5B5 }
#map { width: 100%; height: 400px; margin-top: 15px; }
.formlabel { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 10pt; color: #010065; margin-left: 10px }
.title { font-family: Times New Roman, Times, serif; font-size: 44pt; font-weight: normal; font-style: normal; color: #010264; padding-top: 60px }
.title2 { font-family: Times New Roman, Times, serif; font-size: 38pt; font-weight: normal; font-style: normal; color: #010264; }
.subtitle { font-family: Times New Roman, Times, serif; font-size: 26pt; font-weight: normal; font-style: italic; color: #666666; }

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: #d8dbde; font-family: Arial, Verdana, Sans Serif; font-size: 10pt; font-weight: normal; color: #333333; padding: 0; margin: 0; margin-bottom: 10px; display: none }
#cookieMessage { width: 975; padding: 3px 0px 5px }
#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: #FFFFFF; border: solid 1px #FFFFFF; border-radius: 2px; color: #333333; font-size: 10pt; margin-top: 6px; font-weight: bold }

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

.img-pc { visibility: visible; display: inline; }
.img-mob { visibility: hidden; display: none; }

.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: #FFFFFF; color: #FFFFFF; float: right; margin-right: 10px }
.anchor-link:hover { background-color: #FCEAC8; color: #FADDA1; }

.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: #F4F4F4; 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: #FFFFFF; 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: 15px; }
  .nav ul { text-align: left; font-weight: bold; }
  .nav ul li { display: block; }
  .nav ul li a { border-bottom: solid #CCCCCC 1px; background-color: #FFFFFF; color: #000000; padding: 10px; }
  .nav ul li a:hover { background-color: #FFFFFF; color: #b88c38; }
}

@media only screen and (max-width: 720px) {
	.img-pc { visibility: hidden; display: none; }
	.img-mob { visibility: visible; display: inline; }
	a.nav1:link, a.nav1:visited, a.nav1:active { font-family: Arial, Verdana, Sans Serif; text-decoration: none; background-color: #FFFFFF; font-size: 14pt; font-weight: normal; color: #010264; padding: 4px 8px 4px 8px; }
	a.nav1:hover { text-decoration: underline; color: #b88c38 }
	a.nav2:link, a.nav2:visited, a.nav2:active { font-family: Arial, Verdana, Sans Serif; text-decoration: underline; background-color: #FFFFFF; font-size: 14pt; font-weight: normal; color: #010264; padding: 4px 8px 4px 8px; }
	a.nav1:hover { text-decoration: none; }
	a.subnav:link, a.subnav:visited, a.subnav:active { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 14pt; text-decoration: none; font-weight: normal; color: #010264; padding: 4px 8px 4px 8px; }
	.tel { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 20pt; font-weight: normal; color: #010264; padding-top: 5px; padding-bottom: 10px; }
	h4 { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 18pt; font-weight: normal; font-style: italic; color: #010264; padding-top: 10px }
	.tableimgleft { border: solid #C9AC89 1px; text-align: center; width: 100% }
	.tableimgright { border: solid #C9AC89 1px; text-align: center; width: 100% }
	.cl { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; color: #FFFFFF; text-align: center; padding-top: 10px }
	.cr { font-family: Arial, Verdana, Helvetica, Sans Serif; font-size: 11pt; color: #FFFFFF; text-align: center }
	.title { font-family: Times New Roman, Times, serif; font-size: 26pt; font-weight: normal; font-style: normal; color: #010264; text-align: center; padding-top: 0px; }
	.title2 { font-family: Times New Roman, Times, serif; font-size: 22pt; font-weight: normal; font-style: normal; color: #010264; }
	.subtitle { font-family: Times New Roman, Times, serif; font-size: 16pt; font-weight: normal; font-style: italic; color: #666666; text-align: center; padding-bottom: 15px }
}

.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%; }