.MenuGroup
{
  /*border:solid 1px gray;*/
}

.SubMenuGroup
{
  border:solid 1px gray;
}

.MenuItem
{
  background-color:white;
  color:black;
  font-family:verdana;  
  font-size:11px; 
  cursor:hand;
  padding: 5px; 
}

.MenuItemHover
{
  background-color:silver;
  color:#ffffff;
  font-family:verdana;  
  font-size:11px;
  cursor:hand;  
}

.MenuItemDown
{
  background-color:silver;
  color:#fff;
  font-family:verdana;  
  font-size:11px;
  cursor:hand;
}         

.TopMenuItem
{
 
 color:white;
 font-family:verdana;
 font-weight:bold;
 font-size:11px;
 cursor:hand;  
}

.TopMenuItemHover
{
 
 color:#fff;
 font-family:verdana;
 font-weight:bold;
 font-size:11px;
 cursor:hand;
}

.BottomCurve
{
 background: url(images/curve_bottom.gif) bottom left no-repeat; 
 height:80px;
}

/**INCASE THERE IS A NEED TO HAVE WIDER MENU ITEMS WE CAN
USE THE FOLLOWING CLASS
**/
.WideMenuItem
{
 width: 60px;
 background-color:#999999;
 color:white;
 font-family:verdana;
 font-weight:bold;
 font-size:11px; 
 cursor:hand;
}