#menu { width: 100%; margin-top:-2px; }

#menu ul { list-style: none; margin: 0; padding: 0; width: 110px; float: left; text-align: center;}

#menu a, #menu h2
  { font: bold 11px/16px arial, helvetica, sans-serif;
  display: block; margin: 0; padding: 2px 3px; }

#menu h2 { color: #FF8635; background: #96D12C; text-transform: uppercase; }

#menu a { color: #000; text-decoration: none; }

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

#menu li {position: relative;}

#menu ul ul { position: absolute; z-index: 500;}

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

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

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
  {display: block;}
  
#menu ul li ul {
background-color:#c2dcf7;
}

#menu ul li ul li {
border:solid 1px black;

background-color:#c2dcf7;
color:#FFFFFF;
}