#nav { margin: 20px 0px 0px; padding: 0; position: absolute; z-index: 500; top: 20px; right: 10px; }
#nav li { list-style: none outside; float: left; position: relative; }
#nav li a { color: #444; display: block; text-decoration: none; padding-bottom: 2px; }

#nav ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; left: 0%; width: 160px; background: #e7e7e8; border: 2px solid #9c9c9c; border-width: 0 2px 2px; }
#nav > li > ul { margin-top: -5px; z-index: 505; }
#nav ul li { float: none; text-align: center; }
#nav ul li a { width: 148px; padding: 6px 6px; border-bottom: 1px solid #777; text-align: left; font-weight: bold; }
#nav > li > ul li a { background: url(../../content/image/nav_sub_0.png) repeat-x; }
#nav > li > ul li a:hover { background: url(../../content/image/nav_sub_1.png) repeat-x; color: #eee; }


#nav ul ul { top: 0%; left: 100%; }
#nav ul ul li a:hover, #nav ul ul  li a:active { background: #ccc; }

#nav li:hover ul ul { display: none; }
#nav li:hover ul, #nav ul li:hover ul { display: block; }