@charset "utf-8";
/* CSS Document */
body { font: 100% 'Open Sans', Arial, Geneva, sans-serif; color: #000; background-color:#ccff66; background-image:url(/images/W_trees.jpg); background-position:center; background-size: cover; margin: 0; padding: 0; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; text-align:center; font-family: Play, Verdana, Geneva, sans-serif; color: #000; line-height:1.1em; }
h1 {font-size:250%; }
@media only screen and (max-width: 640px) {h1 {	font-size:200%;} }
h2 {font-size:175%; color:#006600;  }
h3 {font-size:150%; color: #99cc33; }
p {font: 100% 'Open Sans', Arial, Geneva, sans-serif; color:#000; padding:0 14px; }
img {max-width: 100%; height: auto; border:none; }
* {box-sizing: border-box;}
form {background-color:#fff; border-radius:4px; max-width:55%; border:ridge 2px #808080; margin-left:8px; margin-right:8px; } 
@media only screen and (max-width: 550px) {form { width:100%; max-width:100%; } }
form p {display:block; }

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

#header { background-color: rgba(255,255,255,0.75);  padding: 0 0 0 10px; margin:0; }
#header h1 { margin: 0; padding: 10px 0;}

#top { padding: 0px; width:28%; min-width:225px; max-width:480px; margin-left:8px; border-radius: 14px; border:none; background-color:#060; color:#fff; position:absolute; top:0; right:360px; z-index:5;  }
@media only screen and (max-width: 1074px) {#top { max-width:40%; right:0px; z-index:1;  } }
#top p { margin: 0; padding: 10px 0; font-weight:bold; text-align:center; color:#fff; background-color:transparent; }
@media only screen and (max-width: 1074px) {#top p { padding: 2px; } }
#top a, a:hover, a:visited {color:#cf6; }	

#mainContent { padding: 14px 0; background-color: rgba(255,255,255,0.7); color:#000; margin:0px; }
#mainContent h1, h2, h3, h4, h5, h6 { font-weight:bold; text-align:center; color:#000; line-height:1.1em; }
#mainContent:hover { background-color: rgba(255,255,255,1.0); color:#030; }
#mainContent:focus { background-color: rgba(255,255,255,1.0); color:#030; }
@media only screen and (max-width: 599px) {#mainContent {background-color: rgba(255,255,255,1.0); color:#030;  } }

#mainContent2 { padding: 8px 0; background-color: rgba(204,255,102,0.7); color:#030; margin:0px; }
#mainContent2 h1, h3, h4, h5, h6 { font-weight:bold; text-align:center; font-family:Play, Verdana, Geneva, sans-serif; color:#030; line-height:1.1em; }
#mainContent2 h2 { font-weight:bold; text-align:center; font-family:Play, Verdana, Geneva, sans-serif; background-color:#000; color:#fff; line-height:1.1em; width:98%; padding:12px; margin:0; text-align:center; border-radius:4px; }
#mainContent2:hover {background-color: rgba(204,255,102,1.0);  }
#mainContent2:focus {background-color: rgba(204,255,102,1.0);  }

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

#footflt_rt { padding: 0px; width:28%; min-width:225px; max-width:480px; margin-left:8px; float:right; border-radius: 14px; border:none; background-color:#333; color:#fff;  }
@media only screen and (max-width: 640px) {#footflt_rt { max-width:50%; } }
@media only screen and (max-width: 460px) {#footflt_rt { min-width:88px; width:auto; max-width: 88px; max-height: 88px; overflow:hidden; } }
#footflt_rt p { margin: 0; padding: 10px 0; font-weight:bold; text-align:center; color:#fff;}

#ctr50 {margin: 0 auto; width:52%; }
@media only screen and (max-width: 1020px) {#ctr50 {width:100%;  } }

#image_bar {padding: 8px;  background-color:#030; opacity: 1; filter: alpha(opacity=100); margin:0 auto; width:100%;}
#image_bar img { opacity: 1; filter: alpha(opacity=100); }	
#image_bar p { margin: 0; padding: 14px;  font-size:85%; font-weight:bold; color:#cf6; width:49%; float:left;}
@media only screen and (max-width: 480px) {#image_bar p { width:100%; float:none; } }
#image_bar h1, h2, h3 { text-align:center;	margin: 0; 	padding: 10px 0; font-weight:bold; color:#fff; }
#image_bar a, a:hover, a:visited, a:active {color:#CF6; }

#image_bar100 {padding: 8px;  background-color:#030; opacity: 1; filter: alpha(opacity=100); margin:0px;}
#image_bar100 img { opacity: 1; filter: alpha(opacity=100); }	
#image_bar100 p { margin: 0; padding: 14px 0;  font-size:85%; font-weight:bold; color:#cf6; width:100%; float:none; }
#image_bar100 h1, h2, h3 { text-align:center;	margin: 0; 	padding: 10px 0; font-weight:bold; color:#fff; }
#image_bar100 a, a:hover, a:visited, a:active {color:#CF6; }

#nav { padding: 0; background:#000; color:#FFF; width:100%; margin:0; border:thin #999; height:auto; line-height:1.1em; }
#nav a {display:inline; width:20%; margin:0; padding:8px; text-align:center; float:left; color:#FFF; font-weight:bold; font-size:88%; text-decoration:none; background-color:#000; }
#nav a:hover {background-color:#090; text-decoration:underline; color:#CF6; }
#nav a:active {background-color:#060; color:#CF6; }
@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:40%; max-width:400px; margin-right:8px;}
@media only screen and (max-width:800px) {.float_lft {	width:47%; } }
.float_rt {float:right; text-align:right; width:480px; max-width:48%; height:auto; margin-left:8px;}
@media only screen and (min-width:381px) and (max-width:800px) {.float_rt {	width:49%; } }
@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%; margin-left:2px; } }
.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_rt32box {width:30%; float:right; background-color: rgba(204,255,102,0.88); color:#000; font-size:11pt; text-align:left; border-radius:4px; padding:8px; margin-right:16px; }
@media only screen and (min-width:421px) and (max-width: 520px) {.float_rt32box {width:29%; margin-right:8px; } }
@media only screen and (max-width: 420px) {.float_rt32box {margin:8px; float:none; width:100%; } }

.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_rt50 {float:right; text-align:right; width:47%; height:auto; margin-left:8px; padding:8px; }
@media only screen and (max-width: 510px) {.float_rt50 {	width:100%; float:none; margin:0; } }

.float_lft50 {float:left; text-align:left; width:47%; height:auto; margin-right:8px; padding:8px; }
@media only screen and (max-width: 510px) {.float_lft50 {width:100%; float:none; margin:0; } }
.float_lft25 {float:left; 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_lft25 {width:23%; } }
@media only screen and (max-width:600px) {.float_lft25 {float:none; width:98%; margin-left:2px; } }

.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:70px; margin-right:0px; border-radius:4px; background-color: rgba(204,255,102,0.7); color:#808080; line-height:1.4em; padding:4px; margin-top:0; margin-bottom:8px;}
.float_lftfrm {float:left; text-align:left; max-width:360px; margin-right:8px; border-radius:4px; background-color: rgba(204,255,102,0.7); color:#808080;  line-height:1.4em; padding:4px; margin-top:0; margin-bottom:8px;}
.frmbtn {background-color:#000; color:#0F0; padding:8px; 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; } }
.bgwhite { padding: 14px 0; background-color: rgba(255,255,255,0.7); color:#000; margin:0px; }
.clear {clear:both;}
.clrlft {clear:left; }
.clrrt {clear:right; }

.center {text-align:center; }
.imgrtpad8 {float:right; margin: 0 8px; }
.left {text-align:left; }
.smaller {font-size:smaller; }
.small10 {font-size:11pt; line-height:11pt; }
.bold {font-weight:bold; }
.black {color:000; }
.white { color:#fff; background-color:inherit; }
.yellow {color:#FF0; text-align:center; }
.grn {color:#060; background-color:inherit; }
.grntitle {color:#060; background-color:inherit; text-align:center; padding-top:24px; }
.big {font-size:24pt;  }
@media only screen and (max-width: 640px) {.big  { font-size:14pt;  } }
.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%; }
.pad8 {padding:8px; margin:8px;}


____
/* 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 1s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}