ul.makeMenu, ul.makeMenu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 146px;
	background: url(sfx_menu.gif);
	padding-left: 0px;
	cursor: default;
	margin-left: 0px;
}
ul.makeMenu li {
	list-style-type: none;
	margin: 0px;
	position: relative;
	color: #fff;
}
ul.makeMenu li > ul {	/* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
	display: none;		 /* hides child menu blocks - one of the most important declarations */
	position: absolute;
	border: 1px solid #000000;
	width: 300px;
	top: 2px;
	left: 146px;			/* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight { /* active menu */
	background-color: #ffa;
	color: #000; 
}
ul.makeMenu ul.CSStoShow { /* must not be combined with the next rule or IE gets confused */
	display: block;
}
ul.makeMenu li:hover > ul {	/* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */
	display: block;			/* makes the child block visible - one of the most important declarations */
}

ul.makeMenu li a { color: #fff; display: block; width: 100%; text-decoration: underline; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */

/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {	/* the behaviour to mimic the li:hover rules in IE 5+ */
	behavior: url( iemenu.htc );
}
ul.makeMenu ul {	/* copy of above declaration without the > selector, except left position is wrong */
	display: none; position: absolute; top: 2px; left: 140px;
}