html,body{margin:0;padding:20}
body{font: 86%/1.5 Verdana,Arial,sans-serif;background:#FFF url(bodyBk.png) repeat-y center top;color: #1D3D6B;text-align:center}
div#container{width: 700px;margin: 0 auto;text-align: justify}
div#menu{padding-top: 50px;text-align: center;
    background: #C3CFE8; border-bottom: 5px solid #8AA0D2}
#menu ul,#menu li{margin: 0;padding: 0;list-style: none}
#menu ul{width: 510px;height:30px;margin:0 auto}
#menu li{float:left;padding: 0 1px}
#menu a{float: left;width: 100px;line-height: 30px;
    background: #8AA0D2 url(tabGloss.png) top left;
    text-decoration: none;color: #1D3D6B}
#menu a:hover,#menu li.active a{background-position: 0 -30px}
#menu li.active{font-weight: bold}
h1 
	{ 
	color: #FF6501;
	font: bold large comic sans ms, verdana,arial;
	text-align: center;
	}
A:link, A:visited { text-decoration: none }
	A:hover { text-decoration: none; color: none;  background-color: #CCCCFF; }

div.textimage{86%/1.5; border-bottom: 1px dotted #999; width: 700px; text-align: justify} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float:left;margin: 10px}
div.textimage h2{margin-top: 10px}

div.wide,div.split2,div.split3{clear:left}
div.wide{margin: 0 1%; border-top: 1px dotted #ccc}
div.split2 div{float: left; width: 290px; \width: 300px; w\idth: 290px;padding: 0 5px}
div.split3 div{float: left; width: 195px; \width: 205px; w\idth: 195px;padding: 0 5px;
    border-top: 1px dotted #ccc}
#box1 
	{
	width: 90px;
	height 80px;
	padding: 5px;
	margin: 5px;
	color:#000066;
	font:normal medium verdana, arial;
	background: #FFFFFF;
	float: left;
	}

#box2 	{
	width: 70px;
	height: 75px;
	padding: 5px;
	margin: 2px;
	border: 4px solid #C3CFE8;
	color:#000066;
	font: bold medium verdana, arial;
	text-align: center;
	background:#FFFFFF;
	float: left;
	scrollbar-base-color: #8AA0D2;
	scrollbar-arrow-color: #C3CFE8;
	scrollbar-track-color: #C3CFE8;
	overflow:scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	}
#box_sup {
	height: 100px;
	width: 100%;
	}

	table
	{
	table-layout: fixed;
	width: 500px;
	color: #000066;
	font:normal medium verdana, arial;
	}
	th
	{	
	color: #FFFFFF; 
	font:normal small verdana, arial;
	}
	td
	{	
    	color: #000066;
	font:normal small verdana, arial;
	text-align: center;
	}
	#A
	{
    	background: #8AA0D2;
	vertical-align:middle; /* OPPURE top OPPURE bottom */
    	width: 100px;
 	border: 2px solid #9999FF;
    
	}
	#B
	{
    	background: #C3CFE8;
	vertical-align: middle;
    	width: 100px;
    	margin: 2px solid #9999FF;
	}
	.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
    #box3 {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	}

</style>