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

div#nav-cat {width: 150px; margin: 0px; font-weight:normal; text-align: left; font-size: 1.1em; font-weight: bold; line-height: 16px; border: none; }

div#nav-cat ul {
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0px; 
padding: 4px;
padding-top: 0px; 
margin-bottom: 5px; 
background-repeat: no-repeat;
background-image:url(../images/sidebox_content_bg.gif);
background-position:bottom;
}

div#nav-cat ul.level2 {margin-left: -6px; padding: 0; width: 142px; border: 1px solid #ffe1ff;}
div#nav-cat ul.level3 {margin-left: -5px; margin-top: -1px; padding: 0; width: 142px; border: 1px solid #ffe1ff;}
div#nav-cat ul.level4 {margin-left: -5px; margin-top: -1px; padding: 0; width: 142px; border: 1px solid #ffe1ff;}
div#nav-cat ul.level5 {margin-left: -5px; margin-top: -1px; padding: 0; width: 142px; border: 1px solid #ffe1ff;}
div#nav-cat ul.level6 {margin-left: -5px; margin-top: -1px; padding: 0; width: 142px; border: 1px solid #ffe1ff;}

div#nav-cat li {background-color: #ffffff;
position: relative; 
list-style: none;  
z-index: 20;
height: auto; /* height set to auto to allow text to wrap to next line */
width: 120px;
margin: 0px;
padding-left: 4px;
padding-right: 18px;
border-bottom: 1px solid #ffe1ff;
}



/* 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-left: 0px;
/* this overrides the margin-top in the declaration above */
}

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

div#nav-cat li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;
width: 120px;
margin-left: 0px;
margin-top: 0px;
padding-right: 18px;
}

/* Set color and margins of submenu */
div#nav-cat li.submenu:hover {background-color: #D5ADFB; }
div#nav-cat li.level2 {background-color: ##FED4FE; }
div#nav-cat ul {background-color: #ffffff;}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none; width: 142px;}
div#nav li a:hover {border: none;}
div#nav-cat>ul a {width: 137px;}
div#nav-cat ul ul {position: absolute; top: 0; left: 148px; 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;}

/* Settings for the display of submenu blocks */
div#nav-cat ul a{
width: auto; /* Sets the submenu block width to auto - If not present menu displays as huge list - Applies throughout menu system */
}

/* Settings for extra submenu blocks */
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; /* Sets submenu blocks TO display when they are being hovered over, overriding setting directly above - Applies throughout menu system */
}