div#nav-cat {width: 174px; margin: -1px 0 0 0px;
  background-color: transparent; font-weight:bold;
  text-align: left;
  line-height: 23px;
  color: #773D8E;
  font-size:13px;
	}

div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 198px; background-color: transparent;
 /* border: 1px solid #7e6ba5;*/
  background-repeat: no-repeat;
	}


div#nav-cat ul.level2 {margin: 10; padding: 2; width: 170px; 
  background-color: transparent;
  border: none;
	}
div#nav-cat ul.level3 {margin: 10; padding: 2; width: 190px; 
  background-color: transparent;
  border: none;
	}

div#nav-cat ul.level2 {background-color: white; border: 1px #CCCCCC solid; }

div#nav-cat ul.level3 {background-color: white; border: 1px #CCCCCC solid;}

div#nav-cat ul.level4 {background-color: white; border: 1px #CCCCCC solid;}

div#nav-cat ul.level5 {background-color: white; border: 1px #CCCCCC solid;}

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

div#nav-cat li {/*background-image: url(../images/b1.gif); */
 position: relative;
 list-style: none; 
 margin: -2px;
 margin-top: 0px;
 z-index: 20; 
 height: 20px;
 width: 164px;
 margin-bottom: 5px;
/* change it to whatever space you want to put space between buttons*/}
/* <---this line may help or hinder IE menu shifting issues */

div#nav-cat li li {
  margin: 0px; 
   margin-bottom: 5px;
   background-color:#FFF;
/* this overrides the margin-top in the declaration above */
} 

div#nav-cat li:hover {/*background-image: url(../images/b1_over.gif); */ 
}

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

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

div#nav-cat ul {background-color: transparent;}

div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 150px; color: #4D4069;
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
}
div#nav-cat li a:hover {color: #FF00FF;}
div#nav li a:hover {border: none; color: #FF00FF;}

div#nav-cat>ul a {width: 170px;}
div#nav-cat>ul ul a {width: 170px;}
div#nav-cat>ul ul ul a {width: 190px;}

div#nav-cat ul ul {position: absolute; top: 0; left: 168px;
  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;

}