.navbar
 {
 text-align: left;
 vertical-align: top;
 width: 160px;
 float: left;
 clear: both;
 margin: 0;
 margin-right: 7px;
 padding: 0;
 }

div.navbar ul { padding: 0; margin: 0; }

div.navbar ul li
 {
 width: 160px;
 list-style-type: none;
 text-align: center;
 padding: 0;
 padding-bottom: 3px;
 }

div.navbar ul li.submenu { padding-bottom: 0; }

div.navbar ul li a, div.navbar ul li a:link, div.navbar ul li a:visited, div.navbar ul li a:active
 {
 font-family: Arial, sans-serif;
 font-weight: 500;
 font-size: 14pt;
 display: block;
 text-decoration: none;
 padding: 4px;
 }

div.navbar ul li a.blue { color: white; background-color: #6197CD; }
div.navbar ul li a.red { color: white; background-color: #EE333F; }
div.navbar ul li a.green { color: white; background-color: #00AE58; }
div.navbar ul li a.purple { color: white; background-color: #643E95; }
div.navbar ul li a.submenu { color: white; background-color: #01CCDE; font-size: 11pt; font-weight: 900; }
div.navbar ul li a.current { color: #185B9F; background-color: white; }
div.navbar ul li a:hover { cursor: pointer; color: #185B9F; background-color: white; }

.hidden { display: none; visibility: hidden; margin: 0; padding: 0; height: 0; line-height: 0; }