.button
{
	text-shadow: 2px;
	Font-Size:12px;
	Font-family: Arial; 
	padding: 4px;
	font-weight: bold;
}
a.button:hover 
{  
	font-family: Arial; 
	font-weight: bold;
	font-size: 12; 
	color: white;
	Text-Decoration: none;

}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	top: 22;
	width: 160px;
	display: none;
	}

/* Styles for Menu Items */
ul li a.button 
{
	font-family: Arial; 
	font-weight: bold;
	font-size: 12; 
	color: black;
	Text-Decoration: none;
	Border:none;    
	display: block;
	text-decoration: none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* Hover Styles */
ul li a:hover
{ 
	color: #AA0000;
	background: #707070;
	border: 1px solid white;
	border-bottom: 0; 
}
/* Sub Menu Styles */		
li ul li a.button
{ 
	text-align: left;
	padding: 2px 20px; 
	background: #a0b8cf; 
	color: white;
	border: 1px solid white;
	border-bottom: 0;
	background-image: url("..\images\bullet.gif");
	background-position: 5% 50%;
	background-repeat: no-repeat;
} 
		
li:hover ul, li.over ul { display: block; } /* The magic */