@import url('https://fonts.googleapis.com/css2?family=Denk+One&display=swap');
H1    { color: #ccf; font-family: "Denk One", "Arial Black"; font-size:24pt; text-align:center; line-height:1.2em; }
H2    { color: #e0ffff; font-family: "Denk One", "Arial Black"; font-size:18pt; text-align:center; line-height:1.1em; }
body  { color: #fff; background-color:#000;  font-size: 14pt; font-family: "Berlin Sans FB", "Trebuchet MS", Arial, Verdana;  }
img {border:none; }
* {box-sizing: border-box;}
iframe {width:98%; height:auto; }

a:link  { color: #7fffd4; font-style: inherit; }
a:visited  { color: #d09cff; font-style: inherit; }
a:active  { color: #add8e6; font-style: inherit; }

form {width:100%; margin:4 auto; border-radius:12px; border:inset #000; background-color:#fff; color:#006; }
form h1 {color:#000099; }

#cont {width:100%; background-image:url(/images/heisbg.png); background-size:cover; padding:0; margin:0;  }
#hdr {width:100%; background-image:url(/images/heisbg.png); background-repeat:repeat-x; height:36px; font-weight:bold; }
#hdr img {height:24px; width:auto; margin:0; padding:0 2px 0 2px; vertical-align:top;  }
@media only screen and (max-width: 800px) {#hdr img {height:20px; width:auto; } }
#hdr a {margin:0 8px 0 8px; text-transform:uppercase; text-decoration:none; }
#hdr a:hover a:active {text-decoration:underline; }
#hdr a:active {color:#6FF; }
@media only screen and (min-width: 769px) {#ind {margin:0 auto; width:80%; } }
@media only screen and (max-width: 768px) {#ind {width:100%; }}
@media only screen and (min-width: 769px) {.ind {margin:0 auto; width:80%; } }
@media only screen and (max-width: 768px) {.ind {width:100%; }}
#nav {width:100%; height:88px; background-color:#00F;   background-color:rgba(0,0,255,0.3);  margin:0; padding:0; }
@media only screen and (max-width: 600px) {#nav {height:100px; } }
#nav a {margin:8px; text-transform:uppercase; text-decoration:none; }
#nav a:hover a:active {text-decoration:underline; }
#nav a:active {color:#6FF; }
#main {width:100%; }
#pics {text-align:center; }
#pics img {width:300px; height:auto; padding:36px; max-width: 30%; }
@media only screen and (min-width: 461px) and (max-width: 768px) {#pics img {max-width:32%; padding:8px; } }
@media only screen and (max-width: 460px) {#pics img {max-width:100%; padding:4px; } }
#pics2 { margin:0 auto; text-align:center; z-index:0; }
#pics2 img {width:60%; height:auto; padding:0; vertical-align:middle; }
#sidebarfrm { float: left; width:18%; background: #ffffff; color:#000; padding: 5px 10px 5px 10px; text-align:right; margin: 0;}
.sidebarfrm { float: left; width:18%; background: #ffffff; color:#000; padding: 5px 10px 5px 10px; text-align:right; margin: 0;}
#mainContentfrm { margin: 0px; padding: 5px 10px 5px 10px; width:75%; background-color:#FFF; float:right; text-align:left; } 
.mainContentfrm { margin: 0px; padding: 5px 10px 5px 10px; width:75%; background-color:#FFF; float:right; text-align:left; } 
#ftr {width:100%; font-size:85%; background-color:#000; height:36px; padding-top:8px; font-weight:bold; }
@media only screen and (max-width: 600px) {#ftr {font-weight:normal; font-size:80%; } }
#ftr img {vertical-align:top; max-height:36px; width:auto; }

.bg_redwoods {background-image:url(/images/LI_redwoods_1280.png); }
.clear {clear:both; }
.ctr {text-align:center; }
.drop {margin-top:88px; }
.fltlft {float:left; width:auto; margin-top:36px; }
.fltlft_nav {float:left; width:auto; margin:0; font-weight:normal; }
@media only screen and (max-width: 600px) {.fltlft_nav {width:88px; height:auto;  } }
.fltlft_nav img {max-width:100%; height:auto; }
@media only screen and (max-width: 600px) {.fltlft_nav img {width:88px; height:auto;  } }
.fltlft_ctr {float:left; width:60%; text-align:center; margin:0,auto; }
@media only screen and (max-width: 600px) {.fltlft_ctr {float:none; width:90%; height:auto;  } }

.fltrt {float:right; width:auto; margin-top:36px; }
@media only screen and (max-width: 600px) {.fltrt img {width:50%; height:auto;  } }
.fltrt40 {float:right; width:38%; margin-top:18px; text-align:center; height:100%: }
@media only screen and (max-width: 600px) {.fltrt40 {float:none; width:90%; height:auto;  } }
.fltrt_hdr {float:right; width:auto; margin:0; font-weight:normal; }
.fltrt_hdr img{height:36px; width:auto; margin:0; padding:0 10px 0 10px;}
.fltrt_nav {float:right; width:auto; margin:8px 0 0 0; font-weight:normal; }
@media only screen and (max-width: 600px) {.fltrt_nav {font-weight:normal; font-size:12pt; } }
.fltrt_ctr {float:right; width:70%; margin:0,auto; }
@media only screen and (min-width:560px) and (max-width: 1000px) {.fltrt_ctr {width:60%; } }
@media only screen and (max-width: 460px) {.fltrt_ctr {width:100%; float:none; } }

.hide {display:inherit; } 
@media only screen and (max-width: 600px) {.hide {display:none; } }
.hide2 {display:inherit; } 
@media only screen and (max-width: 460px) {.hide2 {display:none; } }

.lft {text-align:left; }
.red {color:#c00; }
.dkblue {color:000099; }
.rt {text-align:right; }
.sides {font-family: 'Denk One', Impact, "Arial Black"; font-size:16pt; text-align:center; }
@media only screen and (max-width: 780px) {.sides  {font-size:12pt; } }
.sides p {margin:0; padding:0; }
.small {font-size:80%; }
.social {width:100%; margin:0 auto; text-align:center; }
.social1 {width:100%; margin:0 auto; text-align:center; font-weight:normal; }
.social1 img {height:30px; width:auto; vertical-align:middle; padding:0 4px 0 4px; }
.picbar {max-width:20%; height:auto }

.row {display:flex; flex-wrap: wrap; padding:0 4px; }
@media screen and (min-width: 801px) { .column {flex:25%; max-width:25%; padding:0 4px; } }
.column img {margin-top:8px; vertical-align:middle; width:100%; }
@media screen and (min-width: 481px) and (max-width: 800px) { .column { flex: 50%; max-width: 50%;} }
@media screen and (max-width: 480px) { .column { flex: 100%; max-width: 100%;}}