#smenu /* position, size, and font of menu */ { position:relative; z-index: 10; width: 115px; /* [1] width of menu item (i.e., box) */ text-align: left; font-size: 0.9em; font-family: helvetica, arial, geneva, sans-serif; } #smenu a { width: 100%; display:block; padding-top: 0.2em; /* expands menu box vertically*/ padding-bottom: 0.2em; white-space:nowrap; } #smenu a, #smenu a:visited /* all menus at rest */ { color: #33632D; background-color: white; text-decoration:none; /* removes underlines from links */ } #smenu a.parent, #smenu a.parent:hover /* attaches parent-arrow on all parents */ { background-image: url(nav_white.gif); background-position: right center; background-repeat: no-repeat; } #smenu a:hover /* all menus on mouse-over */ { color: #33632D; background-color: #99FF99; } #smenu li { list-style-type:none; /* removes bullets */ } #smenu ul li { position:relative; } #smenu li ul { position: absolute; top: 0; left: 115px; /* distance from left menu (this should be the same as width value in #menuv [1]) above */ display: none; } div#smenu ul, #smenu ul ul, div#smenu ul ul ul { margin:0; /* keeps the menu parts together */ padding:0; width: 115px; /* width of sub menus (this should be the same as width value in #menuv [1]) above */ } div#smenu ul ul, div#smenu ul ul ul, div#smenu ul li:hover ul ul, div#smenu ul li:hover ul ul ul { display: none; } div#smenu ul li:hover ul, div#smenu ul ul li:hover ul, div#smenu ul ul ul li:hover ul { display: block; }