#menu,#catmenu {
 margin:0;
 padding:0;
 width:auto; 

}
#catmenu.catmenu{
 width:160px;
 margin:0;
} 
#menu ul,#catmenu ul,table #catmenu ul {
 list-style: none;
 padding:0;
 margin:0;
 width:160px;
}
 
#menu li,#catmenu ul li,table #catmenu ul li {
 margin: 0px;
 padding: 0px;
 display: block;
 width: 160px;
 position:relative;
   
}
 
#menu a, #menu a:visited,#catmenu li a, #catmenu li a:visited  {
 text-align: center;
 text-decoration: none;
 font-size: 14px;
 display: block;
 padding: 2px 0;
 margin: 1px 0;
 line-height: 24px;
 width:auto;
 color:white;
 background-color: #333;
 color: [WSCOL_BUTTON_TEXT];
 background-color:[WSCOL_BUTTON];
}
#catmenu li a, #catmenu li a:visited  {
 color: [WSCOL_CATBUTTON_TEXT];
 background-color:[WSCOL_CATBUTTON];
} 
#menu a:hover, #menu a:visited:hover,
#catmenu li a:hover, #catmenu li a:visited:hover  {  /* override as neccesary for mouse over effects */
 color: white; 
 background-color: #666;
 background-color:[WSCOL_BUTTON_HOVER];
}

#catmenu li a:hover, #catmenu li a:visited:hover  {  /* override as neccesary for mouse over effects */
  background-color:[WSCOL_CATBUTTON_HOVER];
}
 
 
/* 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;
 top: 0;
 margin: -1px 160px;  /* relative position of the menu to the button... 0=tight on bottom.. */
 padding: 0px;
}
 
#menu ul ul ul {
 margin: 0 160px;

}
 
#menu ul ul a, #menu ul ul a:visited  {  /* override colours for drop down buttons */
 background-color: #666;
 background-color: [WSCOL_BUTTON];
 color:white;
 color: [WSCOL_BUTTON_TEXT];
 text-align:center;
 font-size: 9pt;
 border-top: 1px  solid white;
 border-left: 1px  solid white;
 border-right: 0px ;
 border-bottom: 1px  solid #000000;
 border-right: 0px ;
 padding:2px;
 margin: 0px; 
 line-height: 24px;
}
 
 
#menu ul ul a:hover {  /* override colours for drop down buttons */
 color: white;
 background-color: #999;
 background-color: [WSCOL_BUTTON_HOVER];
 color: [WSCOL_BUTTON_TEXT];
}
 
#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.*/
}