@font-face { font-family: Futura_Light; src: url('http://www.webpagepublicity.com/free-fonts/f/Futura%20Light%20BT.ttf'); } 
@font-face { font-family: Futura_Bold; src: url('http://www.webpagepublicity.com/free-fonts/f/Futura%20Bold%20BT.ttf'); } 

#menu {
	float: left;
	background-color: #00579E;
	width: 100%;
	color: #FFFFFF;
}

#menubox {
	width: 960px;
	top: auto;
	bottom: auto;
}
.class1 {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 165px;
}

.class2 {
	list-style: none;
	padding: 0;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}

.class1  li{
	background-color: #00579E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#menu a, #menu h2 {
	display: block;
	margin: 0;
	padding: 2px 3px;
	font-family: Futura_Bold,arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

#menu h2 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: normal;
}

#menu a {
	color: #FAFAFA;
	text-decoration: none;
	text-transform: uppercase;
}

#menu a:hover {
	color: #333333;
	background-color: #FFCC00;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
z-index: 500;
}
div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
body {
behavior: url(csshover.htc);
}



/* ALTRI STILI A CORREDO DELLA PAGINA DI ESEMPIO */




a
{
	color: #3366CC;
	text-decoration: underline;
}
a:hover
{
	color: #DD0000;
	text-decoration: underlinene;
}
.tabellini {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}