body { 
    margin: 0px; border: none; padding: 0px;
  }
	
  #hpcontainer {
    /* si tratta del blocco contenitore piu' esterno 
	   che permette la centratura dei contenuti sulla home page del sito, a qualunque risoluzione di schermo */
    position: relative; top: 10px; left: 50%; 
	width: 760px; height: 356px; /* Daddi's Porsche? */
    margin: 0px 0px 0px -380px; border: none; padding: 0px;
    text-align: center; 
  }

	#hpmain { 
      /* si tratta del blocco che permette la centratura delle tre colonne della parte principale della home page */
	  position: relative; top: 140px; left: 0px; 
	  width: 760px; height: 180px;
      margin: 0px auto; border: none; padding: 0px; 
	  text-align: center;
	}
	
	  #hpmaincenter {
        /* si tratta della colonna centrale della parte principale della home page */
        position: absolute; top: 0px; left: 50%; 
	    width: 356px; height: 100%;
        margin: 0px 0px 0px -178px; border: none; padding: 0px;
      }
	  
        #hpmaincenter p { 
	      font: 14px "Trebuchet MS", Arial, Sans-Serif; color: #303690; 
		  margin-top: 8px; margin-bottom: 8px; font-weight: bold; 
		}

	  #hpmainleft {
        /* si tratta della colonna sinistra della parte principale della home page */
        position: absolute; top: 0px; left: 0px; 
	    width: 200px; height: 100%;
        margin: 0px; border: none; padding: 0px; background-color: #E6E6E6;
      }
	  
        #hpmainleft p { 
	      font: 11px "Trebuchet MS", Arial, Sans-Serif; color: #606060; 
		  margin: 15px 10px 5px; font-weight: bold; 
		}
		
	  #hpmainright {
        /* si tratta della colonna destra della parte principale della home page */
        position: absolute; top: 0px; right: 0px; 
	    width: 200px; height: 100%;
        margin: 0px; border: none; padding: 0px; background-color: #E6E6E6;
      }

        #hpmainright p { 
	      font: 11px "Trebuchet MS", Arial, Sans-Serif; color: #606060; 
		  margin: 15px 10px 5px; font-weight: bold; 
		}
		
    #hpheader {
      /* si tratta del blocco che permette la centratura dello header sulla home page del sito */
      position: relative; top: 0px; left: 0px; 
	  width: 760px; height: 135px;
      margin: -180px auto 0px; border: none; padding: 0px;
    }

      #topleft {
        /* si tratta della parte dello header in alto a sinistra, dove trovera' posto il menu di navigazione */
        position: relative; top: 0px; left: 0px; float: left;
	    width: 496px; height: 35px; 
        margin: 15px 0px 0px; border: none; padding: 0px;
      }

        #menutable {
          /* si tratta della tabella in cui e' realizzato il menu di navigazione 
		     (con l'effetto hover sotto le voci) */
          margin: 0px auto; border: none;
        }
		
		  td.headermenu:hover { border-bottom: 3px solid #66CC99; }
		  td.headermenu { border-bottom: 3px solid #FFFFFF; text-align: center; vertical-align: bottom; }
						  
		  .hp-menu { font: 15px "Trebuchet MS", Arial, Sans-Serif; color: #303690; 
					 font-weight: bold; text-decoration: none; }

		  .separe { width: 11px; height: 30px; }

      #topright {
        /* si tratta della parte dello header in alto a destra, 
		   dove trovera' posto lo slice topright dell'immagine header */
        position: relative; top: 0px; right: 0px;  float: right;
	    width: 260px; height: 50px;
        margin: 0px; border: none; padding: 0px;
      }

      #bottomleft {
        /* si tratta della parte dello header in basso a sinistra, 
		   dove trovera' posto lo slice bottomleft dell'immagine header */
        position: relative; top: 0px; left: 0px; float: left;
	    width: 496px; height: 83px;
        margin: 0px; border: none; padding: 0px;
      }

      #bottomright {
        /* si tratta della parte dello header in alto a sinistra, 
		   dove trovera' posto lo slice bottomright dell'immagine header */
        position: relative; top: 0px; right: 0px;  float: right;
	    width: 260px; height: 83px;
        margin: 0px; border: none; padding: 0px;
      }
	  
	#hpfooter {
      position: relative; top: 2px; left: 0px; 
	  width: 760px; height: 18px;
      margin: 190px auto 0px; border: none; padding: 5px 0px 5px 0px; 
	  background-color: #303690; text-align: right;
	}

      #hpfooter a:hover { color: #FFFFFF; }
	  #hpfooter a { 
		font: 12px "Trebuchet MS", Arial, Sans-Serif; color: #9FC0F0; 
		margin: 0px; font-weight: bold; text-decoration: none;
      }

      #hpfooter p { 
		font: 12px "Trebuchet MS", Arial, Sans-Serif; color: #9FC0F0; 
		margin: 0px; font-weight: bold; text-decoration: none;
      }