@import url('https://fonts.googleapis.com/css?family=Courgette|Quicksand');
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body {padding: 0; font: normal 1em/1.5em 'Times New Roman', serif;}
#mvdlogo {position:absolute; top:8px; left: 1em; max-width: 40%;}
header {background:#749cb5; height: 3em; border-bottom:1px solid #fff;}
h1 {font-family: 'Quicksand', cursive; padding: 0.5em 20px 0.25em;}
h2, h3 {font-family: 'Courgette', cursive; padding: 0.5em 20px 0.25em;}
h1 {font-size:2em; color:#2f8b5f;}
h2 {font-size:1.5em; color:#3c408b;}
h3 {font-size:1.25em; color:#306180;}
h4 {font-weight:bold; color:#306180; padding: 0.5em 20px 0.25em;}
p {padding: 0.5em 24px 0.25em; font-size:1.25em;}
#hcontactSG {
	display: none;
	float: right;
	margin: 0;
}
#hcontactSG a {
	display: block;
	padding: 8px 10px;
	background: #4c7997;
	color:#fff;
	max-width: 12em;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	position: relative;
	font:  0.875em/1em verdana, Garamond, sans-serif;
	z-index:9999;
}
#hcontactSG a::before {
	content: '\260F';
	color: #fff;
	padding-right: 8px;
	vertical-align: middle;
}
#office { width:100%; height:auto;
	border-bottom: 4px double #060;}

img {max-width:100%; height:auto;}
b, strong {font-weight:bold;}
i, em {font-style:oblique;}
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
   font-size:0.75em;
}
sub { top: 0.4em; }
.lfloat50 {float:left; max-width:48%; margin: 0 0.5em 1em 1em;}
.rfloat50 {float:right; max-width:48%; margin: 0 1em 1em 0.5em;}
.ctr {text-align:center;}

a[href$=".pdf"] {
	background: rgba(0, 0, 0, 0) url("images/Pdf_icon.png") no-repeat scroll right top;
	padding: 0 26px 0 0;
}

#lside ul {margin:1em 5%;}
#lside ul li {font-size:1.125em;}
#lside ul li:before {content:'\25BA'; font-size:0.666em; margin-right:0.5em; color:#5eabc9;}


.mobi700 {display:none;}
#entryPic {
	position: relative;
	clear:both;
	width:100%;
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: cover;
	background-size: 100% auto;
	width: 100%;
	border-top: 4px double #fff;
	border-bottom: 4px double #fff;
  }
#entryPic img  {display:none;}
@media screen and (max-width: 1180px) {
  	#entryPic {background-image:none; min-height: 80px;}
	#entryPic img  {display:block;}
}

/* -------------------- nav ------------------------ */

.main-nav {
z-index:9900;
font: bold 14px/18px verdana, Garamond, serif;
float:right;
min-width:58%;
}
.main-nav,.main-nav ul,.main-nav ul li,.main-nav ul li a,.main-nav ul ul,.main-nav ul ul li,.main-nav ul ul li a {margin:0;padding:0;border:0;line-height:1; position:relative;}

.main-nav ul {list-style-type:none;text-align:center;}
.main-nav ul li {position:relative;display:inline;text-align:center;}
.main-nav ul li a {text-decoration:none;display:inline-block; padding: 15px 10px;color:#fff;background:#4c7997; }


.main-nav ul li a:hover,.main-nav ul li a:focus,.main-nav ul li a:active {color:#fff; background:#2d885c;}
.main-nav-arrow {font-size:10px}

.main-nav ul ul {position:absolute;left:0;display:none;}
.main-nav ul li:hover ul {display:block;}

.main-nav ul ul li {display:block;text-align:left;}
.main-nav ul ul li a {width:100%; min-width:200px; padding:10px;white-space:nowrap;border-top:1px solid #000;color:#fff;
background:rgba(0,44,12,0.8);
}
.main-nav ul ul li:last-child a {border-radius: 0 0 5px 5px;}

.main-nav ul ul li a:hover,.main-nav ul ul li a:focus,.main-nav ul ul li a:active {background:#879b5c;}
/*
.main-nav ul li a,.main-nav ul ul li,.main-nav ul li:hover,.main-nav ul ul {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
*/
.show-menu {padding:12px;color:#fff;font-weight:bold;background:#4c7997;text-align:center;display:none; width:54%; margin:0; cursor:pointer;}
.show-menu:hover {background:#486;}
input[id=show-menu]{display:none}
input[id=show-menu]:checked ~ #menu{display:block}

label.show-menu:after {
    position: absolute;
    left: .5em;
	top:2px;
    content: "\2261";
    font-size: 2em;
	color:#fff;
}
/*
nav#b_links {}
nav#b_links ul li {
	display:inline-block;
	margin:2px 0;
	text-align:left;
	vertical-align:top;
}
nav#b_links ul li a {background:#fff; padding:2px 5px; color:#253;}
nav#b_links ul li a:hover {color:#700; text-decoration:none;}
nav#b_links ul ul{padding-left:5px;}
nav#b_links ul ul li {display:block; font-size:0.875em; margin-bottom:0.5em; }
nav#b_links ul ul li a {background:none;}
nav#b_links a.mobiOnly {display:none; padding:0; margin:0;}
*/

.main-nav ul li a.mobiOnly {display:none;}
.main-nav ul li a.mobiNot {}

a.hasSub:after {content:'\2193'; padding-left:5px;}

footer {text-align:center; font: normal 0.875em/1.3em "Century Gothic", sans-serif;}
footer img {margin:9px;}

@media screen and (max-width:900px){
	header {padding: 5px;}
	#mvdlogo { top:3.25em; left: 1em; max-width: 34%;}
	.main-nav  {float:none; min-width:100%;}
	.main-nav ul li a.mobiOnly {display:block;}
	.main-nav ul li a.mobiNot {display:none;}
	.show-menu{display:block}
	#menu{display:none; margin:0;}
	.main-nav ul li{display:block;}
	.main-nav ul li,.main-nav ul li a{width:100%; text-align:left; border:0; border-bottom:1px solid #fff;background:#257;}
	.main-nav ul ul li:last-child a {border-radius: 0; }
	.main-nav ul ul{position:relative;display:none}
	.main-nav ul li:hover ul{display:block}
	.main-nav ul ul li a {text-indent:0.5em; font-size:0.875em; padding-left:2em; background:#245;}
	.main-nav ul ul li a:after {
		position: absolute;
		left: .5em;
		content: "\2192";
		font-size: 1em;
		color:#fff;
	}
	#hcontactSG {display:block;}
}

/* -------------------- nav ------------------------ */