#navigation {
	list-style: none;
	overflow: auto;
	height: 27px;
	margin: 0px;
	padding-left: 70px;
}
#navigation li {
	float: left;
	background-color: #FFF; /* to cater for users without images */
	padding-left:20px;
}
#navigation a {
	display: block;
	background-image: url(immagini/pulsante2.png);
	background-position: top right;
	background-repeat: no-repeat;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
#navigation span {
	display: block;
	background-image: url(immagini/pulsante1.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 10px 5px 10px;
}

#navigation a:hover {
	background-position: right -29px;
	color: #003366;
}
#navigation a:hover span {
	background-position: 0px -29px;
}

#navigation #current {
	background-image: url(immagini/pulsante2.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-position: right -29px;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}

#navigation #current span {
	display: block;
	background-image: url(immagini/pulsante1.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	background-position: 0px -29px;
	color: #003366;
}