/*
   Style sheet for navigation bar
*/

#menu 
{
	position:relative;
	list-style-type:none;
	padding: 0;
  	margin: 0;
	width:100%;
  	height: 1.6em;
  	background-color: PowderBlue;
  	border-top: solid 1px Teal;
  	border-bottom: solid 1px Teal;
  	font-weight: bold;
}


.menuitem 
{
		position:absolute; 
		margin:0; 
		padding:0;
		width:15em; 
		height:1.6em;
		overflow:hidden;
}

#mi01 { left:0 }
#mi02 { left:15em }
#mi03 { left:30em }
#mi04 { left:45em }

.menuitem ul 
{
		display:block;
		margin: 0; 
		padding:0;
		list-style-type:none;
}
	
.menuitem li { margin:0; padding:0 }
.submenu li { position:relative; }

.submenu 
{
	border-left: solid 1px Teal;
}

/* 2-class selector to have higher weight than ".menuitem ul" */
.submenu .subsubmenu 
{
		position:absolute; 
		top:0; 
		left:10em;
		width:13em;
		display:none;
		border: solid 1px Teal;
}

.menuitem:hover 
{
		height:10em;
		overflow:visible;
}
	
.submenu li:hover > .subsubmenu 
{
		display:block;
}

	
#menu li 
{
  display: inline;
  padding: 0;
  margin: 0;
}

#menu li a:link, #menu li a:visited, #menu span 
{
  text-decoration: none;
  text-align: left;
  background-color: PowderBlue;
  color: DarkBlue;
  font-size: smaller;
  border-right: solid 1px Teal;
  border-bottom: solid 1px Teal;
}		
	
#menu li a:hover {
  text-decoration: underline;
  background-color: DarkSlateBlue;
  color: White;
}

#menu li a:active {
  text-decoration: underline;
  background-color: DarkSlateBlue;
  color: White;
}

#menu li span:hover 
{
	font-weight: bold;
	background-color: LightBlue;
	color: Teal;
}

#menu a, #menu span 
{
		display:block;
		margin:0; 
		height: 1.6em;
		padding: 0.2em 0.5em;
}