div.makeMenu {
	width: 240px;
	background-color: #FFFFFF;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;

}
div.makeMenu ul {
  width: 180px;                /* sets the size of the menu blocks */
  border: 3px solid #CB9857;      /* puts a black border around the menu blocks */
  background-color: #000000;   /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding: 2px;           /* stops the usual indent from ul */
  cursor: pointer;             /* gives an arrow cursor */
  margin: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}
div.makeMenu div {
	list-style-type: none;
	margin: 0px;
	position: relative;
	color: #ffffff;
	padding: 0px;
	visibility: visible;


}
div.makeMenu div > ul {
	display: none;
	position: absolute;
	top: 2px;
	left: 240px;
	padding: 4px;
	list-style-type: none;
	font-size: 12px;
	line-height: 17px;
	visibility: visible;


}
div.makeMenu div:hover {
  background-color: #000000;      /* gives the active menu items a yellow background */
  color: #FFC033;                 /* makes the active menu item text black */ 
}
div.makeMenu div: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 */
}
/* and some link styles */
div.makeMenu div a { color: #ffffff; display: block; width: 100%; text-decoration: none; }
div.makeMenu div a:hover { color: #FFC033;}