html 
{
  background: url('LakePix.jpg') no-repeat center center fixed;
  background-size: cover;
  height: 100%;
}

body
{font-family: verdana, tahoma, arial, sans-serif;
font-size: 10pt;
margin: 0px;
margin-left: 3px;
margin-right: 3px;
padding: 10px;
overflow-y:auto;
}


}

.ielink
{
  padding:0 .25em 0 .25em; 
  width: auto; 
  overflow:visible;
}

.lake, .lake TD, .lake TH
{
background:url('a001.jpg');
background-position: center;
background-size: cover;

background-color: black;
color:white;
font-family: sans-serif;
font-weight:600; 
}

.lake2
{
background:url('LakePix.jpg');
background-position: center;
background-size: cover;
}

TD 
{
   width: 20%;
}

.bottom, .bottom TR
{
   position:absolute;
   bottom:60px;
   width:10%;
}

.first, .first TD
{
   min-width: 200px;
}

H3
{
font-size: 24pt;
font-weight: bold;
font-style: italic;

color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;

padding-top: 5px;
margin: 10;}

H4
{
font-size: 12pt;
font-weight: bold;
font-style: italic;

color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;

padding-top: 5px;
margin: 0;}

P
{padding-top: 10px;
margin: 0px;}

H1
{font-size: 12pt;
font-weight: bold;
padding-top: 15px;
margin: 0;}

H7
{font-size: 24pt;
font-weight: bold;
font-style: italic;

padding-top: 5px;
margin: 0;}

table.navbar
{font-size: 8pt;
margin: 0px;
padding: 0px; 
border: 0px; 
font-weight: bold;}

table.menu
{font-size: 8pt;
margin: 0px;
padding: 0px;
font-weight: bold;}

td.menuNormal
{padding: 2px;
color: black;
font-weight: bold;
vertical-align: top;
background-color: white;}

td.menuHover
{padding: 2px;
color: black;
font-weight: bold;
vertical-align: top;
/*remove the following line for drop-down menu with images*/
background-color: lightblue;}

div.menuNormal
{display: none;
position: static;}

div.menuHover
{border: 1px solid lightblue;
background-color: white;
display: inline;
position: absolute;}

a.menuitem:link
{padding: 2px;
text-decoration: none;
color: black;
background-color: white;
display: block;
}

a.menuitem:visited
{padding: 2px;
text-decoration: none;
color: gray;
background-color: white;
display: block;}

a.menuitem:hover
{padding: 2px;
text-decoration: none;
color: black;
background-color: lightblue;
display: block;}

a.menuitem:active
{padding: 2px;
text-decoration: none;
color: black;
background-color: lightblue;
display: block;}

a:link {
  color: white;
/*  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; */
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: white;
/*  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; */
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: blue;
/*  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; */
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}

 /* Create five equal columns that floats next to each other */
.column {
  float: left;
  width: 16.5%;
}

 /* Create three equal columns that floats next to each other */
.column3 {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.big {
   position: absolute;  
   bottom: 50px;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other on smaller screens (500px wide or less) */
@media screen and (max-width: 500px) {
  .column {
    width: 100%;
  }
  .column3 {
    width: 100%;
  }
  .big {
     position: relative;  
     bottom: 50px;
   }
}

@media screen and (max-height: 800px) {
  .big {
     position:  relative;  
     bottom: 50px;
  }
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
/*  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;} 
