body{
	color:black;
	background-color:white;
	font-family:calibri,tahoma;
	font-weight:100;
	font-size:14pt;
	margin:10px 5px 0px 5px;
}
.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;   
}
.note{
	font-family:calibri,tahoma;
	font-weight:100;
	font-size:11pt;
	font-style:italic;	
}
.bold{
	font-weight:900;
}
header {
    background-color:white;
    color:white;
    text-align:left;
    padding:5px;	 
	font-weight:900;	
}
nav {
    background-color:#5b6023;
    height:50px;
    /*padding:10px;	
	box-shadow: 2px 2px 1px #000000 inset;*/
}
section {
	 	background-color:white;
    	/*padding:5px;*/
    	border: 1px solid black;	
    	min-width:360px;
    	align:center;
    	display: block;
}
section.forms {
	 	background-color:white;
    	/*padding:5px;*/
    	border: 1px solid black;	
    	margin:20px;
}
article {
    background-color:#ffffff;
    padding:10px;	
  
}
footer {
    background-color:#000000;
    color:#6994a4;
    clear:both;
    text-align:left;
	font-style:italic;
	font-size:9pt;
    padding:5px;	 
	/*box-shadow: 2px 2px 1px #c0c0c0;*/
}
table.rates{
	
}
tr.rates:hover{
	background-color:#f0f0f0;
}
.linkTable{
	width: 100%;
	background-color:#5b6023;
	height:50px;
}
.linkCell{
	padding:2px;
	text-align:center;
	width:100px;
}
.linkCellSep{
	text-align:center;
	width:2px;
}
.linkCell:hover{
	background-color:white;
	text-decoration: underline;
	font-weight:900;
	color:#6994a4;
}
.footerLinkTable{
	width: 100%;
	background-color:#000000;
	font-size:9pt;
}
.footerLinkCell{
	padding:10px;
	font-size:9pt;
}
.footerLinkCell:hover{
	color:#6994a4;
}
.menuDiv{
	position:absolute;
	left:20px;
	top:75px;
	background-color:#5b6023;
	border-style:solid;
	border-width:1px;
	border-color:black;
	width:350px;
	z-index:100;
}
a:link,a:visited,a:active{
	color:#6994a4;
	text-decoration: none;
	font-weight:900;
}
a:hover{
	text-decoration: underline;
}
p{
	text-align:justify;
	font-size:16pt;
}
div#wrapper{
	margin-left:auto;
	margin-right:auto;
    background-color:#6994a4;
}
div#wrapperPage{
	margin-left:auto;
	margin-right:auto;
    background-color:#6994a4;
}
div.content{	
	min-width:350px;
	border-style:solid;
	border-width:1px;
	border-color:black;
	font-weight:100;
	color:black;	
	float:left;
	margin:10px;
	background-color:white;
    width: 30%;
}
div.contentNB{
	width:30%;
	min-width:350px;
	font-weight:100;
	color:black;	
	float:left;
	margin:10px;
	text-align:center;
	background-color:white;
}
div.contentPage{
	border-style:solid;
	border-width:1px;
	border-color:black;
	font-weight:100;
	color:black;	
	float:left;
	margin:5px;
	background-color:white;
}
div.contentLinks{
	width:30%;
	min-width:350px;
	font-weight:100;
	color:black;	
	float:left;
	margin:10px;
	background-color:white;
}
div.events{
	position:absolute;
	top:12px;
	left:350px;
	height:245px;
	width:auto;
	margin:10px;
	overflow: auto;
}
div.main{
    background-color:#ddf6fd;
    margin:0 auto;
    max-width:100%;
	border-style:solid;
	border-width:1px;
	border-color:black;
	font-weight:100;
	color:black;	
	float:left;  
	margin:20px;  
}
div.success{
    background-color:#ffc0c0;
    margin:0 auto;
    max-width:100%;
	border-style:solid;
	border-width:1px;
	border-color:red;
	font-weight:900;
	color:red;	
	float:left;  
	margin:20px;  
}
div#fb{
    text-align:center;
}
.title{
	color:white;
	font-weight:800;
	font-size:14pt;
	width:100%;
	text-align:left;
}
.titleSub{
	color:black;
	font-weight:800;
	font-size:13pt;
	text-align:left;
}
#titleBlue{
	 background-color:#2d4888;
}
#titleGreen{
	 background-color:#5b6023;
}
#titleBlack{
	 background-color:#000000;
}
#titleYellow{
	 background-color:#dcdc63;
}
#titleGrey{
	 background-color:#f0f0f0;
}
p{
	padding: 2px 10px 2px 10px;	
	text-align:justify;
}
img.page{
	border-style:solid;
	border-wdith:1px;
	border-color:black;
	max-width:400px;
	height:auto;
}
#rightAlign{
	text-align:right;
}
ul{
	font-style:italic;	
}
.logoImage{
	height:50px;
}
 input{
  display: block;
  margin: 5px;
  width: 90%; height: 40px;
  line-height: 40px; 
  font-size: 17px;
  border: 1px solid #bbb;
  font-family:calibri,tahoma;
}
.submit{
	font-weight:800;
	font-size: 20px;
}
select{
  display: block;
  margin: 5px;
  width: 90%; height: 40px;
  line-height: 40px; 
  font-size: 17px;
  border: 1px solid #bbb;
  font-family:calibri,tahoma;
}
select.small{
  margin: 5px;
  width: 20%; height: 40px;
  font-size: 17px;
  border: 1px solid #bbb;
  font-family:calibri,tahoma;
}
label{
	text-align:right;
	margin: 5px;
	font-family:calibri,tahoma;
}
textarea{
  display: block;
  margin: 5px;
  width: 90%; height: 200px;
  font-size: 17px;
  border: 1px solid #bbb;
  font-size: 17px;
  font-family:calibri,tahoma;
}
#map-canvas{
       position: relative;
       padding-bottom: 75%; // This is the aspect ratio
       height: 0;
       overflow: hidden;
}
#map-canvas  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (max-width: 800px) {
    .menu{
        display: none !important;        
    }
    .mobileMenu{
        display: block !important;
    }
    
}