body, html {margin:0; font-family: 'Raleway', sans-serif; font-size:1em; background-color:#BEC5CB; color:#181818; padding-top:12px;}
.sheetdiv {margin:0 auto; max-width:1160px; padding:10px 20px 10px; background-color:#FFFFFF;}
h1, h2, h3, h5 {font-family: 'Roboto Condensed', sans-serif; margin:10px 0;}
h1 {font-size:2em;}
h2 {font-size:1.5em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
p, table, li {font-size:14px; line-height:1.5;}
blockquote {font-size:14px; line-height:1.5; margin:1em 10px; padding:0.5em 10px; quotes: "\201C" "\201D" "\2018" "\2019";}
blockquote:before {color:#CCCCCC; font-size:4em; line-height:0.1em; margin-right:0.25em; vertical-align:-0.4em; content:open-quote;}
blockquote:after {color:#CCCCCC; font-size:2em; line-height:0.1em; margin-left:0.25em; vertical-align:-0.4em; content:close-quote;}
blockquote p {display:inline;}
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;}
toph {margin-top:0; padding-top:0;}

.logodiv {float:left; padding-bottom:20px;}
.logo1 {font-family: 'Roboto', sans-serif; font-size:2.6em; font-weight:bold; color:#616B86;}
.logo2 {font-family: 'Raleway', sans-serif; font-size:1.7em; font-weight:bold;}
.logo3 {font-family: 'Raleway', sans-serif; font-size:1em; font-weight:bold; margin-top:4px;}
.facebookdiv {float:right; width:150px; height:48px; padding-top:10px; text-align:right;}
.htndiv {float:right; padding-top:12px; margin-right:100px; width:289px; height:64px;}

.menulink {display:none;}

.hometextbox {max-width:1160px; margin:0; padding:10px 0 10px 0;}
.hometextleft {float:left; width:54%;}
.homethumbs {float:right; width:106px; padding:5px; margin:10px 10px 0 10px; background-color:#DEDEDE;}
.hometextright {float:right; text-align:right; width:42%; margin-top:10px;}
.homeviddiv {float:right; padding-bottom:30px; width:100%; max-width:480px; 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%;}

.bannlinks {clear:left; font-size:0.9em; background-color:#BEC5CB; padding:0; width:100%;}
.bannlink {display:inline-block; text-decoration:none; margin:10px 10px; font-weight:bold;}
.bannlink:link {color:#181818; text-decoration:none;}
.bannlink:hover {color:#989898; text-decoration:none;}
.bannlink:visited {color:#181818; text-decoration:none;}

.footdiv {margin:0 auto; max-width:1100px; padding:20px 50px; background-color:#808895;}
.footbox {float:left; font-size:0.8em; font-weight:bold; margin-bottom:10px;}
.footbox img {vertical-align:middle; margin:-2px 6px 0 10px;}
.footbox p {font-weight:bold; margin:0;}
.fbright {float:right;}

.hometextleft ul {padding:0 0 0 20px;}
.hometextleft li {background:url(../images/bullet.png) no-repeat left top; padding:0 0 0 22px; margin-top:0.75em; list-style:none; line-height:1;}
.homeimgdiv {margin-top:20px; width:100%; background-color:#EEEEEE; border:1px solid #DDDDDD;}
.hometextimg {float:left; margin:0 10px; width:31%; max-height:300px; padding:20px 0; text-align:center;}
.homethumbs li {padding:0;}

.instrtextright {float:right; width:34%; margin:0 0 15px 15px;}

.revleft {float:left; width:56%; margin-right:20px;}
.revright {float:left; margin-top:70px; text-align:center;}

.contleft {float:left; width:230px; padding:20px; margin:0 20px 25px 0; box-sizing:border-box;}
.contright {float:left; width:72%; padding:20px; margin:0; box-sizing:border-box;}
.contright label {clear:both; font-size:13px;}
.contfield {clear:both; float:left; margin-top:15px;}
.contbox {padding-bottom:50px;}
.error {float:left; margin-top:44px; margin-left:15px; padding:5px 10px; color:#FFFFFF; background-color:#181818; font-size:0.7em; font-weight:bold;}

input[type=text], select {padding:8px 20px; margin:8px 0; display:inline-block; border:1px solid #CCC;}
input[type=submit] {background-color:#181818; color:#FFFFFF; padding:8px 10px; margin-top:10px; cursor:pointer; border:none; width:80px;}
input[type=submit]:hover {background-color:#282828; color:#DDDDDD;}
textarea {width:90%; padding:8px 20px; border:1px solid #CCC;}

@media (max-width:1200px) {
	.hometextleft {float:left; width:100%;}
	.hometextright {float:left; width:100%; text-align:center;}
	.homeviddiv {float:none;}
}

@media (max-width:1110px) {
	.hometextimg {max-width:350px; width:100%; text-align:center;}
	.facebookdiv {clear:both; float:left; max-width:1200px; padding-top:10px; text-align:right;}
	.htndiv {float:left; padding-top:0; margin:0 0 20px 112px;}
}

@media (max-width:1020px) {
	.revleft {width:96%; margin-right:20px;}
}

@media (max-width:950px) {
	.contleft {width:100%;}
	.contright {width:100%; padding:0 20px;}
	.contbox {float:left; padding:0 30px 0 0; margin-bottom:20px;}
}

@media (max-width:900px) {
	.sheetdiv {margin:0;}
	.footbox {width:100%; font-size:14px; font-weight:bold; padding-left:0;}
	.footbox img {margin-left:0;}
	.hometextleft {float:left; width:100%;}
	.hometextright {float:left; width:100%; text-align:center;}
	.homeviddiv {float:none;}
}

@media (max-width:800px) {
	.homevidimg {margin-right:10px;}
	.innerbnrlft {padding:10px 10px; width:96%; margin-bottom:15px;}
	.innerbnrrgt {clear:both; text-align:center; width:96%;}
	.instrtextright {width:280px;}
}

@media (max-width:700px) {
	body, html {padding-top:4px;}
	.sheetdiv {padding:20px 10px;}
	.footbox p {font-size:14px; font-weight:bold;}
}

@media (max-width:600px) {
	.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;}
	.logo1 {font-size:1.9em;}
	.logo2 {font-size:1.1em;}
	.logo3 {font-size:0.7em;}
	.htndiv {margin:0 0 0 20px;}
	.footdiv {padding:20px 30px;}
}

@media (max-width:550px) {
	.instrtextright {width:200px;}
}

@media (max-width:500px) {
	.htndiv {width:250px;}
	.facebookdiv {width:120px;}
	.contbox {clear:both; margin-bottom:30px;}
}


@media (max-width:460px) {
	.htndiv {width:210px;}
	.facebookdiv {width:100px;}
}

@media (max-width:400px) {
	.logo1 {font-size:1.9em;}
	.logo2:before {content:' '; display:block;}
	.logo3 {font-size:0.7em;}
	.htndiv {margin-left:20px;}
}

.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;}