body {
  background-color:white;
  color:#000080;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}

table {
  color:#000080;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  border-style:none;
}

A.navi:link {text-decoration:none; color:#707070; font-family: Verdana, Arial, Helvetica, sans-serif}
A.navi:visited {text-decoration:none; color:#707070; font-family: Verdana, Arial, Helvetica, sans-serif}
A.navi:focus {text-decoration:none; color:#707070; font-family: Verdana, Arial, Helvetica, sans-serif}
A.navi:active {text-decoration:none; color:#707070; font-family: Verdana, Arial, Helvetica, sans-serif}
A.navi:hover {text-decoration:none; color:#FF0000; font-family: Verdana, Arial, Helvetica, sans-serif}


A:link {text-decoration:none; color:#000080; font-family: Verdana, Arial, Helvetica, sans-serif;}
A:visited {text-decoration:none; color:#000080; font-family: Verdana, Arial, Helvetica, sans-serif}
A:focus {text-decoration:none; color:#000080; font-family: Verdana, Arial, Helvetica, sans-serif}
A:active {text-decoration:none; color:#000080; font-family: Verdana, Arial, Helvetica, sans-serif}
A:hover {text-decoration:none; color:#FF0000; font-family: Verdana, Arial, Helvetica, sans-serif}


input {font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #000080; border-width:1px; border-color:#999999; width:100px;}
select {font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #000080; border-width:1px; border-color:#999999; width:100px;}
textarea {font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #000080; border-width:1px; border-color:#999999; width:100px;}
.button {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-color:#000080;
  color:#FFFFFF;
  font-size: 11px;
  font-weight: bold;
  cursor:hand;
}

.label1{
/*
*/
	display: none;
/*
*/
}

.label2{
/*
	display: none;
*/
/*
*/
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

nav li {
	margin: 0.5em;
	padding: 0;
	font-size: 1.5rem;
	flex: 1 1 0%;
}

@media (min-width: 45em) {
	nav > ul {
		flex-direction: row;
	}
	nav li {
		flex: 1;
		font-size: 1em;
	}
}

nav a {
	display: block;
	padding: 0.4em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border: 1px solid darkblue;
	border-radius: 10px;
	box-shadow: 0 5px 10px white inset;
	color: gold;
	background-color: darkblue;
	transition: all .25s ease-in;
}

nav li[aria-current] a {
	background-color: firebrick;
	color: gold;
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
	color: darkblue;
	background-color: gold;
}
/*     submenu navigation links      */

nav .submenu {
	visibility: hidden;
	height: 0;
	z-index: 1000;
}

nav .submenu li {
	display: block;
	/* width: 15em; */
}
/**     Show the submenu on hover, focus     **/

nav li:hover .submenu,
nav li:active .submenu,
nav li:focus .submenu {
	visibility: visible;
	height: auto;
}

nav li:focus-within .submenu {
	visibility: visible;
	height: auto;
}

nav ul ul {
  position: absolute;
  top: -.4em; 
  left: 8em;
}