@charset "utf-8";
*{
	font-family: 'Source Sans Pro', sans-serif;
}

html{
	height:100%;
}
body{
	margin:0;
	background-color:#cabba9;
	height:100%;
}

#overlay {
  position: fixed; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(51,51,51, 0.8);
	z-index:10000;
}
#messageBar {
	text-align:center;
	margin: auto;
	position: absolute;
	height:100%;
	top: 0; left: 0; bottom: 0; right: 0;
	display: block;  
	padding:10px;
	border-radius: 7px;
	border: 2px solid #000;
	background-color: yellow;
	max-width:80%;
}

#headerlogo{
	max-width:200px;
	display:block;
	float:left;
	position:relative;
	margin-left:30px;
}

#topbar{
	margin:0px;
}

#header{
	 background: #fefcea;
	background: -moz-linear-gradient(top,  #fefcea 0%, #efe5a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#efe5a2));
	background: -webkit-linear-gradient(top,  #fefcea 0%,#efe5a2 100%);
	background: -o-linear-gradient(top,  #fefcea 0%,#efe5a2 100%);
	background: -ms-linear-gradient(top,  #fefcea 0%,#efe5a2 100%);
	background: linear-gradient(to bottom,  #fefcea 0%,#efe5a2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efe5a2',GradientType=0 ); 

	display:block;
	border-bottom:double #C00 6px;
	position:relative;
	overflow:hidden;
}

#tagline{
	float:left;
	padding: 3px 0 0 36px;
	text-align:center;
	font-family: 'Nunito', sans-serif;
	text-shadow: 1px 1px 3px #666;
	font-weight:700;
	font-size:28px;
	color:mediumblue;
}

#header nav {
    float: right;
}

#header nav ul, nav ol {
    list-style: none outside none;
}

.site-nav li {
    float: left;
    margin: 0;
    position: relative;
		height: 100%;
		
}
.site-nav a {
    border-left: 2px solid #C00;
    color: #000;
    display: block;
    font-size: 18px;
    text-decoration:none;
    line-height: 50px;
    margin-left: 4px;
		text-shadow: 1px 1px #CCC;
		font-style: italic;
		font-weight:bold;
		
    padding: 0 20px;
    position: relative;
}
.site-nav a:hover{
	color: #C00;
}

#topbar{
	/* height:5px;
	background-color:#C00; */
}


#mContent{
	padding: 5px 10px 10px 10px;
	margin:0;
	min-height: calc(100% - 140px);
	background: #00aeff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #00aeff 0%, #d6ffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#00aeff), color-stop(100%,#d6ffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #00aeff 0%,#d6ffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #00aeff 0%,#d6ffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #00aeff 0%,#d6ffff 100%); /* IE10+ */
background: linear-gradient(135deg,  #00aeff 0%,#d6ffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeff', endColorstr='#d6ffff',GradientType=1 );
}

#mContainer{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,96d334+49,7cbc0a+100 */
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top, #9dd53a 0%, #96d334 49%, #7cbc0a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #9dd53a 0%,#96d334 49%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #9dd53a 0%,#96d334 49%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */

	margin:10px;
	border:2px solid #000;
	border-radius:15px;
	padding:5px 15px 5px 15px;

	overflow: hidden;
}

#footer{
	text-align:center;
	color:#FFF;
	font-size:12px;
	background-color:#C00;
	padding:0;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}
#footer p{
	padding:0 5px 0 5px;
	margin:0;
}

