#catmenu ul {
	list-style: none;
	padding: 0px;   /* padding to buttons */
	margin: 0px;   /* indent from outside div */
	margin-top: 10px; 
}


#catmenu li {
	margin: 0px;
	padding: 0px;
	display: block;
	position:relative;
}



#catmenu a:link , #catmenu a:visited {
	text-align: center;  /* position text within li button */
	text-decoration: none; /* remove typical underline */
	display: block;    /* treats layout of buttons like they're table cells rather than list items */
	color: white;  /* link text colour */
	background-color: #333;
	line-height: 200%;   /* padding of text within button */
	margin: 1px; 
}


#catmenu a:hover, #catmenu a:visited: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 */

#catmenu ul ul {
	display: none;   /* removes the anoying space between buttons where popupmenus exist.*/
	position:absolute;
	background-color: white;  /* prevents loss of scope with gaps between hover buttons */
	width:200px; 
	top:0px;
	left:100%;  /* width of the entire dropdown */
	z-index: 99999;
}

#catmenu ul ul ul {
	width:200px; 
	left:200px; 
}


#catmenu li:hover>ul, 
#catmenu li.sfhover>ul 
{ 
  display: block;  /* anoyingly restores the anoying space between buttons where popupmenus exist.*/
}