#nav { margin: 0; padding: 0; position: relative; z-index: 500; background: #333 url(../image/nav.jpg) repeat-x; }
#nav li { list-style: none outside; float: left; position: relative; border-right: 1px dotted #7c98b5; }
#nav li a { color: #fff; display: block; padding: 7px 43px 11px; text-decoration: none; text-transform: uppercase; font-size: .9em; }
#nav li.last { border: none; }
#nav li a:hover, #nav li a:active, #nav li:hover a { text-decoration: underline; }

#nav ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; left: 0%; width: 100%; }
#nav ul li { float: none; text-align: center; }
#nav ul li a { padding: 8px; background: #00376d; text-decoration: none; }
#nav ul li a:hover, #nav ul li a:active, #nav ul li:hover a { background: #014995; }

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

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