html {margin:0px; padding:0px;}
body{margin:0px; padding-top:5px; padding-right:0px;padding-bottom:5px;padding-left:0px; 
    text-align: center;   /*centra in IE 5.x */
    background-image:url('http://www.istao.it/cluballievi/immagini/varie/pixel.gif');}

		/* --------- il DIV che contiene il tutto --------- */
		
div#container{ 
    width: 1100px;
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento*/
    border:1px solid rgb(160,2,61);
		padding-top:150px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
		background-image:url('http://www.istao.it/modulistica/immagini/top.bmp');
		background-repeat:no-repeat;
		background-color:#fff;
		font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:12px;
		color:#464646;
		}

table#tabella tr td{
		font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:12px;
		color:#464646;
		text-align:center;
}

table#tabellafina tr td{
		font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:12px;
		color:#464646;
		text-align:center;
		border: 1px solid #464646;
		padding: 3px;
		border-collapse:collapse;
		}


.imagedx {
	 left:660px; width:auto; font-size: 9px; text-align:left; margin:2px 0px 0px 0px;padding:2px;float:right;position:absolute; border:1px solid #ccc;}

		/* --------- Div che contiene il menu a sinistra della pagina --------- */

div#sinistra{ 
    width: 150px; /*inizialmente 150px*/
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento opacity:.10; */
    border-top:1px solid rgb(160,2,61);
		border-right:1px solid rgb(160,2,61);
		border-bottom:1px solid rgb(160,2,61);
		border-left:0px solid rgb(160,2,61);
		background-color:#d0d0d0;
		float:left;
		top:200px;
		padding-left:5px;
		}

ul.menu1 { /* elenco per il menu a sinistra */
	  list-style-type:none;
		margin-left:4px;
		margin-top:1px;
		margin-bottom:0px;
		border:0px dotted #c00;
		padding-left:0px; /*AGGIUNTA X ACCONTENTARE IL FIREFOX */
		padding-top:5px;
		padding-bottom:5px;}


ul.menu1 a { /* impostazione link del menu a sinistra */
	  font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:11px;
		color:rgb(160,2,61);
		text-decoration:none;
		display:block;}				

ul.menu1 a:hover { /* sottolineatura link del menu a sinistra */
		text-decoration:underline;}	
		

span.menu1_nolink { /* toglie il link alla voce che espande il sotto-menu (menu2)*/
		font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:11px;
		color:rgb(160,2,61);
		text-decoration:none;
		display:block;
		}



ul.menu2 {/* il sotto-menu (menu2)*/
width:125px;
margin-left: 0px;
padding: 0px;
list-style-type:none;
padding-left: 5px;
}

ul.menu2 li a{
margin-left: 0px;
padding-left:3px;
margin-bottom:0px;
border: 1px solid #fff;
font-family: tahoma, arial, helvetica, sans-serif;
font-size:11px;
display:block;
color:#316ac5;
text-decoration:none;
}


ul.menu2 li a:hover{
margin-left: 0px;
padding-left:3px;
margin-bottom:0px;
border: 1px solid #c00;
font-family: tahoma, arial, helvetica, sans-serif;
font-size:11px;
display:block;
color:#c00;
text-decoration:none;
}

		
		
		
		

		/* --------- il DIV che contiene il testo delle pagine --------- */
		
div#destra{
	  float:left; /*AGGIUNTA X ACCONTENTARE IL FIREFOX */
		clear:right; /*AGGIUNTA X ACCONTENTARE IL FIREFOX */
		width: 640px;
		margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento*/
		padding-left:6px;
		padding-top:4px;
		top:200px;
		font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		background-color:#fff;}

div#destra h1{
		font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:13px;
		color:rgb(160,2,61);
		font-weight:normal;
		margin-bottom:0px;
		border:0px solid red;
		}

div#destra p{ margin-top:0px;}		

