div#nav2 { color: gray;
           float: left; 
           width: 11em;
           background: #FDD;
           margin: 1em 0 0 0;
           z-index:100; }
          
div#nav2 ul { color: gray;
              margin: 0; 
              padding: 0; 
              width: 11em; 
              background: white;
              border: 1px solid;
              z-index:100; }
             
div#nav2 li { color: gray;
              position: relative; 
              list-style: none;
              margin: 0;
              border-bottom: 1px solid #CCC;
              z-index:100; }
             
div#nav2 li:hover { background: #EBB;
                    z-index:100; }

div#nav2 li.submenu { background: url(submenu.gif) 95% 50% no-repeat;
                      z-index:100; }

div#nav2 li.submenu:hover { background-color: #EDD;
                            z-index:100; }

div#nav2 li a { color: gray;
                display: block; 
                padding: 0.25em 0 0.25em 0.5em;
                text-decoration: none; 
                width: 10.5em;
                z-index:100; }
               
div#nav2>ul a { color: gray;
                width: auto;
                z-index:100; }

div#nav2 ul ul { position: absolute; 
                 top: 0; left: 11em;
                 display: none;
                 z-index:100; }
                
div#nav2 ul.level1 li.submenu:hover ul.level2, 
div#nav2 ul.level2 li.submenu:hover ul.level3 { display:block;
                                                color:gray;
                                                z-index:100; }