html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
#container{
	/*position: relative;*/
	width: 760px;
	margin: 0 auto;
	/*height: 610px;*/
	text-align: left;
	border: 1px solid #36c;
	background: url(images/leftcol.jpg) repeat-y top left;

}

/*stili generici, su header e footer*/
#header{background-color: #69c; color: Blue;}
h1,h2{margin: 0;padding:0}
h1{padding-left: 0.5em;font: normal bold 2.3em/80px arial,serif;}
h2{color: Black;font-size: medium;margin-left: 10px;}
td{	text-align: justify; text-decoration:none;}
#footer a{color: #fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
#navigation{float:left;width: 138px;border: 0px solid #000000;}
#navigation a#activelink{color: blue;text-decoration: none;background-color: White;}
#content{
	float:left;
	padding: 1em;
	background-color: #fff;
	width: 594px;
	height: 550px;
	overflow: auto;
	text-decoration: none;
	border: 0px solid #000000;
	}
#content a{color:#369;font: Bold verdana,arial,sans-serif;text-decoration: none}
#content a:hover{
	font: bold Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #369;
	text-decoration: underline;
}
#content a#activelink{
	color: red;
	text-decoration: none;
	font-weight: bold;
}
#footer{clear:both;top: 573px;width: 748px;text-align:center; padding: 0.5em;background-color: #69c; color: #000;}

/*stili per la navigazione*/
/* div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
#navigation li{margin: 0;padding: 0}
#navigation a{color:#369;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
#navigation a:hover{color: #033;text-decoration: underline}*/




/** MENU 3 ** sfondo sfumato **/
ul.menu3 { 
width:122px;
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 0.5em; /* lascia spazio fra 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;
background:url(images/sfumato.png); /*pre-load immagine*/ 
}
ul.menu3 li a:link, ul.menu3 li a:visited { 
background:#A7D9FA;
color: #009;
} /* colori per il link */
ul.menu3 li a:hover, ul.menu3 li a:active {
	background: White url(images/sfumato.png) repeat-y 100% 0;
	color: #c00;
} /* colori per l'effetto roll-over */

.BluTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #3366FF;
	text-decoration: none;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
}
