body { behavior:url("csshover.htc"); }

/* menu container */
div#nav {
  width: 100%;
  display: block;
  margin-top: 1px;
  font-weight: bold;
	margin: 10px 3px;
}

/* set UL defaults to 0 */
div#nav ul {
  padding: 0; 
  margin: 0;
}

div#nav li {
  position: relative; 
  list-style: none; 
  float: left; 
	border-bottom: 1px solid #000;
	margin: 0 2px 0 0; /* give slight margin to the right of toplevel buttons */
	background: #336600; /* darkgreen */
	width: 151px; /* did some simple math to decide widths; with a fluid 
									width page you can use % but should keep the total 
									a tad under 100% to keep IE happy. */
	height: 30px;
}

div#nav li:hover {
	z-index: 10; /* really only necessary when using images and getting some
								interference with another application obscuring the menu */
	background: #008000; /* green */
}

div#nav li a {
  display: block; 
  text-decoration: none; 
  color: #FFFFFF; 
	text-align: left;
  width: auto;
	border-left: 8px solid #808000; /* olive */
	height: 20px;
  padding: 2px 0 0 10px;
	margin-top: 4px;
	margin-bottom: 4px;
	/* I did a little messing with the height, margins and padding to obtain
	the fake olive bar on the button lefts. */
}

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

div#nav>ul a {
  width: auto;
  color: #fff; 
}

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

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

div#nav li.submenu {
/* reserved for whatever ... */
}

div#nav ul ul li.submenu {
/* reserved for whatever ... */
}

div#nav li.submenu:hover {
	z-index: 100; /* not needed here but maybe with your site */
}

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

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

div#nav ul.level2 li {
	background: #191970;
}

div#nav ul.level2 li:hover {
	background: #333ec4;
}

div#nav ul.level2 {
	top: 30px;
	left: 0px;
}

div#nav ul.level3 {
	top: 0em;	
	left: 140px;
	/* reserved for implementation of second level sub menus */
}

/* To make the last menu item a tad narrower and remove extra border if there is one */
#nav .contact { 
	width: 126; 
	border-right: none; 
} 

/* 	CUSTOM SUBMENU WIDTHS:
		Sometimes you have to make a menu or submenu wider to accomodate 
		an overabundance of label. Leave the classes empty or set to auto
		if not required and/or delete in the menu HTML code.	
*/

#nav .subone { width: 151px; }
#nav .subtwo { width: 151px; }
#nav .subthree { width: 240px; } 
#nav .subfour { width: 240px; }