/*3 column layout*/
.left-column{
	float:left;
	width:30%;
}
.right-column{
	float:right;
	width:30%;
}
.center-column{
	margin:auto;
	width:30%;
}
.butStyle{
	background-color:#C00;
	display: block;
	border-radius:.6em;
	border:solid 2px #800;
	font-size:1em;
	font-weight:bold;
	padding: 6px 15px 6px 15px;
	margin-top:5px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	text-shadow: 0 0 10px #666;
	box-shadow: 0 0 10px #666;
	-moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.butStyle[data-type="mini"]
{
	padding: 1px 3px 1px 3px;
}
.butStyle[data-type="short"]
{
	padding: 1px 15px 1px 15px;
}
.butStyle[data-inline="true"]
{
	/* width:100px; */
	display:inline-block;
	margin-bottom:5px;
	min-width:30px;
}
.butStyle[data-space="med"]
{
	margin-left:15px;
}
.butStyle:hover, select:hover{
	background:#F00;
	box-shadow: 0 0 10px #F00;
	cursor:pointer;
}
.butStyle:active{
	background:#D07575;
	box-shadow: 0 0 10px #C00;
}
h7{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:0;
	padding-bottom:0;
	margin-top:15px;
	display:block;
}
h7+p{
	margin-top:0;
	margin-bottom:2px;
}
h1{
	text-align:center;
	font-family: 'Nunito', sans-serif;
	margin:5px;
}
h3{
	margin-left:-10px;
}

/* Forms  */
.frow label, .ftitle{
	font-weight:bold;
}
.frow{
	margin: 3px 0 0 0;
	padding: 3px;
	border-radius:.4em;
}
.frow:hover{
	background-color:#FF9;
}
.sform input[type="text"], .sform input[type="email"], .sform textarea, textarea{
	background-color:#fff38a;
	border-radius:.4em;
	border:solid 1px #C00;
	margin: 0 5px 0 0;
	font-size:1em;
	width:100%;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	padding: 0 5px 0 5px;
	-webkit-box-shadow: inset -1px -2px 2px 0px #c1c1c1;
	-moz-box-shadow: inset -1px -2px 2px 0px #c1c1c1;
	box-shadow: inset -1px -2px 2px 0px #c1c1c1;
}
input{
background-color:#fff38a;
	border-radius:.4em;
	border:solid 1px #C00;
	margin: 0 5px 0 5px;
	font-size:1em;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	padding: 0 5px 0 5px;
	-webkit-box-shadow: inset -1px -2px 2px 0px #c1c1c1;
	-moz-box-shadow: inset -1px -2px 2px 0px #c1c1c1;
	box-shadow: inset -1px -2px 2px 0px #c1c1c1;
}
.sform textarea, textarea{
	height:100px;
	resize:vertical;
	overflow: hidden;
}
.sform input[type="submit"], .sform button{
	background: rgb(255,243,138);
	background: -moz-linear-gradient(top,  rgba(255,243,138,1) 0%, rgba(255,243,138,1) 50%, rgba(255,238,117,1) 51%, rgba(255,243,138,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,243,138,1)), color-stop(50%,rgba(255,243,138,1)), color-stop(51%,rgba(255,238,117,1)), color-stop(100%,rgba(255,243,138,1)));
	background: -webkit-linear-gradient(top,  rgba(255,243,138,1) 0%,rgba(255,243,138,1) 50%,rgba(255,238,117,1) 51%,rgba(255,243,138,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,243,138,1) 0%,rgba(255,243,138,1) 50%,rgba(255,238,117,1) 51%,rgba(255,243,138,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,243,138,1) 0%,rgba(255,243,138,1) 50%,rgba(255,238,117,1) 51%,rgba(255,243,138,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,243,138,1) 0%,rgba(255,243,138,1) 50%,rgba(255,238,117,1) 51%,rgba(255,243,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff38a', endColorstr='#fff38a',GradientType=0 );
	border-radius:.6em;
	border:solid 2px #C00;
	font-size:1em;
	font-weight:bold;
	padding: 6px 15px 6px 15px;
	margin-top:5px;
	text-shadow: 0 1px 0 #FFFFFF;
	box-shadow: 0 0 10px #666;
}
.sform button[data-type="mini"]
{
	padding: 1px 3px 1px 3px;
}
.sform input[type="submit"]:hover, .sform button:hover{
	background:#FF3;
	box-shadow: 0 0 10px #F00;
}
.sform input[type="submit"]:active, .sform button:active{
	background:#D07575;
	box-shadow: 0 0 10px #C00;
}
.sform select, select{
	background-color:#C00;
	color:#FFF;
	border-radius:.4em;
	border: solid 2px #800;
	margin: 0 5px 0 0;
	
	font-weight:bold;
	padding: 0 5px 0 5px;
	text-align:center;
	text-shadow: 0 0 10px #666;
	box-shadow: 0 0 10px #666;
}

/*Check Boxes*/
.sform input[type="checkbox"]{
	display:none;
}
.sform input[type="checkbox"] + label span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	background:url(formicons.svg) left top no-repeat;
	cursor:pointer;
}
.sform input[type="checkbox"]:disabled + label span{
	background:url(formiconsdis.svg) left top no-repeat;
}
.sform input[type="checkbox"] + label{
	padding-right:15px;
}
.sform input[type="checkbox"]:checked + label span {
    background:url(formicons.svg) -19px top no-repeat;
}
.sform input[type="checkbox"]:checked:disabled + label span {
    background:url(formiconsdis.svg) -19px top no-repeat;
}
/*Radio Button*/
.sform input[type="radio"]{
	display:none;
}
.sform input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(formicons.svg) -39px top no-repeat;
    cursor:pointer;
}
.sform input[type="radio"]:checked + label span {
    background:url(formicons.svg) -58px top no-repeat;
}


/* Maps */
#map_canvas{
	width:100%;
	height:250px;
}
#map_canvas:hover{
	/*height:350px;*/
}
.gm-style-iw{
	overflow: hidden !important;
}



@media only screen and (max-width: 1020px) {
	.site-nav a {
		font-size: 16px;
	}
	#tagline{
		font-size: 20px;
		padding: 3px 0 0 25px;
	}
	
}

@media only screen and (max-width: 770px) {
	#tagline{
		display:none;
		padding:0;
	}
}
@media only screen and (max-width: 720px) {	/*3 column adjustment*/
	.left-column{
		float:none;
		width:100%;
		display: table-header-group;
	}
	.right-column{
		float:none;
		width:100%;
		display: table-footer-group;
	}
	.center-column{
		float:none;
		width:100%;
		box-orient: vertical;
		display: table-row-group;
	}
}

@media only screen and (max-width: 600px) {
	#headerlogo{
		width:150px;
		margin-left:10px;
	}
	.site-nav a{
		border: 1px solid #C00;
		border-radius:.3em;
		background-color: #fff38a;
		line-height: 30px;
		padding: 0 10px;
	}
}

@media only screen and (max-width: 450px) {
	#headerlogo{
		margin-left: auto;
    margin-right: auto;
		margin-bottom:0;
		width:150px;
		float:none;
	}
	.site-nav a{
		border: 1px solid #C00;
		border-radius:.3em;
		background-color: #fff38a;
		line-height: 25px;
		padding: 0 10px;
		margin-bottom:5px;
	}
	#header nav {
    float:none;
		margin-left: auto;
    margin-right: auto;
		width:300px;
	}
	.site-nav ul{
		margin:0;
	}
	#topbar{
		height:3px;
	}
	
}



/*Custom for liteGPS*/
#header, #topBar{
  display: none;
}

/*End LiteGPS custom*/