/* 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: 1s0px 0 10px 5px;font-size: 105%;color: #FF744C}
h2,h3,h4{margin:0;padding-left: 5px;line-height: 30px;color: #333}
h2{font-size: 160%}
h3{font-size:130%}
h4{font-size:120%}
p{margin: 0 5px;padding: 0 0 0.7em}
div#container{width:750px;margin: 0 auto;
    background: url(3col_new.gif) repeat-y;text-align:left}
div#header{background-image: url(tutto_frantoi_head.gif);
 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.menu1 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.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu1 li a:link, ul.menu1 li a:visited {
background:#E6E6FA;
color: blue;
} /* colori per il link */
ul.menu1 li a:hover, ul.menu1 li a:active {
background: #99FB9A;
color:#B22222;
} /* colori per l'effetto roll-over */

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(sfumato_new.gif) 100% 0 repeat-y;
color:black;
} /* colori per l'effetto roll-over */


</style>