/* Questa � la struttura del body che presenta un padding che gli permette di avere un contorno vuoto tutto intorno ai contenuti. Devi stabilire il tipo di font e i colori di base in quanto questo � l'elemento progenitore */
body{
margin : 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;



}

/* Questa � la struttura del contenitore generale. Non so se questo colore di sfondo sia Web Safe */
#container {background-image:url('sfondo2.gif');
text-align:center;

padding: 0;
border : 1px solid #000;
width:760px


}

/* Questa � la struttura del banner  */
#banner {background-image:url('sfondo3.gif');
border : 0px solid #000


}

/* Questa � la struttura della colonna sinistra Il colore trasparente, fa si che il colore delle aree laterali sia sempre omogeneo e non si interrompa in caso di minor lunghezza di una colonna rispetto alla altra*/
#sidebar-a {float: left;
width: 20%;
margin: 0;
background : trasparent;

}

/* Questo � il box dei contenuti. Serve ad evitare che con il padding, utile per distanziare il testo dai bordi, le due colonne laterali cambino dimensioni e che la pagina crolli ponendo le colonne una sopra l'altra. Diciamo che il contenitore ha le dimensioni giuste, ma il rivestimento interno � quello che contatta i contenuti e si rapporta con essi senza alterare nulla */
.box{padding : 2px;
margin: 0;
color : #000;

}

/* Questa � la struttura dell'area dei contenuti */
#content {border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; background:#fff; width : 59%;
float : left;
margin : 0;
border-top:0px none;
}

/* Questa � la struttura della colonna destra che, nel flusso dei dati deve essere sempre dopo l'area dei contenuti. Avrai notato che ho cambiato il valore dell'attributo float */
#sidebar-b {float: left;
width: 20%;
background-color: transparent;

}

/* Questa � la struttura del footer. Rimmarr� attaccato alla colonna centrale se i contenuti di essa saranno maggiori di quelli della colonna destra, altrimenti aderir� a questa. */
#footer {clear : both;
background : #000;

color : #fff;
}

a, a:link {color : #000000;
text-decoration : none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;



}

a:hover{
text-decoration : underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

A.linkcontenuto:link{
background-color:transparent;
color:blue;
text-decoration:none;
font-size:11px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
}
 
A.linkcontenuto:visited{
background-color:transparent;
color:blue;
text-decoration:none;
font-size:11px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
}
 
A.linkcontenuto:hover{
background-color:transparent;
color:blue;
text-decoration:underline;
font-size:11px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
} 

span.testotitolo{
color:white;
font-size:11px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
} 
span.testointestazione{
color:black;
font-size:12px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
} 
span.testonormale{
color:black;
font-size:11px;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
} 


.tabella {background-image:url('p.gif');}
.tabella1 {
border-left:0px none;
border-right:0px none;; border-top-color:#000000; border-bottom-color:#000000


}

A.link:link{background-color:transparent;color:#cccccc;text-decoration:none;font-size:10px;font-weight:bold;font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;} 
A.link:visited{background-color:transparent;color:#ccc;text-decoration:none;font-size:10px;font-weight:bold;font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;} 
A.link:hover{background-color:transparent;color:#ccc;text-decoration:underline;font-size:10px;font-weight:bold;font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;} 
.Stile1 {font-size: medium}