<style type="text/css">
/* ver. 1.0.6 2010 dic.8 	add clear: both a table per errata visua in Firefox; h3 blue*/
/* alt123 { alt125} */
html, body{margin: 0px ; padding: 0px }
body{; font-family: arial,sans-serif ; font-size: 12px ; text-align: center ; background-image: url("../img/carta.jpg") ; margin-top: 0px }
body p.small{font-size: 90%}
div#container{position: relative ; width: 860px ; margin: 10px auto ; 
    border-left: 1px solid #000000 ; border-right: 1px solid #000000 ; background-color: #eeeeee ; color: #000000 ; text-align: left}

/*stili generici, su header e footer*/
div#header{height: 80px ; background-color: #999999 ; color: #eeeeee}
div#header a{color: #eeeeee ; text-decoration: none}
h1,h2,h3,p{margin: 0}
p{padding-bottom: 10px}

h1{padding-left: 10px ; font: bold 2.3em/80px georgia,times,serif}
h2{font-size: 1.5em ; color: black}
h3{font-size: 1.2em ; color: blue}
h3{padding-top: 10px}
a.mini{font-size: 71% ; text-decoration: underline ; font-weight: bold}
span.u{text-decoration: underline}
div.centro{text-align: center}

/*stili specifici per il layout*/
div#navigation{position: absolute ; top: 80px ; left: 0 ; 
    width: 180px ; padding: 1em 0 0 10px}
div#extra{position: absolute ; top: 80px ; right: 0 ; 
    width: 180px ; padding: 1em 5px}
div#content{margin: 0 190px 0 190px ; padding: 1em 10px ; background-color: #ffffff}
div#footer{text-align: right ; padding: 5px 20px ; 
    background-color: #000000 ; color: #ffffff ; clear: both}
div#footer a{color: #ffff00 ; font-weight: bold ; text-decoration: underline}

/*stili per la navigazione*/
div#navigation p{margin: 0 10px 20px 0 ; padding: 0px ; list-style-type: none}
div#navigation ul{margin: 0 0 20px 0 ; padding: 0 ; list-style-type: none}
div#navigation ul a{display: block ; width: 160px ; border-bottom: 1px solid #ffffff ; color: #000000 ; 
    font-weight: bold ; text-decoration: none}
div#navigation ul a:hover{background-color: #ffffff ; color: #ff0000}
div#navigation ul a#activelink{color: #ff0000 ; text-decoration: none}
div#minilink a{margin: 20px 10px ; display: block ; border: 1px inset #666666 ; width: 150px ; 
	padding: 10px 0 ; line-height: 20px ;
    background-color: #ffffff ; color: #000000 ; text-align: center ; text-decoration: none}
div#minilink a:hover{font-size: 2em ; font-weight: bold ; color: #cccccc}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 100% ; margin-bottom: 2em}
div#extra div.newsbox h2{padding: 1px 2px ; background-color: #999999 ; color: #ffffff ; font-size: 1.2em}
div#extra div.newsbox p{margin: 0}
div#extra a{color: #000 ; font-weight: bold ; text-decoration: none}
div#extra a:hover{color: #c0c0c0}
div#extra a.mini{font-size: 71%: text-decoration: underline}

/*stili per i contenuti*/
div#content{border-left: 1px solid #999999 ; border-right: 1px solid #999999}
div#content table{ background-color: #f0f0f0 ; width: 100% ; clear: both}
div#content td{vertical-align: bottom ; background-color: white}
div.textimage{border-bottom: 1px dotted white ; width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float: left ; margin: 5px ; padding: 3px}
div.textimage h2{margin-top: 10px}
div.textimage p{font-size: 110%}

div.wide,div.split2,div.split3,div.empty,div.linea{clear: left}
div.wide{margin: 10px 0}
div.split2 div{float: left ; width: 219px ; padding: 0 5px}
div.split3 div{float: left ; width: 142px ; padding: 0 5px} /*border-top: 1px dotted #ccc */
div.leftbox{width: 250px ; float: left ; padding: 5px ; background-color: #c0c0c0 ; margin: 3px 5px 0 0}	 
div.rightbox{width: 300px ; float: right ; padding: 5px ; background-color: #c0c0c0 ; margin: 3px 0px 0 3px}	
div.empty{margin: 10px 0 ; border-top: 1px dotted #ffffff} /*serve a tenere white il fondo...*/
div.linea{margin: 10px 0 ; border-top: 1px dotted #cccccc}
</style>