html{margin:0; padding:0;}
#homehtml {background:url(../images/home-bgnd.jpg) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:100%; overflow:hidden;}

body {font-family: 'Open Sans', sans-serif; font-size:1em; color:#181818;}

h1, h2, h3, h5 {margin:10px 0;}
h1 {font-size:2em;}
h2 {font-size:1.5em;}
h3 {font-size:1.4em; margin:20px 0 5px 0;}
h4 {font-size:1.2em; margin:15px 0;}
h5 {font-size:1.1em; margin:12px 0;}
p, table, li {font-size:14px; line-height:1.6; margin-bottom:20px;}

a:link, a:hover, a:visited {color:#181818; text-decoration:none;}
p a:link, p a:hover, p a:visited {text-decoration:underline;}
hr {margin:25px 0; height:1px; background-color:#181818; border:0;}


#hometopleft {position:absolute; top:0; left:0; width:20%}
#hometopleft img {max-width:100%;}
#hometopright {position:absolute; top:0; right:0; width:20%}
#hometopright img {max-width:100%;}
#homelogodiv {max-width:1000px; width:65%; margin:0 auto; padding-top:25px;}
#homelogodiv img {width:100%; padding-left:20px; padding-right:20px;}

.sheetdiv {margin:0 auto; max-width:1000px; padding:30px 20px 10px;}
.menulink {display:none;}
#logodiv {max-width:1000px; width:43%; display:inline-block;}
#logodiv img {width:100%;}

div.homeboxleft {float:left; max-width:570px; width:48%;}
div.homeboxright {float:right; max-width:570px; width:48%;}
div.homeboxleft img, div.homeboxright img {max-width:570px; width:100%; padding:2px; border:1px solid #DDDDDD; box-sizing:border-box;}

.homelinks {position:fixed; bottom:0; margin:50px auto; width:100%; text-align:center;}
.homelink {display:inline-block; margin:0 2%; font-weight:bold; font-size:2em;}
.homelinks a:link {color:#FFFFFF; text-decoration:none !important;}
.homelinks a:hover {color:#CDCDCD; text-decoration:underline;}
.homelinks a:visited {color:#FFFFFF; text-decoration:none;}

.bannlinks {clear:left; padding:0; width:56%; text-align:right; float:right;}
.bannlink {display:inline-block; margin:0 10px; font-weight:bold;}
.bannlink:link {color:#181818;}
.bannlink:hover {color:#989898; text-decoration:underline;}
.bannlink:visited {color:#181818;}

.imgleft {width:48%; display:inline-block; margin-right:2%;}
.imgleft img, .imgright img {width:100%; height:auto;}
.imgright {width:48%; display:inline-block;}

.vidleft {display:inline-block; padding-bottom:30px; width:100%; max-width:470px; max-height:360px; margin:0 20px 2px 0;}
.vidright {display:inline-block; padding-bottom:30px; width:100%; max-width:470px; max-height:360px;}
.video-container {position:relative; padding-bottom:75%; padding-top:25px; height:0; overflow:hidden;}
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.woodbox {display:inline-block; margin:0 20px 20px 0;}
.woodbox img {max-width:200px;}

.footdiv {margin:0 auto; max-width:1000px; padding:20px 0; box-sizing:border-box;}
.footboxleft {float:left; font-size:0.8em; font-weight:bold; margin-bottom:10px;}
.footboxright {float:right;}
.footboxright p a {margin-left:20px; text-decoration:underline;}
.footboxright p a:hover {text-decoration:none;}

.contleft {float:left; width:230px; padding:0px; margin:0 20px 0 0; box-sizing:border-box;}
.contright {float:left; width:72%; padding:0px; margin:0; box-sizing:border-box;}
.contfield label {clear:both; float:left; font-size:13px; margin-top:18px;}
.contfield {clear:both; float:left; width:370px;}
.contfield input {float:right;}
.contbox {padding-bottom:10px;}
.error {float:left; margin-top:14px; margin-left:15px; padding:5px 10px; color:#FFFFFF; background-color:#181818; font-size:0.7em; font-weight:bold;}

input[type=text], input[type=date], select {padding:5px 10px; margin:8px 0; display:inline-block; border:1px solid #CCC;}
input[type=submit] {background-color:#A6A6A6; color:#FFFFFF; padding:4px 6px; margin-top:0px; cursor:pointer; border:none; font-weight:bold;}
input[type=submit]:hover {background-color:#B6B6B6; color:#181818;}
textarea {width:88%; padding:8px 20px; border:1px solid #CCC;}


@media (max-width:1040px) {
	.vidleft {float:inherit; padding-bottom:80px;}
	.vidright {float:inherit;}
}

@media (max-width:900px) {
	.hometextimg {max-width:350px; width:100%; text-align:center;}
	.bannlinks {display:none;}
	.menulink {display:block; float:right; background:#777777; height:36px; width:36px;}
	.menulink a {background:center center no-repeat transparent; background-image:url(../images/menulink.jpg); display:block; width:36px; height:36px; position:absolute;}
	.hometextbox {padding-top:0;}
	.footdiv {width:100%; margin:0; text-align:center;}
	.footboxleft {float:none;}
	.footboxright {float:none;}
	#homelogodiv {width:99%; margin:100px 0 0 0;}
	#homelogodiv img {padding:0;}
	#logodiv {width:80%;}
}

@media (max-width:700px) {
	.imgleft {width:100%; margin:0 0 20px 0;}
	.imgright {width:100%;}
}



.modal {display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}
/* Modal Content */
.modal-content {position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 80%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s }
/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
/* The Close Button */
.close { color: white; float: right; font-size: 28px; font-weight: bold;}
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer;}
.modal-header {padding: 2px 16px; background-color: #BEC5CB; color: white; }
.modal-body {padding: 2px 16px;}
.modal-footer { padding: 2px 16px; background-color: #BEC5CB; color: white;}
