/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
<style>
html {
	height:100%;
    width:100%;   
    margin: 0px; 
}
body {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px; 
    top-margin: 0px; 
    font-size: 13px;
    height:100%; 
    width:100%; 
    border: 0;
}
table, tr, td, th {
    border-spacing: 0px;
}
footer {
  position: fixed;
  bottom: 0;
  min-height: calc(100vh - 50px);
}
.nav {
    margin-bottom: 0;
}
ul, #myUL {
  list-style-type: none;
  padding: 2;
}

li {
  padding: 2px;
}

a.undec {
    text-decoration: none; 
    color: inherit;

}
#myUL {
  margin: 0;
  padding: 0;
}

div {
  resize: horizontal;
  overflow: auto;
/*  width: 120px;
  height: 120px; */
  margin: 0px;
  padding: 0px;
  /* border: 1px solid black;   */
  display:block;

}
.caret {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

.caret::before {
    content: "^";
 /* content: "\25B6"; */
  color: black;
  font-weight: bold;
  display: inline-block;
  margin-right: 3px;
}

.caret-down::before {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Safari */'
  transform: rotate(180deg);  
}

.nested {
  display: none;
}

.active {
  display: block;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    top-margin: 0px;
  }

.p2div {
  padding-left: 25px;
  }

.evlog {
    font-size: 13px;
    }



#navitb td {
   padding: 0px; 
   font-size: 14px;
 }

#navitb th {
    color : hwb(56 33% 20%);
    background-color:rgb(92, 91, 91) ;
    padding: 0px; 
   font-size: 12px;
 }

 th {
    color : hwb(56 78% 11%);
    background-color:rgb(31, 30, 30) ;
    padding: 5px;  
   font-size: 12px;
   border: .5px solid gray;
 }

td {
   padding: 5px;  
   font-size: 14px;
 }

#myguy {
  color : #e9de4a;
  background-color:rgb(92, 91, 91) ;
  padding: 5px; 
 font-size: 12px;
}

#mydrag { cursor:grab; }

#boxA, #boxB {
  float:left;padding:10px;margin:10px;-moz-user-select:none;
}

#nav-b ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #097AC0;
    font-size: 13px;
}
  
#nav-b li {
    float: left;
    font-size: 13px;
    
}
  
#nav-b li a {
    display: block;
    color: white;
    text-align: center;
    padding: 12px 14px;
    text-decoration: none;
    font-size: 13px;
}
  
#nav-b li a:hover {
    color: black;
    background-color: #FFF;
}