@charset "utf-8";
/* CSS Document */
body { font: 100% 'Merriweather', Verdana, sans-serif; margin: 0; padding: 0; text-align: center; }
.bg1 { background-image:url(/images/bg-barnwood-texture-1620.jpg); background-position:center; background-size: cover; background-attachment:fixed;  }

h1, h2, h3, h4, h5, h6 { font-weight:bold; text-align:center; font-family: Verdana, Geneva, sans-serif; color: #fff; line-height:1.1em; }
h1 {font-size:250%; }
@media only screen and (max-width: 640px) {h1 {	font-size:200%;} }
h2 {font-size:175%;   }
@media only screen and (max-width: 640px) {h2 {	font-size:150%;} }
h3 {font-size:150%;  }
@media only screen and (max-width: 640px) {h3 {	font-size:125%;} }
p {font: 110% 'Merriweather', Verdana, serif; color:#000; padding:0 14px; line-height:1.4em; }
img {max-width: 100%; height: auto; border:none; }
* {box-sizing: border-box;}
form {background-color:#ccc; border-radius:4px; width:75%; border:ridge 2px #900; margin:0 auto; } 
@media only screen and (max-width: 550px) {form { width:100%; max-width:100%; } }
form p {display:block; }

#header { background-color:#ccc; color:#000;  padding: 0; margin:0; border-bottom:1px #900 solid; width:100%; height:auto; }
#header h1, h2, h3, p { margin: 0; padding: 10px 0; color:#000;}
.bgimage_bar {padding: 8px;  background-color:#900; color:#fff; font-weight:bold;  margin:0px; text-align:center; border-bottom:1px solid #900;}
.bgimage_bar a, a:hover, a:visited, a:active {color:#fff; }
.bgimage_bar_blk {padding: 8px;  background-color:#000; color:#fff; font-weight:bold;  margin:0px; text-align:center; border-bottom:1px solid #000;}
.bgimage_bar_blk a, a:hover, a:visited, a:active {color:#fff; }

#container a, a:hover, a:visited, a:active {color:#cccccc; }
#container { width:88%;  margin: 0 auto; border: none; text-align: left; min-height:80vh; }
@media only screen and (min-width: 641px) and (max-width: 1268px) {#container {	width:95%;} }
@media only screen and (min-width: 481px) and (max-width: 640px) {#container {	width:98%;} }
@media only screen and (max-width: 480px) {#container {	width:100%;} }

#top { padding: 2px 10px 2px 0; width:42%; margin-left:8px; border-radius: 14px; border:none; background-color:#000; color:#fff;
	position:absolute; top:0; right:0px; z-index:1; }
@media only screen and (max-width: 600px) {#top {width:100%; position:relative; padding: 2px 0 2px 0; margin:0; } }	
#top p { margin: 0; padding: 0; font-weight:bold; text-align:center; color:#fff; background-color:transparent; }
#top h3 { font-size:125%; line-height:1.1em; margin-top:0; padding-top:0;}
#top a, a:hover, a:visited {color:#cccccc; }	

#mainContent { padding: 14px 0; background-color:#fff; color:#000; margin:0px; }
#mainContent h1 { color:#000;  }
#mainContent h2 {font-size:175%; color:#900;  }
#mainContent h3 {font-size:150%; color: #c00; }
#mainContent p, li { font-weight:bold; text-align:center; color:#000; line-height:1.1em; }

#main2 { padding: 14px 0; color:#000; margin:0px; }
#main2 h1 { color:#000;  }
#main2 h2 {font-size:175%; color:#900;  }
#main2 h3 {font-size:150%; color: #c00; }
#main2 p, li { font-weight:bold; text-align:center; color:#000; line-height:1.1em; }

#footer { padding: 10px; background-color:rgba(0,0,0,0.7); color:#fff; border:thin 1px #000; height:auto; }	
#footer p { text-align:left; margin: 0; padding: 10px 0; font-size:80%; font-weight:bold; color:#fff; }
@media only screen and (max-width: 640px) {#footer p {font-size:80%; } }
#footer h1, h2, h3 { text-align:left; margin: 0; padding: 10px 0; font-weight:bold; color:#fff; }
#footer a, a:hover, a:visited {color:#cccccc; }	

#footflt_rt { padding: 0px; width:30%; min-width:225px; max-width:360px; margin-left:8px; float:right; border-radius: 4px; border:1px #000 solid; color:#fff;  }
@media only screen and (max-width: 640px) {#footflt_rt { max-width:40%; } }
@media only screen and (max-width: 460px) {#footflt_rt { min-width:88px; width:auto; max-width:108px; max-height: 88px; overflow:hidden; } }
#footflt_rt p { margin: 0; padding: 10px 0; font-weight:bold; text-align:center; color:#fff;}

#image_bar {padding: 8px;  background-color:#000;  margin:0;}
#image_bar img { text-align:center; }
#image_bar p { margin: 0; padding: 14px 28px;  font-weight:bold; color:#ececec; }
#image_bar h1, h2, h3 { text-align:center;	margin: 0; 	padding: 14px 0; font-weight:bold; color:#fff; }
#image_bar a, a:hover, a:visited, a:active {color:#cccccc; }

#imageleft320 {width:392px; max-width:100%; height:632px; float:left; padding:0; margin-right:8px; }
@media only screen and (max-width: 480px) {#imageleft320 { width:392px; max-width:100%; height:632px; padding:0; margin:0 auto; float:none; } }

#nav { padding: 0; background:#ccc; color:#000; width:100%; margin:0; border:thin #900; height:auto; line-height:1.1em; }
#nav a {display:inline; width:20%; margin:0; padding:8px; text-align:center; float:left; color:#000; font-weight:bold; font-size:88%; text-decoration:underline; border:thin #900;  }
#nav a:hover {background-color:#fff; text-decoration:underline; color:#900; }
#nav a:active {background-color:#000; color:#cccccc; }
@media only screen and (max-width: 640px) {#nav a, a:hover, a:visited, a:active {width:auto; padding:8px; } }


.float_lft {float:left; text-align:left; width:48%;  height:auto; margin-right:8px;}
@media only screen and (max-width: 550px) {.float_lft {width:100%; float:none; } }	
@media only screen and (max-width: 550px) {.float_lft img {width:70%; text-align:center; } }	

.float_rt {float:right; text-align:right; width:48%; height:auto; margin-left:8px;}
@media only screen and (min-width:381px) and (max-width:800px) {.float_rt {	width:47%; } }
@media only screen and (max-width:380px) {.float_rt {	width:47%; } }

.float_rt25 {float:right; text-align:left; width:24%; height:auto; margin-left:8px; font-size:10pt; font-weight:bold; }
@media only screen and (min-width:601px) and (max-width:916px) {.float_rt25 {width:23%; } }
@media only screen and (max-width:600px) {.float_rt25 {width:47%; } }
.float_rt32 {float:right; text-align:center; width:30%; height:auto; margin:0px; padding:4px; font-size:11pt; }
@media only screen and (min-width:421px) and (max-width:520px) {.float_rt32 {width:29%; margin-right:8px; } }
@media only screen and (max-width:420px) {.float_rt32 {margin:8px; float:none; width:100%; } }

.float_lft32box {width:28%; float:left; background-color:#fff; color:#360; font-size:11pt; text-align:left; border-radius:4px; padding:8px; margin:1%; }
@media only screen and (min-width:421px) and (max-width:520px) {.float_lft32box {width:27%; } }
@media only screen and (max-width:420px) {.float_lft32box {margin:8px auto; float:none; width:98%; } }
.float_lft32box a {color:#00F; }

.float_lft68box {width:68%; float:left; background-color:#ccc; color:#000; font-size:11pt; text-align:left; border-radius:4px; padding:8px; margin:1%; }
@media only screen and (min-width:421px) and (max-width:520px) {.float_lft68box {width:67%; } }
@media only screen and (max-width:420px) {.float_lft68box {margin:8px auto; float:none; width:98%; } }

.float_rt68box {width:68%; float:right; background-color:#ccc; color:#000; font-size:11pt; text-align:left; border-radius:4px; padding:8px; margin:1%; }
@media only screen and (min-width:421px) and (max-width:520px) {.float_rt68box {width:67%; } }
@media only screen and (max-width:420px) {.float_rt68box {margin:8px auto; float:none; width:98%; } }

.float_rt68box_Christmas {width:68%; float:right; background-color:#fff; color:#336600; font-size:11pt; text-align:left; border-radius:4px; padding:8px; margin:1%; }
@media only screen and (min-width:421px) and (max-width:520px) {.float_rt68box_Christmas {width:67%; } }
@media only screen and (max-width:420px) {.float_rt68box_Christmas {margin:8px auto; float:none; width:98%; } }

.float_rt40 {float:right; text-align:right; width:40%; height:auto; margin-left:8px; padding:8px; }
@media only screen and (max-width: 550px) {.float_rt40 {	width:100%; float:none; } }

.float_lfttitle {float:left; text-align:left; max-width:225px; margin-right:8px;}
.float_rttitle{padding: 0px; width:28%; min-width:225px; max-width:480px; 	margin-left:8px; float:right;}
@media only screen and (max-width: 640px) {.float_rttitle {	width:auto; } }
@media only screen and (max-width: 539px) {.float_rttitle {	display:none; } }

.float_lftfrmtitle {float:left; text-align:right; width:20%; margin-right:0px; border-radius:4px; color:#555; line-height:1.4em; padding:4px; margin-top:0; margin-bottom:8px;}
.float_lftfrm {float:left; text-align:left; width:77%; margin-left:8px; border-radius:4px; color:#555;  line-height:1.4em; padding:4px; margin-top:0; margin-bottom:8px;}
.frmbtn {background-color:#900; color:#fff; padding:8px; font-size:150%; font-weight:bold; text-align:center; border-radius:4px; }

.hide {display:inherit; }
@media only screen and (max-width: 460px) { .hide { display:none; } }
.hide900 {display:inherit; }
@media only screen and (max-width: 900px) { .hide900 { display:none; } }
.hide640 {display:inherit; }
@media only screen and (max-width: 640px) { .hide640 { display:none; } }
.hide550 {display:inherit; }
@media only screen and (max-width: 550px) { .hide550 { display:none; } }

.bgblk {background-color:#000; }
.bgwht {background-color:#fff; }
.bggray {background-color:#999; }
.brdrimg {border:solid 1px #000; border-radius:4px; }
.clear {clear:both;}
.clrlft {clear:left; }
.clrrt {clear:right; }

.center {text-align:center; }
.img_lft {float:left; padding:8px; }
.img_lft36 {float:left; max-width:36%; height:auto; padding:0 8px 0 0; }
.img_lft36_nb {float:left; max-width:36%; height:auto; padding:0 8px 0 0; border:none; }

.img_rt {float:right; padding:8px; }
.img_rt36 {float:right; max-width:36%; height:auto; padding:0px; margin:0 0 0 8px; }
.img_rt36_nb {float:right; max-width:36%; height:auto; padding:0 0 0 8px; border:none;}


.img_pad4 {padding:0 4px; vertical-align:text-top; }
.imgrtpad8 {float:right; margin: 0 8px; }
.left {text-align:left; }
.logo {font-size:120%; font-family: Salsa, 'MV Boli', cursive; font-weight:bold; color:#900; }
.smaller {font-size:smaller; }
.small10 {font-size:12pt; line-height:1.3em; }
.bold {font-weight:bold; }
.black {color:#000; }

.pright {text-align:right; }
.white { color:#fff; background-color:inherit; }
.dkgrn {color:#360; }
.yellow {color:#FF0; text-align:center; }
.big {font-size:24pt; line-height:1em;  }
@media only screen and (max-width: 640px) {.big  { font-size:18pt;  } }
.big2 {font-size:20pt; line-height:1em; font-weight:bold;  }
@media only screen and (max-width: 640px) {.big2  { font-size:18pt;  } }
.max55 {max-width:55%; height:auto; margin-left:auto; margin-right:auto; }
@media only screen and (max-width: 550px) {.max55 {	width:480px; max-width:100%; float:none; } }
.floatno {float:none; max-width:100%; }
.blue175 {color:#03C; font-size:28px; }

.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 50%;  width:48px;  
  background-color: black;
  border: 2px solid #993366; color:#fff;
}

____
/* dup June 2018 from:  W3.CSS 4.10 February 2018 by Jan Egil and Borge Refsnes and edited*/


.w3-container:after,.w3-container:before {content:"";display:table;clear:both}
.w3-container {padding:0.01em 16px}

.w3-center {display:inline-block;width:auto}
.w3-center {text-align:center}
.w3-center{text-align:center!important}

.w3-animate-zoom {animation:animatezoom 2s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}