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

div#nav-cat {
	float: left;
	width: 149px; 
	margin: -1px 0 10px -1px;
	background-color: #666; 
	font-weight:bold;
}

div#nav-cat ul {
	margin: 0; 
	padding: 0; 
	width: 149px; 
	background-color: #666;
    border: 1px solid #000;
}

div#nav-cat ul.level2 {
	background-color: #666;
}

div#nav-cat ul.level3 {
	background-color: #666;
}

div#nav-cat ul.level4 {
	background-color: #666;
}

div#nav-cat ul.level5 {
	background-color: #666;
}

div#nav-cat ul.level6 {
	background-color: #666;
}

div#nav-cat li {
	position: relative;
	list-style: none;
	margin: 0;
    margin-top: 0; /* change it to whatever space you want to put space between buttons*/
    border-bottom: 1px solid #000; /* <---this line may help or hinder IE menu shifting issues */
}

div#nav-cat li li {
  margin: 0; /* this overrides the margin-top in the declaration above */
} 

div#nav-cat li:hover {
	background-color: #999;
}

div#nav-cat li.submenu {
background-color: #666;
}

div#nav-cat li.submenu:hover {
	background-color: #999;
}

div#nav-cat li a {
	display: block; 
	padding: 0.25em 0.25em 0.25em 0.25em;
    text-decoration: none; 
	width: 149px; 
	color: #fff;
}

div#nav-cat li a:hover {
    text-decoration: none; 
	color: #000;
}

div#nav-cat>ul a {
	width: auto; 
}

div#nav-cat ul ul {
	position: absolute; 
	top: 0; 
	left: 149px;
    display: none;
}

div#nav-cat ul.level1 li.submenu:hover ul.level2, div#nav-cat ul.level2 li.submenu:hover ul.level3, div#nav-cat ul.level3 li.submenu:hover ul.level4, div#nav-cat ul.level4 li.submenu:hover ul.level5, div#nav-cat ul.level5 li.submenu:hover ul.level6 {
	display:block;
}