/* 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: 30px 0 10px 5px;font-size: 600%;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(Immagini/3col_new.gif) repeat-y;text-align:left}
div#header{background-image: url(Immagini/violalpina.gif);
 background-repeat: no-repeat;
}
div#main{float:left;width:580px;
border-top-color: #B12222;
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: #B12222;
border-top-width: 1px;
border-top-style: solid;}
div#footer{
border-top-color: #B12222;
border-top-width: 1px;
border-top-style: solid;
clear:both;width:100%;padding-top:5px;background: #FFDEAD}

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 a:link, ul.menu3 li a:visited {
color: white;
} /* colori per il link */

ul.menu3 li { display:inline;  /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
color: #FFE4B5;
}
ul.menu3 li a:hover, ul.menu3 li a:active {
background:#eee url(Immagini/sfumato_new.gif) 100% 0 repeat-y;
color:white;
} /* colori per l'effetto roll-over */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

</style>