#menu {
		width: 169px; /* set width of menu */
		background: rgb(240, 201, 1);
}

#menu ul { /* remove bullets and list indents */
		list-style: none;
		margin: 0;
		padding: 0;
}

/* style, color and size links and headings to suit */
#menu a {
		font-weight: bold;
		font-style: normal;
		font-family: Verdana,Arial;
		font-size: 11px;
		background-color:  rgb(240, 201, 1);
		text-decoration: none;
		padding: 6px 0px 6px 6px;
		display: block;
		background-image: url(graphics/menuBGOff.gif);
		margin: 0;
		color: rgb(143, 43, 43);
		border-width: 1px medium medium 1px;
		border-style: solid none none solid;
		border-color: rgb(153, 153, 153) -moz-use-text-color -moz-use-text-color rgb(153, 153, 153);
}

#menu a:hover {
		color: #ffffff;
		background-color: #8F2B2B;
		background-image: url(graphics/menuBGOn.gif);
}

#menu li {
/* make the list elements a containing block for the nested lists */
		position: relative;
}

#menu ul ul {
		position: absolute;
		top: 0;
		left: 100%; /* to position them to the right of their containing block */
		width: 100%; /* width is based on the containing block */
}

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

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

/*



div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul



div#menu ul ul ul li:hover ul




*/