.menu {     width:558px;      font-size:0.85em;     position:relative;     z-index:100; }
 /* remove all the bullets, borders and padding from the default list styling */ 
.menu ul {     padding:0;     margin:0;     list-style-type:none; } 
.menu ul ul {     width:68px; }
 /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ 
.menu li {     float:left;     width:68px;     position:relative; } /* style the links for the top level */ 
.menu a, .menu a:visited {     display:block;     font-size:12px;     text-decoration:none;      color:#fff;     width:62px;      height:24px;      border:1px solid #fff;      border-width:1px 1px 0 0;      background:#000;   text-align:center;   padding-left:4px;      line-height:24px;  } /* a hack so that IE5.5 faulty box model is corrected */ 
* html .menu a, * html .menu a:visited {     width:68px;     w\idth:68px; }  /* style the second level background */ 
.menu ul ul a.drop, .menu ul ul a.drop:visited {     background:#AC4653 url(../img/drop.gif) bottom right no-repeat; } 
/* style the second level hover */ 
.menu ul ul a.drop:hover{     background:#000 url(../img/drop.gif) bottom right no-repeat; }
 .menu ul ul :hover > a.drop {     background:#fff url(../img/drop.gif) bottom right no-repeat; } /* style the third level background */ 
.menu ul ul ul a, .menu ul ul ul a:visited {     background:#AC4653; } /* style the third level hover */ 
.menu ul ul ul a:hover {     background:#000; }   /* hide the sub levels and give them a positon absolute so that they take up no room */ 
.menu ul ul {    visibility:hidden;     position:absolute;     height:0;     top:25px;     left:0;      width:85px; } /* another hack for IE5.5 */ 
* html 
.menu ul ul {     top:24px;     t\op:25px; }  /* position the third level flyout menu */ 
.menu ul ul ul{     left:85px;      top:0;     width:85px; } /* position the third level flyout menu for a left flyout */ 
.menu ul ul ul.left {     left:-95px; }  /* style the table so that it takes no ppart in the layout - required for IE to work */ 
.menu table {position:absolute; top:0; left:0;}  /* style the second level links */ 
.menu ul ul a, .menu ul ul a:visited {     background:#AC4653;      color:#fff;      height:auto;      line-height:1em;      padding:5px 5px;      width:85px     /* yet another hack for IE5.5 */
 } * html 
.menu ul ul a{     width:85px;     w\idth:84px; }   /* style the top level hover */ 
.menu a:hover, .menu ul ul a:hover{     color:#fff;      background:#AC4653; } 
.menu :hover > a, .menu ul ul :hover > a {     color:#fff;     background:#000000; }  /* make the second level visible when hover on first level list OR link */ 
.menu ul li:hover ul, 
.menu ul a: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; }  /* make the third level visible when you hover over second level list OR link */ 
.menu ul :hover ul :hover ul{      visibility:visible; }