body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0;
	font-size: 12px;
	}
	
	#global {
		padding:0;
		width:800px;
		margin:0 auto;
		text-align:left;
	}
	#divNav {
		background: transparent url(../i/bgnav.gif) no-repeat top left;
		margin: 0;
		padding: 0;
		height: 112px;
		width: 800px;
		text-align:left;
	}

	#nav {
		position: relative;
		margin:0;
		padding:0;
		left:auto;
		right:auto;
		top: 70px;
		height: 90px;
		width: 800px;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-left: 20px;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 25px;
		left: 0;
		padding-top: 15px;
		background: #224d6f;
		height: 28px;
		width: 740px;
		padding-left: 60px;
	}

	#nav li.on ul {
		background: #f90;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #224d6f;
	}

	#nav li a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 93px;
		padding: 0;
	}

	#nav li.on a {
		color: #f90;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 15px;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #224d6f;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #f90;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a {
		display: block;
		position: relative;
		height: 26px;
		background: url(../i2/bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#liRenaissance a {
	background-position: 0 0;
}

#liArtNouveau a {
	background-position: -102px 0;
}

#liModern a {
	background-position: -204px 0;
}

#liPostModern a {
	background-position: -306px 0;
}

#liDigital a {
	background-position: -408px 0;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liModern.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background-position: 0 -73px;
}

#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
	background-position: -102px -73px;
}

#liModern a:hover, #liModern:hover a, #liModern.over a {
	background-position: -204px -73px;
}

#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a {
	background-position: -306px -73px;
}

#liDigital a:hover, #liDigital:hover a, #liDigital.over a {
	background-position: -408px -73px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #224d6f;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: small;
}		

#nav li.on ul a {
	background: #f90;
}
h1 {
	font-size: 16px;
	font-weight: bold;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	display: inline;
}
table {
border-collapse:collapse;
width:100%;
}
tr {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
td {
	padding:3px;
}
.table_ins_mod {
	text-align:left;
}
.pari {
	background-color: #99CCFF;
}
.dispari {
	background-color: #CCCCCC;
}
.evidente {
	font-size: 12px;
	font-weight: bold;
}
div#contatore {
	position:absolute;
	top:540px;
	left:350px;
}
table.menu {
	list-style-type: none;	
	margin:0;
	padding:0;
}
table.menu td a {
	margin-right:5px;
	padding:5px;
	color:#333333;
	line-height:1.2em;
	text-decoration: none;
}
table.menu td a:hover {
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}
.elenco td {
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	text-align:center;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #333333;
}
.elenco a:hover { 
	color:#990000;
	text-decoration:underline;
}
.elenco a span {display: none;}
.elenco a:hover span {
   display: block;
   position: absolute; top: 20px; left: 0; width: 150px;
   padding: 10px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: left;
 }
.tips {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #666666;	
}
.verde {
	color:#009900;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}
#content {
	margin:40px 0 0 0;
	}
#paginatore {
	margin:15px 0;
	text-align:center;
}