span.neretto {
    font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:12px;
		font-weight:normal;
		color:#b8860b;}

span.evidenziato {
    font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:12px;
		font-weight:normal;
		background-color:#b8860b;
		color:#fff;}

ul.elenco { /* elenco puntato con riquadro oro (punto2.bmp) usato nel testo delle pagine */
		list-style-type: none; list-style-image: url('http://www.istao.it/cluballievi/immagini/varie/punto2.bmp');}

ul.sotto-elenco { /* elenco puntato con riquadro oro (punto2.bmp) usato nel testo delle pagine */
		list-style-type: none; list-style-image: url('http://www.istao.it/cluballievi/immagini/varie/punto2.bmp'); margin-left:15px;}

div#destra a { /* impostazione dei link del testo delle pagine */
    font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:12px;
		color:rgb(160,2,61);
		text-decoration:underline;}				

		
div.nota {
		font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:10px;
		border-top:1px solid #b8860b;
		}

ul.elenco-inlinea {
    padding-left:0px; /*AGGIUNTA X ACCONTENTARE IL FIREFOX */ 
		list-style-type:none;
		margin-left:1px;
		margin-top:20px;
		margin-bottom:0px;
		background-color:#fff;
		width:490px;}


ul.elenco-inlinea li.c60 { /* spazio */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; width:60px; text-align: left;
		}
ul.elenco-inlinea li.c120lineasinistra { /* allineamento testo centrato */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; border: 1px solid #fff; width:120px; text-align: center;
		}

ul.elenco-inlinea li.c120lineadestra { /* allineamento testo centrato */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; border: 1px solid #fff; width:120px; text-align: center;
		}

ul.elenco-inlinea li.c120txt-sx { /* allineamento testo sinistra */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; width:120px; text-align: left;
		}

ul.elenco-inlinea li.c120txt-rosso-sx { /* allineamento testo sinistra */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; width:120px; text-align: left; color:#c00;
		}

ul.elenco-inlinea li.c140 { /* allineamento testo centrato */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; border: 1px solid #fff; width:140px; text-align: center;
		}

ul.elenco-inlinea li.c180txt-sx { /* allineamento testo sinistra */
   float:left; display:inline; background-color:#fff; border: 0px solid #000; width:180px; text-align: left;
		}

		
ul.elenco-inlinea li.c200 { /* allineamento testo centrato */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; width:200px; text-align: center;
		}

ul.elenco-inlinea li.c200txt-sx { /* allineamento testo sinistra */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; width:200px; text-align: left;
		}

ul.elenco-inlinea li.c200lineacentro { /* allineamento testo centrato */
		float:left; display:inline; background-color:#fff; border: 0px solid #000;border-bottom: 1px solid #b8860b; width:200px; text-align: center;
		}

ul.elenco-inlinea li.c280txt-sx { /* allineamento testo sinistra */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; width:280px; text-align: left;
		}

		
		

ul.elenco-inlinea li.c330linea { /* spazio */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; border-bottom: 1px solid #b8860b; width:330px; text-align: left;
		}

ul.elenco-inlinea li.c440 { /* spazio */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; width:440px; text-align: left;
		}

ul.elenco-inlinea li.c440txt-cx { /* spazio testo centrato*/
		float:left; display:inline; background-color:#fff; border: 0px solid #000; width:440px; text-align: center;
		}


ul.elenco-inlinea li.c440lineatratteggiata { /* spazio */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; border-bottom: 1px dotted #000; width:440px; text-align: left;
		}
	
	
		
ul.elenco-inlinea li.c440linea-su-grigia { /* spazio */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; border-top: 1px dotted #ccc; width:440px; text-align: left; color:#b8860b;
		}

/*  nuovo elenco   */

ul.elenco-inlinea li.c30 { /* spazio */
		float:left; display:inline; background-color:#c00; border: 0px solid #000; width:30px; text-align: right;
		}

ul.elenco-inlinea li.c70 { /* allineamento testo centrato */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; border: 1px solid #fff; width:70px; text-align: center;
		}

ul.elenco-inlinea li.c77 { /* allineamento testo centrato */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; border: 1px solid #fff; width:77px; text-align: center;
		}

ul.elenco-inlinea li.c155 { /* allineamento testo centrato */
  	float:left; display:inline; background-color:#fff; border: 0px solid #000; border: 1px solid #fff; width:155px; text-align: center;
		}

ul.elenco-inlinea li.c370 { /* spazio */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; width:370px; text-align: left;
		}

ul.elenco-inlinea li.c490linea { /* spazio */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; border-bottom: 4px double #b8860b; width:490px; text-align: left;
		}

ul.elenco-inlinea li.c490linea-su { /* spazio */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; border-top: 1px solid #b8860b; width:490px; text-align: left; color:#b8860b;
		}

ul.elenco-inlinea div { 		/* --------- IL DIV CHE RACCHIUDE IL TITOLO DELL'EVENTO --------- */
text-align:center;
font-weight:bold;
font-size:14;
margin-top:5px;
margin-bottom:5px;
color:#000;
 }

		
		/* --------- IL PIEDE IN FONDO ALLE PAGINE --------- */
		
div#footer{
		clear:left; /*AGGIUNTA X ACCONTENTARE IL FIREFOX */ 
    width: 585px;
    margin: 0px auto;   /*centra negli altri browsers*/
    margin-bottom:5px;
		text-align: right;   /*ripristina l' allineamento*/
		padding-top:5px;
		padding-bottom:5px;
		padding-right:10px;
    border:0px dotted #000;
		}

