#Menu { 
font-family: Arial, sans-serif; 
border-bottom: 10px solid #A0CEF8; 
} 
#Menu ul { 
text-align: left; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */ 
margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */ 
} 
#Menu li { 
display: inline; /* Menu links are horizontally aligned using display: inline */ 
} 
#Menu li a { 
padding: 7px 0 6px 10px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */ 
color: #5d5350; 
text-decoration: none; 
font-weight: bold; 
background-color: #00FF00
}

#Menu li a:hover { 
		color:#CC9999;
} 
#Menu li a span { 
padding: 7px 10px 6px 0; 
background-color: #00FF00
}