/* Menu stylesheet for "newer" standard-complying browsers */
body { background-image: url("textile.jpg"); }
.menu1 { width: 100%; }

a:link {color: navy; text-decoration: none;}
a:active {color: navy; text-decoration: none; }
a:visited {color: navy; text-decoration: none; }
a:hover {color: navy; text-decoration: none; }

a.menu, a:visited.menu, a:active.menu, a:hover.menu { text-decoration:none; color:#000068 }
td.menu1, td.menu1s { padding-top:1pt; padding-bottom:1pt; padding-left:6pt; padding-right:2pt; border:solid transparent 1px }
td.menu1s { background-color:#80A1AE; border:solid #80A1AE 1px }

ul { /* all lists */
    padding: 1pt;
    margin: 1pt;
    list-style: none;
}
 
li { /* all list items */
    /*float: left;*/
    padding: 1pt;
    margin: 1pt;
    position: relative;
    width: 14em;
}
 
li ul { /* second-level lists */
    display: none;
    position: absolute;
    top: 1em;
    left: 0;
    z-index: 2;
}
 
li ul li { /* second-level list items */
}
 
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
    top: auto;
    left: auto;
    z-index: 2;
}
 
li:hover ul, li.over ul { /* lists nested under hovered list items */
  background-color: lightgrey;
    display: block;
    z-index: 2;
}