#menu { background: #ffffcc; width: 200px; }

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 { font: 13px/16px verdana, "times new roman", arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 3px; border-style: solid; border-width: 1px; }

#menu h2 { color: white; font-size: 15px; background: #336600; text-transform: uppercase; text-align: center; }

#menu a { color: #000; font-size: 12px; font-family: verdana, "times new roman", "Comic Sans MS"; background: #ffffcc no-repeat 0 center; text-decoration: none; padding-left: 10px; }

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li { position: relative; }

#menu ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }

div#menu ul ul ul,
div#menu ul ul li:hover ul ul 
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
 }