#menu {
    width: 16em;
    background: #eee;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
#menu h2 {
    font-size: 11px;
	font-family: arial, helvetica, sans-serif;
    color: #fff;
    background: #000; 
    display: block;
    margin: 0; 
} 
#menu a {
    font-size:  11px; 
    display: block;
    border-width: 0 0 1px 0;
    border-style: solid; 
    border-color: #000000;
    margin: 0;
    padding: 4px 5px;
	color: #000;
    background: #e7e7e7;
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif; 
	text-decoration: none;
} 
#menu ul ul a {
	font-weight: bold;
}
#menu ul ul ul a {
	font-weight: normal;
}
/* First level menu */
#menu a:hover {
    color: #00a;
    background: #e7e7e7;
}
/* Second level menu */
#menu ul ul ul a {
border-color: #999999;
}
#menu ul ul ul a:hover {
    color: #ffffff;
    background: #000000;
}
/* Third level menu */
#menu ul ul ul ul a {
border-color: #ffffff;
}
#menu ul ul ul ul a:hover {
    color: #000000;
    background: #999999;
}
#menu li {
    position: relative;
}
#menu ul ul ul {
    position: absolute;
	width: 24em;
    top: 0;
    left: 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;
}