﻿body { 
font: 10px/12px verdana; /* dimensione, altezza e tipo di font */
color: white; /* è il colore dei caratteri del body, ossia del testo */
background: white;  /* sfondo della pagina */
margin: 0 auto; /* margin: 0; evita uno spazio in alto sia in IE che in FF */
}
#container { /* layout principale della pagina */
width: 600px;  /* larghezza del layout (equivale alla tabella principale) */
background: withe; /* equivale allo sfondo della tabella, repeat-y ripete lo sfondo in basso */
margin: 0 0 0 0;
}
#container p{ /* layout principale della pagina */
font: 11px/14px arial,sans-serif; /* se nel PC dell'utente non è disponibile l'Arial viene cercato il san-serif */
margin: 0 0 0 0;
padding: 10px;
text-align: justify;
color: red;
}
#intestazione {
width: 600px; /* larghezza dell'intestazione */
height: 280px; /* altezza dell'intestazione */
background: url("images/intestazione.jpg") repeat-x; /* immagine dell'intestazione */ 
}

#intestazione h3 { /* caratteristiche dello stile TITOLO 3 di ciò che scriviamo nel DIV intestazione */
margin: 0px 0px 0px 20px; 
font: 18px/24px arial,sans-serif; /* se nel PC dell'utente non è disponibile l'Arial viene cercato il san-serif */
color: yellow; /* colore dei caratteri dello stile TITOLO 3 usato nell'intestazione */
}

h3 { /* caratteristiche dello stile TITOLO 3 di ciò che scriviamo FUORI dall'intestazione */
font: 16px/24px arial,helvetica,sans-serif; 
color: red; /* il colore può essere espresso col nome inglese o in esadecimale */
margin-left: 10px;
}
#boxlink {
position: absolute;
top: 3px; /* distanza del box dello slogan dall'alto */
margin-left: 605px; /* distanza del box dei link dal margine sinistro */
width: 175px; /* larghezza della zona riservata al box dei link */
height: 300px; /* altezza della zona riservata ai link */
background: yellow; /* colore dello sfondo del box riservato ai link */ 
}
#slogan {
position: relative;
top: 3px; /* distanza del box dello slogan dall'alto */
margin: 5px 5px 5px 5px;
width: 160px; /* larghezza della zona riservata al box dello slogan */
background: #3513E1; /* colore in esadecimale dello sfondo del box riservato allo slogan */ 
}
#menu {
position: relative;
top: 20px; /* distanza del box del menu dall'alto */
margin: 5px 5px 5px 5px; 

width: 160px; /* larghezza della zona riservata al menu di destra */
background: #ffffff; /* colore in esadecimale dello sfondo del box riservato al menu */ 
}
#menu p{
font: 12px arial;
line-height: 1.5;
padding-bottom: 5px;
padding-left: 8px;
}
a:hover,a:active {  /* questa istruzione serve solo se vogliamo far cambiare colore ai link attivi */
background: #E1C290; /* colore dei link quando si posiziona il mouse su di essi */
}