/* 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-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background :#f0f0f0;


}

/* Questa � la struttura del contenitore generale. Non so se questo colore di sfondo sia Web Safe */
#container {
   background-color:#FEEAD6;
   text-align:center;
   padding: 0;
   border : 1px solid #000;
   width:760px;
   position: relative;
   height: auto;


} 

/* Questa � la struttura del banner  */
#banner {
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-color:#FEEAD6;
}

/* 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 : 57%;
   float : left;
   margin : 0;
   border-top:0px none;
   position: static;
   top: 0px;
   right: 0px;
} 

/* 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: 22%;
background-color:#FEEAD6;
}

/* 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;
width:762px;
color : #fff;
}

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




}

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

}

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

span.testotitolo{
color:white;
font-size: 10px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
} 
span.testointestazione{
color:black;
font-size: 10px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
} 
span.testonormale{
color:black;
font-size: 10px;
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;} 
span.Stile1{

font-size: 13px;

}
&