/* CSS Document */
body{margin:0;padding:0;
font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif;
   background: #FFFFCC;color: #555;text-align:center}
h1{margin: 0;padding: 10px 0 10px 5px;font-size: 105%;color: #555}
h2,h3,h4{margin:0;padding-left: 5px;line-height: 30px;color: #333}
h2{font-size: 105%}
h3{font-size:105%}
h4{font-size:105%}
p{margin: 0 5px;padding: 0 0 0.7em}
div#container{width:750px;margin: 0 auto;
    background: url(Immagini/3col_new.gif) repeat-y;text-align:left}
div#header{background-image: url(Immagini/semproniano.jpg);
 background-repeat: no-repeat;
}
div#main{float:left;width:580px;
border-top-color: Blue;
border-top-width: 1px;
border-top-style: solid;}
div#content{float:right;width:400px}
div#nav{
float:left;width:180px;font-size:85%;
}
div#extra{float:right;width:170px;font-size:95%;
border-top-color: Blue;
border-top-width: 1px;
border-top-style: solid;}
div#footer{
border-top-color: Blue;
border-top-width: 1px;
border-top-style: solid;
clear:both;width:100%;padding-top:5px;background: #C9FB99}

ul.menu1 {
width:180px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}

ul.menu3 {
width:180px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}

ul.menu3 li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
}
ul.menu3 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/


ul.menu3 li {
background:#DFEEFF;
color: #009;
}

ul.menu3 li a:link, ul.menu1 li a:visited {
/*background:#E6E6FA;*/
color: #009;
}

ul.menu3 li a:hover, ul.menu3 li a:active {
background:#eee url(Immagini/sfumato_new.gif) 100% 0 repeat-y;
color:black;
} /* colori per l'effetto roll-over */


</style>