/*  ID display da il nome e le caratteristiche alla div che contiene il corpo della pagina (i contenuti)  */
#display {width: 600px;}
#display h3 { margin: 0px;  padding: 15px 0px 5px 0px;}
/* ID tleft da il nome e le caratteristiche alla colonna sinistra */
#tleft {width: 170px;}
/* ID tright da il nome e le caratteristiche alla colonna destra */
#tright {width: 150px;}
/* Nel css è possibile dare le stesse caratteristiche a molteplici id o classi elencandoli con la virgola */
#tleft, #tright { margin: 5px;}

/* -------------- INIZIO TAG HTML -----------------------  */
/* Definizione di tutta la pagina html */
html { height: 100%; margin: 0 auto; margin-bottom: 1px; margin-top:0px; font-size:1.0em; color: #003366; }
/* definizione dei font e alterzza linea per corpo pagina e td tabelle */
body, td { line-height: 135%; font-family: Helvetica, Arial, sans-serif; padding:0px; vertical-align:top;}
/* definizione spazi e sfondo della pagina */
body { margin: 0 auto; padding: 0; background: #ECF3F8 repeat-x 0 0;}
/* le seguenti classi sono definite per organizzare tutte le parti html della pagina  */
table, td { border-style:none; }
table {	width:100%; margin:0px; border-collapse:collapse; }
p { margin-top: 10px; margin-bottom: 15px;}
h1, h2, h3, h4 { padding-bottom: 5px; margin: 25px 0;	font-family: Century Gothic, Arial, sans-serif; }
h1 { font-size: 200%; }
h2 {font-size: 175%;}
h3 { font-size: 150%;}
h4 {font-size: 120%;}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
a, h2, h3  { color: #3be;}
a.nounder { text-decoration: none; border: 0px none; cursor: pointer}
a.nounder:hover { text-decoration: none;}
/* ---------------------------- FINE TAG HTML ------------------------------ */

/* ------------------------ INIZIO TAG DIMESIONE FONT ---------------------------- */
body.f-smaller {	font-size: 10px; }
body, body.f-default { font-size: 12px;}
body.f-larger { font-size: 15px;}
/* ------------------------ FINE TAG DIMENSIONE FONT ---------------------------- */