/*
   Style sheet for navigation bar - KXML Editor
*/

#menu {
	position:relative;
	list-style-type:none;
	padding: 0;
	margin: 0;
	width:100%;
	height: 1.6em;
  	background-color: LightBlue;
  	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 }


.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: LightBlue;
  color: Blue;
  font-size: smaller;
  border-right: solid 0.05em SteelBlue;
  border-bottom: solid 0.05em LightSteelBlue;
}


#menu li a:hover {
  text-decoration: underline;
  font-weight: bold;
  background-color: LightSteelBlue;
  color: Blue;
}

#menu li a:active {

  text-decoration: underline;
  font-weight: bold;
  background-color: Red;
  color: Blue;
}

#menu li span:hover {
  font-weight: bold;
  background-color: LightSteelBlue;
  color: Blue;
}


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