div#hmenu {
  width: 100%;
  display: block;
  margin-top: 1px;
  font-weight: bold;
	margin: 10px 2px;
}

div#hmenu ul {
  padding: 0; 
  margin: 0;
}

div#hmenu li {
  position: relative; 
  list-style: none; 
  margin: 0;
  float: left; 
	height: 30px;
	width: 125px;
	margin-right: 2px;
	border-right: 1px solid #000;
	background: url(images/maroon.png) ;
	background: url(images/magenta_corner.png) ;
	border-bottom: 1px solid #000;
}

div#hmenu li:hover {
	background: url(images/maroon_hover.png) ;
	background: url(images/magenta_corner.png) ;
	z-index: 10;
}

div#hmenu li a {
  display: block; 
  text-decoration: none; 
  color: #FFFFFF; 
	text-align: left;
	height: 24px;
  padding: 8px 0 0 10px;
  width: auto;
}

div#hmenu li a:hover {
	color: #ccc;
}

div#hmenu>ul a {
  width: auto;
  color: #FFF; 
}

div#hmenu ul ul {
 	position: absolute; 
 	width: 100%;
 	display: none;
}

div#hmenu ul ul li {
 	width: 100%;
}

div#hmenu li.submenu {
}

div#hmenu ul ul li.submenu {
}

div#hmenu li.submenu:hover {
	z-index: 100;
}

div#hmenu li.submenu li.submenu:hover {
}

div#hmenu ul.level1 li.submenu:hover ul.level2, div#hmenu ul.level2 
	li.submenu:hover ul.rollover, div#hmenu ul.level2 
	li.submenu:hover ul.level3 {
 	display:block;
}

div#hmenu ul.level2 li {
	background: #800000;
	background: magenta;
}

div#hmenu ul.level2 li:hover {
	background: hotpink;
}

div#hmenu ul.level2 {
	top: 31px;
	left: 0px;
}

div#hmenu ul.level3 {
	top: 0em;	
	left: 140px;
}

/* custom menu/submenu widths */

#hmenu .subone { width: 125px; }
#hmenu .subtwo { width: 125px; }
#hmenu .subthree { width: 223px; }
#hmenu .subfour { width: 223x; }

#hmenu .five { }
#hmenu .six { }
#hmenu .contact { width: 91px; border-right: none; }