/* CSS Document */
ul.menu1 {
	width:248px;
	list-style:none;
	margin:0;
	padding:0;
	margin-left: 21px;
	font-size: 16px;
	font-weight: bold;
}

ul.menu1 li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu1 li a:link, ul.menu1 li a:visited {
	background:#009900;
	color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dashed;
	border-top-color: #009900;
	border-bottom-color: #CCCCCC;
	
} /* colori per il link */
ul.menu1 li a:hover, ul.menu1 li a:active {
background: #009966;
color:#000000;
} /* colori per l'effetto roll-over */



/* GIOCARE CON GLI SFONDI*/
ul.menu3 li {
background:url(sfumato.png); /*pre-load immagine*/
}
ul.menu3 li a:hover, ul.menu3 li a:active {
background:#eee url(sfumato.png) 100% 0 repeat-y;
} /* colori per l'effetto roll-over */



/* GIOCARE CON I BORDI*/
ul.menu2 li a {

border-width:5px;border-style:none solid; /* aggiungo dei bordi laterali */
}
ul.menu2 li a:link, ul.menu2 li a:visited {
border-color:#009
}
ul.menu2 li a:hover, ul.menu2 li a:active {
border-color:#66c;
}