/* 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: 5px 0 5px 5px;font-size: 120%;color: gray}
h2,h3,h4{margin:0;padding-left: 5px;line-height: 30px;color: #333}
h2{font-size: 105%}
h3{font-size:102%}
h4{font-size:101%}
p{margin: 0 5px;padding: 0 0 0.7em;font-size: 85%}
div#container{width:750px;margin: 0 auto;
    background: url(Immagini/3col_new.gif) repeat-y;text-align:left}
div#header{background-image: url(Immagini/pitigliano.jpg);
 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.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: #009;
} /* 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 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");
}

//menu ad albero
ul.tree-menu {
    font-size: 12px;
    line-height: 16px;
    font-family: tahoma;
    margin: 0;
    padding: 0;
}
ul.tree-menu ul {
    margin: 0 0 0 20px;
    padding: 2px 0 0 0;
}
ul.tree-menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.tree-menu li.section {
    background-image: url("images/folder.gif");
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 1px;
    padding-bottom: 1px;
}
ul.tree-menu li.section-open {
    background-image: url("images/folder-open.gif");
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 1px;
    padding-bottom: 1px;
}
ul.tree-menu li.box {
    background-image: url("images/doc.gif");
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 1px;
    padding-bottom: 1px;
}
ul.tree-menu a {
    margin-left: 20px;
    color: #0000ff;
    text-decoration: none;
    white-space: nowrap;
}
ul.tree-menu a:hover {
    margin-left: 20px;
    color: #0000ff;
    text-decoration: underline;
    white-space: nowrap;
}


</style>