body {  behavior: url(includes/csshover.htc);} /* WinIE behavior call */
div#nav-cat {
  float: left; width: 180px;
  margin: 0 0 0 0;
  background-color: white; font-weight:bold;
}
div#nav-cat ul {
  margin: 0;
  padding: 0;
  width: 180px;
  background-color: white;
/*  border: 1px solid #AAA;*/
}
div#nav-cat ul.level2 {background-color: white;}
div#nav-cat ul.level3 {background-color: white;}
div#nav-cat ul.level4 {background-color: white;}
div#nav-cat ul.level5 {background-color: white;}
div#nav-cat ul.level6 {background-color: white;}
div#nav-cat li {
   position: relative;
	list-style: none;
	margin: 0;
   margin-top: 0px; /* change it to whatever space you want to put space between buttons*/
  /*border-top: 1px solid #CCC;*/
   border-bottom: 1px solid #CCC; /* <---this line may help or hinder IE menu shifting issues */
	/*margin-right: 10px;*/
}
div#nav-cat li li {
  margin: 0; /* this overrides the margin-top in the declaration above */
}
div#nav-cat li:hover {background-color: yellow;}
div#nav-cat li.submenu {
background: url(../images/submenu.gif) 100% 50% no-repeat;
background-color: white;
}
div#nav-cat li.submenu:hover {background-color: yellow;}
div#nav-cat li a {
  display: block;
  padding-left:3px;
  padding-right:15px;
  padding-top:3px;
  padding-bottom: 3px;
  /*padding: 0.25em 0 0.25em 0.5em;*/
  text-decoration: none; width: 162px; color: black;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
div#nav-cat>ul a {
  width: auto;
  }
div#nav-cat ul ul {
  position: absolute; top: 0; left: 180px;
  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;
border-right:1px solid #CCC;
border-left:1px solid #CCC;
border-top:1px solid #CCC;
border-bottom:0px solid #CCC;
}