div.nav {width: 100px; margin: 0px 0 0px 5px; padding: 0 0 0; 
  background: #a274d1; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal;}
div.nav ul {margin: 0 0px 0 0px; padding: 0; width: 100px; }
div.nav li {position: relative; list-style: none; margin: 0;
     white-space:nowrap; background: #a274d1 url(images/prod_menu_bk.gif) repeat-x; height: 20px; }
div.nav li:hover {background: #8f63bf; height: 20px;}
div.nav li.submenu {background: #a274d1 url(images/prod_menu_sub_bk.gif) 100% 100% no-repeat; height: 20px;}
div.nav li.submenu:hover {background: #8f63bf url(images/prod_menu_sub-over_bk.gif) 100% 100% no-repeat; color: #e9ef46; height: 20px; border: 0px;}
div.nav li a {display: block; padding: 0.25em 0 0.35em 0.5em;
  text-decoration: none; width: 6.5em; color: #fff; border: 0px; }
div.nav li a:hover {color: #e9ef46; border: 0px;}
div.nav>ul a {width: auto;}
div.nav ul ul {position: absolute; top: -0px; left: 100px;
  display: none; width: 10em; background: #a274d1; padding: 0 0 0 0;
  border: solid 1px black; border-color: gray black black gray; border-left: 0px;}
div.nav ul ul li{height: 16px;}
div.nav ul ul li a {padding: 0.15em 0 0.25em 0.5em; font-size:10px; width: 10em;}
div.nav>ul ul li a {width: auto;}
div.nav ul.level1 li.submenu:hover ul.level2, 
div.nav ul.level2 li.submenu:hover ul.level3 {display:block;}


div.site_menu {margin-top: 20px; background: #c6a11b;}
div.site_menu li { background: transparent url(images/menu_bk_orange2.gif) repeat-x; height: 20px; }
div.site_menu li:hover {background: #c6a11b;}
div.site_menu li.submenu {background: url(images/menu_bk_orange2.gif) repeat-x;}
div.site_menu li.submenu:hover {background: #c6a11b url(images/submenu_yelo.gif) 95% 50% no-repeat;color: #e9ef46;}
div.site_menu li a:hover {color: #63ebf5;}
div.site_menu ul ul li{height: 16px;}
div.site_menu li.submenu>a {background: url(images/submenu_purp.gif) 95% 50% no-repeat;}
div.site_menu li.submenu>a:hover {background: url(images/submenu_yelo.gif) 95% 50% no-repeat;}
