/* All <ul> tags in the menu including the first level */.menulistH, .menulistH  ul { margin: 0; padding: 0; list-style: none;}/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */.menulistH ul { visibility: hidden; position: absolute; top: 2.0em; /* I'm using ems rather than px to allow people to zoom their font */ left: 0px; width: 150px;}/* Second and third etc. level submenus - position across from parent instead */.menulistH ul ul { top: 0px; left: 155px;}/* All menu items (<li> tags). 'float: left' lines them up horizontally, and they are positioned relatively to correctly offset submenus. Also, they have overlapping borders.*//* Items in submenus - override float/border/margin from above, restoring default vertical style */.menulistH ul li { float: none; margin-right: 0; margin-bottom: -1px;}.menulistH ul>li:last-child { margin-bottom: 1px;}/* Links inside the menu */.menulistH a { display: block; padding: 3px; color: #000; text-decoration:  none;}/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus *//* If you want per-item background images in your menu items, here's how to do it. 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#"> 2) Copy and paste these next lines for each link you want to have an image:    .menulistH a#xyz {      background-image: url(out.gif);    }    .menulistH a#xyz:hover, .menulistH a.highlighted#xyz, .menulistH a:focus {     background-image: url(over.gif);    }*//* Only style submenu indicators within submenus. */.menulistH a .subind { display:  none;}.menulistH ul a .subind { display:  block; float: right;}/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */.menulistH a { float: left;}.menulistH ul a { float: none;}/* \*/.menulistH a { float: none;}/* *//* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/* html .menulistH  ul li { float: left; height: 1%;}* html .menulistH  ul a { height: 1%;}/* End Hack */