/*
   Style sheet for navigation bar
*/

#menu {
		position:relative;
		list-style-type:none;
	padding: 0;
  margin: 0;
	width:100%;
  height: 1.6em;
  background-color: LightPink;
  border-bottom: solid 1px black;
}


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

#mi01 { left:0 }
#mi02 { left:12em }
#mi03 { left:24em }
#mi04 { left:36em }
#mi05 { left:48em }

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

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

.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: LightPink;
  color: Brown;
  font-size: smaller;
  border-right: solid 0.05em IndianRed;
  border-bottom: solid 0.05em LightSalmon;
}		
	
#menu li a:hover {
  text-decoration: underline;
  font-weight: bold;
  background-color: DarkSalmon;
  color: Brown;
}

#menu li a:active {
  text-decoration: underline;
  font-weight: bold;
  background-color: Red;
  color: Brown;
}

#menu li span:hover {
  font-weight: bold;
  background-color: DarkSalmon;
  color: Brown;
}

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