#vert {height:20em;}
#vert .menu {width:120px; background:#edebdc; padding:25px; border:1px solid #000; float:left; margin-right:28px;}
#vert .menu a, #vert .menu a:visited {text-decoration:none;}
* html #vert .menu {width:172px; w\idth:120px;}
#vert dt, #horiz dt {display:none;}
#vert .menu dd {padding:0; margin:0;}
.menu .aa, .menu .bb, .menu .cc, .menu .dd, .menu .ee, .menu .ff, .menu .gg {border:1px solid #000;}
.menu .aa {display:block; text-align:center; border-color:#ffd42e #caa205 #c9a105 #ffd42e; background:#fc0; padding:2px 0;}
.menu .bb {display:block; border-color:#ffdc56 #957704 #937603 #ffdc56;}
.menu a, .menu a:visited, .menu b {display:block; text-decoration:none; color:#000; font-size:.7em;font-family:arial, verdana, sans-serif; font-weight:bold; width:100%; background:#000;}
.menu .dd {border-color:#d5d3ca #f7f6ef #f7f6ef #d5d3ca;}
.menu .ee {border-color:#b8b7af #f7f6ef #f7f6ef #b8b7af;}
.menu .ff {border-color:#9c9b95 #f7f6ef #f7f6ef #9c9b95;}
.menu .gg {border-color:#d5d3ca #fff #fff #d5d3ca; margin:3px;}
.menu a:hover, .menu b {display:block; color:#c00; background:#000; cursor:pointer;}
.menu a:hover .bb, .menu b .bb {display:block; color:#fff; background:#fff; border-color:#937603 #ffdc56 #ffdc56 #957704;}
.menu a:hover .aa, .menu b .aa {display:block; color:#000; border-color:#c9a105 #ffd42e #ffd42e #caa205; text-align:center; padding-top:1px; background:#eb0; padding-bottom:1px;}

.menu b {cursor:default;}

/* Changes for horizontal list */
#horiz {clear:top; margin-top:0em;  width:500px; padding: 0px; border:0px solid #000;}
#horiz .menu a, #horiz .menu a:visited {text-decoration:none;}

#horiz .menu {width:500px; background:#edebdc; padding:0; border:0;}
* html #horiz .menu {width:500px; w\idth:500px;}
#horiz .menu dd {padding:0; margin:0; width:100px; float:left;}
.clear {clear:left; height:0; overflow:hidden;}
* html .clear {display:none;}