#menu ul {
	list-style: none;
	padding: 0;   /* padding to buttons */
	margin: 0;   /* indent from outside div */
	width: 150px;
}

#menu li {
	left: 0;
	margin: 0;
	padding: 0;
	width: 150px;
	display: block;
	position:relative;
}

#menu a {
	text-align: left;  /* position text within li button */
	text-decoration: none; /* remove typical underline */
	font-size: 9pt;    /* menu text size */
	display: block;    /* treats layout of buttons like they're table cells rather than list items */
	color: white;
	padding: 2px 2px 2px 2px;   /* padding of button within list item */
	width: 146px;
	border-bottom:1px dotted #333;
	background-color: #000;
}

#menu a:hover {  /* override as neccesary for mouse over effects */
	color: white;
	background-color: #666;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
	display: none;   /* removes the anoying space between buttons where popupmenus exist.*/
	visibility:hidden;  /* dropdowns hidden by default, until hovered over */
	position:absolute;  /* width of the entire dropdown */
	margin: -20px 0px 0px 150px;
	background-color: #555;
}

#menu ul ul ul {
	background-color: #444; /* color of the entire dropdown */
}

#menu li ul a {  /* override colours for drop down buttons */
	background-color: #666;
	color:white;
	font-size: 9pt;
	margin: 0px;
}


#menu li ul a:hover {  /* override colours for drop down buttons */
 color: white;
 background-color: #999;
}

#menu ul li:hover, #menu ul li.sfhover {
 color: blue;
}


#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li.sfhover ul ul, 
#menu li.sfhover ul ul ul 
{
 left: -999em;
}

#menu li:hover ul, 
#menu li.sfhover ul 
{ 
  visibility:visible;
  display: block;  /* anoyingly restores the anoying space between buttons where popupmenus exist.*/
}

#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li li.sfhover ul, 
#menu li li li.sfhover ul {
  visibility:visible;
  left: auto;
  display: block;  /* anoyingly restores the anoying space between buttons where popupmenus exist.*/
}
