.menu {z-index:1000;font-size:10px;margin-left: -10px;}/* remove all the bullets, borders and padding from the default liststyling */.menu ul {padding:0;margin:0;list-style-type:none;width:140px;}/* hack for IE5.5 */* html .menu ul {margin-left:-16px;ma\rgin-left:0;}/* position relative so that you can position the sub levels */.menu li {position:relative;background: #FFFFFF;height:165%;margin: 0;}.menu li ul {background: #FFFFFF;}/* get rid of the table */.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size: 1em;}/* style the links */.menu a, .menu a:visited {display:block; text-decoration:none;height:164%;line-height:164%;width:140px;color: #B7B7B7;text-indent:10px;font-size:10px;margin: 0;}/* hack for IE5.5 */* html .menu a, * html .menua:visited {background: #FFFFFF;width:140px;w\idth:140px;}/* style the link hover */* html .menu a:hover {font-size:10px;color: #555555; background: #BEBEBE;margin: 0;}.menu :hover > a {color: #555555;font-size:10px;background: #BEBEBE;}/* hide the sub levels and give them a positon absolute so that they takeup no room */.menu ul ul {visibility:hidden;position:absolute;top:0;left:140px; }/* make the second level visible when hover on first level list OR link*/.menu ul :hover ul{visibility:visible;}/* keep the third level hidden when you hover on first level list OR link*/.menu ul :hover ul ul{visibility:hidden;}/* keep the fourth level hidden when you hover on second level list ORlink */.menu ul :hover ul :hover ul ul{visibility:hidden;}/* make the third level visible when you hover over second level list ORlink */.menu ul :hover ul :hover ul{ visibility:visible;}/* make the fourth level visible when you hover over third level list ORlink */.menu ul :hover ul :hover ul :hover ul { visibility:visible;}* + html .menu li.sub {margin-bottom:-2px;}