.Menu
{	
		
}

.MenuItem
{	
	
	color:Black;
	font-family:Arial ; 
	font-size:small;	
	width:100px;
	font-weight:bold;
	height:40px;	
	text-align:center;	

}

.MenuItemHover
{	
    
	
	background-image :url('../images/mouse_over.jpg');
	
	color:White;
	
}

.MenuItemSel
{	
	
	
	background-image :url('../images/mouse_over.jpg');
	
	color:White;
	
}

#menu{ /* nothing in here right now */
}

#menu .Item
{ 
  /* CSS class for non-selected Menu Item */
  background: url('../images/menu_BG.jpg') ; 
  text-align :center;
}

#menu .ItemSelected, #menu .ItemHover
{ 
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
  background: url(../images/mouse_over.jpg); 
  color:White;
}

/* CSS classes for standard Links, only valid inside the #menu DIV */
#menu a, #menu a:visited
{
  background: transparent ! important;
  display: block;
}

#menu a:hover, #menu a:active, #menu a:focus
{
  background: transparent ! important;
  display: block;
}

.TaskMenuSubItem
{	
	
	font-family:Arial ; 
	font-size:12px;	
	height:22px;
	width:150px;
    padding-left:5px;
    padding-top:2px;
	text-align:left;	
	background-color:#555555;
	color:White;
		
}




.TaskMenuSubItemHover
{	
    font-family:Arial ; 
    font-size:12px;	
    height:22px;
	width:150px;
	background-color:#6699ee;
	padding-left:5px;
    padding-top:2px;
    
}