/* CSS Document */

#menu { width: 150px; background: #ffffff; float: left; } 

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

#menu a, #menu h2 {
      font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
      display: block;
      border-width: 1px; border-style: solid; border-color: #ffcc00;
      margin: 0; padding: 2px 3px; }

    #menu h2 { color: #000000; background: #ffcc00; text-transform: uppercase;
    } 

    #menu a { color: #000000; background: #ffffff; text-decoration: none; } 

    #menu a:hover { color: #a00; background: #ffffff; } 
	#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;}
