<!-- 
.active {background-color: #444444; vertical-align: middle; color: #ffffff; font-size: 20px; font-weight: 200; text-decoration: underline; border: 0px solid; border-radius: 5px; border-color: white; text-transform: uppercase; }

.inactive {background-color: black; vertical-align: middle; color: #cccccc; font-size: 20px; font-weight: 200; text-decoration: none; border: 0px none; border-radius: 0px; border-color: #000000; text-transform: uppercase; }

.topnav {padding: 5px; vertical-align: middle; color: white; font-size: 20px; line-height: 130%; font-weight: 200; border-radius: 0px; overflow: hidden; text-transform: uppercase; }

.topnav a {display: block; padding: 5px 16px; vertical-align: middle; color: white; font-size: 20px; font-weight: 200; text-align: left; float: left; text-transform: uppercase; }

.topnav .icon {display: none; padding: 5px 5px 5px 5px; vertical-align: middle; color: white; font-size: 20px; font-weight: 800; border: 1px solid; border-radius: 5px; border-color: #cccccc; }

.topnav a:hover {vertical-align: middle; color: white; font-size: 20px; font-weight: 200; text-decoration: underline; text-underline-offset: 5px; text-transform: uppercase; }

.dropdown {font-weight: 200; text-align: left; float: left; overflow: hidden; text-transform: uppercase; }

.dropdown:hover .dropbtn {background-color: black; color: white; font-weight: 200; text-align: left; border: 0px 0px 1px 0px solid; border-radius: 0px; border-color: #ddddee; text-transform: uppercase; }

.dropdown .dropbtnActive {background-color: #444444; padding: 5px 16px; color: white; font-size: 20px; line-height: 130%; font-family: inherit; font-weight: 200; text-align: left; border: 1px none; border-radius: 5px; border-color: #ddddee; text-transform: uppercase; }

.dropdown .dropbtn {background-color: #000000; padding: 5px 16px; vertical-align: middle; color: #ffffff; font-size: 20px; line-height: 130%; font-weight: 200; text-decoration: none; text-align: left; border: 0px solid; border-color: white; text-transform: uppercase; }

.dropdown-content {display: none; position: absolute; z-index: 1; background-color: white; min-width: 160px; font-weight: 200; border: 1px solid; border-radius: 3px; border-color: #444444; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8); text-transform: uppercase; }

.dropdown-content a {display: block; background-color: #222222; padding: 5px 16px; color: white; font-weight: 200; text-shadow: none; text-align: left; float: none; text-transform: uppercase; }

.dropdown-content .active {background-color: #444444; vertical-align: middle; color: #ffffff; font-size: 20px; font-weight: 200; text-decoration: underline; border: 1px solid; border-radius: 5px; border-color: white; text-transform: uppercase; }

.dropdown-content a:hover {background-color: #222222; color: white; font-weight: 200; text-transform: uppercase; }

.dropdown:hover .dropdown-content {display: block; background-color: #222222; font-weight: 200; text-transform: uppercase; }

 -->