body {
	background-color: #c0c0c0;
	color: black;
	}



#button {

width: 170px; /* was 180px */

padding: 0 0 0 0;
margin-bottom: 1em;
font-size: 9pt;
font-family:  verdana, sans-serif;
text-align : center;
border-bottom: none;

}

#button ul {		
list-style-type: none; /* needed for moz */
margin: 0;		
padding: 0;		
border: none;		
}			

#button li {	
		
margin: 0;				
}					

#button li a {
display: block;
padding: 0.15em 0em 0.15em 0em;


background-color: #0066ff;	/* static menu colour */
color: #ffffff;			/* static font colour */
text-decoration: none;
width: 100%;

border: none;


margin-bottom: -1px;
margin-top: -1px;
}

html>body #button li a {	
width: inherit;			/* auto doesn't work with IE7 */
}				

#button li a:hover {

background-color: #0000ee;	/* hover colour*/

color	: #ffffff;			/* hover font colour*/


border-bottom: none;


margin-bottom: -1px;
margin-top: -1px;

/* moz (maybe CSS3) */

opacity: 0.9;

/* IE */
/* took this out because MS implemenation cause text to jump. I hate that.*/
/* -ms-FILTER:"Alpha(Opacity=80, FinishOpacity=70)"; */
/* filter:alpha(opacity=100, finishopacity=50, style=3); */
/* FILTER:Alpha(Opacity=80, FinishOpacity=70, Style=2); */


}