body   { behavior: url(includes/csshover.htc)  } /* WinIE behavior call */
div#nav-cat                     { font-weight: bold; background-color: #ffffff; text-align: center; margin: 40px auto 60px 20px; width: 155px }
div#nav-cat ul     { font-size: 14px; line-height: 20px; margin: 0; padding: 0; z-index: 1000; width: 100%; border: none }

div#nav-cat ul.level2                               { font-size: 12px; line-height: 16px; background-color: #ffffff; text-align: left; width: 185px; border: solid 1px #000 }
div#nav-cat ul.level3   { font-size: 12px; line-height: 16px; background-color: #ffffff; width: 185px; border: solid 1px #000 }
div#nav-cat ul.level4 {background-color: #ffffff;}
div#nav-cat ul.level5 {background-color: #ffffff;}
div#nav-cat ul.level6 {background-color: #ffffff;}

div#nav-cat li      { background-color: #c9c675; list-style: none; margin: 0; position: relative; z-index: 1 }
div#nav-cat li li    { background-color: #c2c07f }
div#nav-cat li li:hover  { background-color: #fff; margin-left: 0 }
div#nav-cat li:hover   { color: #fff } /* sets the HOVER background of any MENU item that DOES NOT have submenu items */
div#nav-cat li.submenu         { background-color: #c9c675; background-image: url("../images/arrow.gif"); background-repeat: no-repeat; background-position: 160px center } /* sets the background of any menu item that DOES have submenu items */
div#nav-cat li.submenu:hover     { background-color: #c9c675 } /*sets the HOVER background of any menu item that DOES have submenu items */



div#nav-cat li a     { color: #4f1e0d; background-color: transparent; display: block; padding: 0.25em 0 0.3em; width: 100% }
div#nav-cat li a:hover { color: #fff; text-decoration: none; display: block; padding: 0.25em 0 0.3em; width: 100% }
div#nav-cat li li a   { color: #000; text-decoration: none; background-color: transparent; display: block; padding: 0.25em 0 0.3em; width: 100% }
div#nav-cat li li a:hover { color: #000; text-decoration: none; background-color: transparent; display: block; padding: 0.25em 0 0.3em; width: 100% }
div#nav-cat ul ul {
    position: absolute; top: 0; left: 100%;
    display: none; z-index: 1000;
}

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;
}
div#nav-cat ul.level3 li.submenu:hover ul.level4 { height: 200px;overflow: scroll;}