div#footer a { /* impostazione del link usato nel piede in fondo alle pagine */
		font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:12px;
		color:#b8860b;
		text-decoration:underline;}				

		/* ---------- lista per visualizzare le foto  ------------- */	

ul.thumbnails {
    padding-left:0px; /*AGGIUNTA X ACCONTENTARE IL FIREFOX */ 
		list-style-type:none;
		margin-left:1px;
		margin-top:20px;
		margin-bottom:0px;
		background-color:#fff;
		width:440px;}

  ul.thumbnails li.singolo{ /* spazio */
		float:left; display:inline; background-color:#fff; border: 0px solid #000; margin-bottom:6px;width:200px; text-align: center;
		}

ul.thumbnails li.singolo a{
    display: block;
    padding: 1px 1px 1px;
    background: #fff url('http://www.istao.it/cluballievi/immagini/foto/small/f_al7273b_small.jpg') repeat-x bottom right
    }

ul.thumbnails li.singolo a:hover{
    color: #fff; /*hack per i ie5.5 e le regole sotto*/
    }

ul.thumbnails li.singolo a img{
    border: 2px solid #fff
    }

ul.thumbnails li.singolo a:hover img{
    border-color: #b8860b;
    }




/*AL MOMENTO NON USATI per il Thumbnails delle immagini: */
/* span.wrap1 {margin-bottom:10px;width:100px;background-color:#00c;}  */
span.legendafoto {clear:left; margin:0px 1px 0px 1px; font-size:10px; width:100%;display: block;background-color:#fff; text-align:center;color:#b8860b; font-weight:bold;}

div#finestra {position: absolute; z-index:5; top:360px; left:390px; width:500px; height:100px; border: 2px solid #b8860b; background-color:#fff; text-align:left;font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif; font-size:11px; overflow:auto; padding:0px;}
div#finestra1 {position: absolute; z-index:5; top:400px; left:390px; width:500px; height:100px; border: 2px solid #b8860b; background-color:#fff; text-align:left;font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif; font-size:11px; overflow:auto; padding:0px;}

div.testo {padding-left:5px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}

div.testo h1 {
		font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:11px;
		color:rgb(160,2,61);
		font-weight:normal;
		margin-top:0px;
		margin-bottom:0px;
		}

span.chiudi {
    margin-top:0px;
		margin-bottom:0px;
		background-color:#fff;
		text-align:right;
		clear:right;
		left:460px;
		border:0px dotted #c00;
		position:absolute; 
}

span.chiudi a { /* impostazione dei link del testo delle pagine */
    font-family:'Trebuchet MS',Tahoma,Arial,Verdana,Sans-serif;
		font-size:10px;
		color:#b8860b;
		text-decoration:underline;}				

/* i pulsanti delle FORM */ 
.pulsante {
padding:0;
color:#c00;
background-color:#ceceb4;
font-size: 9px;
}

.pulsante_rosso {
padding:0;
color:red;
background-color:white;
border:1px solid red;
font-size: 9px;
width:170px;
margin:5px;
}

.pulsante_verde {
padding:0;
color:green;
background-color:white;
border:1px solid green;
font-size: 9px;
width:220px;
margin:5px;
}