ul.subnav {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #8888FF;
}

ul.mainnav {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #8888FF;
}

ul.mainnav li.mt {
  display: block;
  position: relative;
  float: left;
  background: #DDDDFF;
}

li.mt ul { display: none; }

ul li.mt a {
  display: block;
  padding: 1em;
  text-decoration: none;
  white-space: nowrap;
  color: #000000;
}

ul li.mt a:hover {
	background: #CCCCFF;
}

li.mt:hover > ul {
  display: block;
  position: absolute;
}

li.mt:hover li.mt { float: none; }

li.mt:hover a { background: #BBBBFF; }

li.mt:hover li.mt a:hover { background: #CCCCFF; }

.mainnav li.me ul li.mt { border-top: 0; }

ul ul ul {
  left: 100%;
  top: 0;
}