body 
{
	background-color: white;
}

body,h1,h2,h3,h4,h5,h6 
{
	font-family: "Raleway", Arial, Helvetica, sans-serif
}

@font-face {
   font-family: mgFont;
   src: url(MTCORSVA.TTF);
}

* 
{
	box-sizing: border-box;
}

/* For mobile phones: */
[class*="col-"] 
{
	width: 100%;
	float: left;
}

@media only screen and (min-width: 600px) 
{
	/* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-2e {width: 18;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}
}

@media only screen and (min-width: 768px) 
{
	/* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-2e {width: 18%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}

.row::after 
{
	content: "";
	clear: both;
	display: table;
}

.header 
{
	color: #black;
	padding: 12px;
	height:auto;
	margin: 0px 0px 15px 0px;
	text-align:center;
	font-family: mgFont;
	font-size: 4em;
}

div#mainMenu 
{
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	display: flex;
	align-items:flex-start;
}

.menu 
{
	margin: 2px 7px 2px 7px;
	background-color: #4bca35;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	text-align:center;
}

.menu a:link, a:visited
{
	background-color: Transparent;
	text-decoration: none;
	color: #ffffff;
	padding: 14px 25px;
	text-align: center;
	display: inline-block;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.menu a:hover, a:active 
{
	background-color: #93df86;
	color: white;
}

.empty:empty
{
	padding: 15px;
}

.footer 
{
	background-color: #4bca35;
	color: white;
	text-align: center;
	font-size: 12px;
	padding: 2px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height:50px
}

.footer a:link, a:visited
{
	color: white;
}

.footer a:hover, a:active 
{
	color: black;
}

.quickLink
{
	color: white;
	width:80%;
	background-color: #4bca35;
	padding: 10px 15px 10px 15px;
	border: 2px solid transparent;
	border-radius: 8px;
	min-width:200px;
	max-width:220px;
	min-height: 250px;
}

a:link.quick , a:visited.quick
{
	text-decoration: none;
	color: white;
}

a:hover.quick, a:active.quick
{
	color: black;
}

a:link.normal, a:visited.normal
{
	text-decoration: underline;
	color: black;
}

a:hover.normal, a:active.normal
{
	text-decoration: underline;
	color: black;
}

.mySlides 
{
	width:100%;
}

.slideSettings
{
	margin-top:16px!important;
	margin-bottom:16px!important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	max-width:300px;
	height: auto;
}

hr 
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

div.gallery 
{
	border: 1px solid #ccc;
}

div.gallery:hover 
{
	border: 1px solid #777;
}

div.gallery img 
{
	width: 100%;
	height: auto;
}

div.desc 
{
	padding: 15px;
	text-align: center;
}

.gmap_canvas 
{
	background:none!important;
}

.responsive 
{
	padding: 0 6px;
	float: left;
	width: 24.99999%;
}

@media only screen and (max-width: 700px) 
{
	.responsive 
	{
		width: 49.99999%;
		margin: 6px 0;
	}
}

@media only screen and (max-width: 500px) 
{
	.responsive 
	{
		width: 100%;
	}
}

.clearfix:after 
{
	content: "";
	display: table;
	clear: both;
}

.mainInfo
{
	overflow:auto;
	height:100%
}

input[type=button], input[type=submit], input[type=reset] 
{
	font-family: "Raleway";
	background-color: #4bca35;
	border: none;
	color: white;
	padding: 16px 32px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
}

.error {color: #FF0000;}

.rowPix {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  max-width: 250px;
  height: auto;
}

#wgtmsr{
 width:110px;
 height:20px;
 padding: 0px;
}

.tab
{
	tab-size:4;
	-moz-tab-size: 4;
	-o-tab-size:  4;
	white-space: pre-wrap;
}

div.notice-border
{
	padding: 10px 10px 10px 10px;
	text-align: center;
	background-color:red;
	border-radius: 3px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	clear: both;
	width:100%;
}

img.infoPic
{
	padding: 1px;
	width: 100px;
	float:left;
	height:auto;
}

div.notice 
{
	padding: 9px;
	text-align: center;
	background-color:white;
	border-radius: 3px;
	min-height:100px;
}

div.notice a
{
	text-decoration: underline;
	color: black
}

input#website { display: none; }