body  {
behavior: url("./csshover.htc");
/* WinIE behavior call */
}

div#nav-cat {
    width: 150px;
    margin: -1px 0 0 -1px;
    background-color: #transparent;
    font-weight:bold;
    text-align: center;
    vertical-align: middle;
	}

div#nav-cat ul {
    margin: 0;
    padding: 0;
    padding-top: 0;
    width: 150px;
    background-color: transparent;
    vertical-align: middle;

	}
div#nav-cat ul.level1 {
    vertical-align: middle;
}

div#nav-cat ul.level2 {
    margin: 0;
    padding: 0;
    width: 150px;
    background-color: #EEE703;
    border: 1px solid #000000;
    vertical-align: middle;

	}

div#nav-cat ul.level3 {
    background-color: #EEE703;
    border: 1px solid #000000;
    vertical-align: middle;

}

div#nav-cat ul.level4 {
    background-color: #EEE703;
    border: 1px solid #000000;
    vertical-align: middle;

}

div#nav-cat ul.level5 {
    background-color: #EEE703;
    border: 1px solid #000000;
    vertical-align: middle;

}

div#nav-cat ul.level6 {
background-color: #EEE703;
border: 1px solid #000000;
vertical-align: middle;

}

div#nav-cat li {
 position: relative;
 list-style: none;
 z-index: 20;
 width: 150px;
 vertical-align: middle;
border-bottom: 1px solid #000000;
/* 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-top: -1px;
/* this overrides the margin-top in the declaration above */
}
div#nav-cat li:hover {
}

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: 145px;
    vertical-align: middle;
    }

div#nav li a:hover {
    border: none;
}

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

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