body {
 padding: 0;
 margin: 0;
// font-family: Arial;
 font-size: 18px;
}

#nav {
 background-color: #112E11;
 margin-top: 5px;
}

#nav_wrapper{
 width: 100%;
 margin: 0 auto;
 text-align: center;
 transition: all 0.4s;
}

#nav ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
 position: relative;
 transition: all 0.4s;
}

#nav ul li {
 display: inline-block;
 padding-left: 4%;
 padding-right: 4%;
 transition: all 0.4s;
 border: 2px solid #FFFFFF;
 margin-left: -1px;
 margin-right: -1px;
}

#nav ul li:hover {
 background-color: #024601;
 transition: all 0.4s;
}

#nav ul li a,visited{
 color: #FFAA22;
 display: block;
 padding: 10px;
 text-decoration: none;
 transition: all 0.4s;
}

#nav ul li a:hover{
 color: #22AAFF;
 text-decoration: none;
 transition: all 0.4s;
}

#nav ul li:hover ul {
 display: block;
 transition: all 0.4s;
}

#nav ul ul {
 display: none;
 position: absolute;
 background-color: #398483;
 transition: all 0.4s;
}

#nav ul ul li {
 display: block;
 padding: 10px;
 transition: all 0.4s;
}


/*--------TABLE VERSION--------*/

#navtbl table, #navtbl th, #navtbl td{
 background-color: #002E00;
 border: 2px solid white;
 border-collapse: collapse;
 padding: 0px;
}

#navtbl{
 width:100%;
 padding-top: 5px;
 padding-bottom: 5px;
 background-color: #002E00;
 text-alagn: center;
}

#navtbl table{
 width: calc(100% - 10px);
 text-alagn: center;
 margin-left: 5px;
 margin-right: 5px;
}

#navtbl table tr th a {
 color: #0099FF;
 padding: 1em;
 margin: -1em;
 display: block;
 font-weight: bold;
 text-decoration: none;
 transition: all 0.4s;
}

#navtbl th, #navtbl td{
 padding: 8px;
 overflow: hidden;
 transition: all 0.4s;
}

#navtbl table tr th a:hover {
 color: #6600CC;
 background-color: green;
 transition: all 0.4s;
}

#navtbl th ul {
 display: none;
 position: absolute;
 background-color: #366483;
 //border: 2px solid #000000;
 margin-top: 8px;
 margin-left: -8px;
 transition: all 0.4s;
}

#navtbl th:hover ul {
 display: block;
 transition: all 0.4s;
 animation: fadein 0.2s;
}

@keyframes fadein{
 from {opacity: 0;}
 to {opacity: 1;}
}

//#navtbl th ul:hover {
// padding: 30px;
//}

#navtbl th ul li {
 display: block;
 padding: 8px;
 border: 2px solid #FFFFFF;
 margin-top: 0px;
 margin-bottom: -2px;
 margin-left: -42px;
 overflow: hidden;
 transition: all 0.4s;
}

#navtbl #wt{
 min-width: 74px;
}

//#nav{display:none;}