body {
background:#E5EAE6; /* questo è il codice del colore dello sfondo - è lo stesso cpdice che trovi in photoshop oppure se cancelli e ridigiti i : dopo background ti apparirà l'elenco colori da cui scegliere - alla fine delle riga ci dev essere sempre ; */
margin-top: 1px; /* lo spazio superiore sopra la testata - di solito metto 1px - puoi mettere 0 o qualsiasi altro valore */
font-family:Verdana, helvetica; /* il font principale - se non ne specifici altri nelle varie divisioni verrà utilizzato questo - come sempre cancella e rimetti i : per vedere le scelte diponibili */
font-size:14px; /* la dimensione predefinita del font se non specifichi dimensioni diverse nelle varie div */
/*background-attachment: fixed; */
} /* qui terminano le istruzioni per il BODY */

img {border: none;} /* questa istruzione serve per non avere automaticamente i bordi attorno alle immagini */
a img {border: none;} /* questa istruzione serve per non avere automaticamente i bordi attorno alle immagini che hanno un link */

p.didascalia {font: 11px Verdana, helvetica;font-style:italic; }
p.citazioni {font: 14px Verdana, helvetica;font-style:italic;font-weight:bold;text-align: center; }
p.fonte {font: 11px Verdana, helvetica;font-style:normal;text-align: center; }
p.introduzioni  {font: 15px Verdana, helvetica;font-style:italic;font-weight:bold;text-align: center; }

td p {
vertical-align: top;
 font: 10px Verdana, helvetica; 
 text-align: center;
 font-style:oblique;
 border: 0;
}  /* nel caso vi siano tabelle il testo contenuto avrà le suddette caratteristiche */

#container {  /* il container è il box principale, quello che contiene tutti gli altri - qui definisci la larghezza, i margini vanno bene come li ho messi, e il colore dello sfondo - cancellando e rimettendo i : vedi i colori disponibili */
	 position: relative; /* questa informazione non cambiarla, va bene così */
	width: 950px;
	margin: 0px auto;
	background:#ffffff; 
	}
/* nota: all'interno del container ci sono l'header, la pagina (dove scrivi i contenuti e metti le foto), destra (la colonna di destra con il menù e il footer */

#header { /* questa è la zona riservata all'immagine della testata superiore - definisce l'altezza dell'intestazione e l'immagine che vuoi inserire come backgrond (ossia la testata) */
	background: url('florida-landscaping-ideas.jpg') no-repeat center;
	height: 200px;
	width: 100%; /* 100% significa larga esattamente come il container */
	margin-top:0px;
	background-color:#E1E1E1; 
	}
#box { /* qui ci sono le caratteristiche della divisione BOX -che contiene tutte le altre div, eccetto l'header*/
	float:left; /* questa informazione non cambiarla, va bene così */
	width: 920px;
	margin-left:0px;
	padding-right:15px;
	padding-left:15px; 
	margin-top:0px;
	background-color:#FFFFFF;
	}

#pagina { /* qui ci sono le caratteristiche della divisione PAGINA - prova a cambiare qualcosa e vedi che cosa cambia nella pagina */
	float:left; /* questa informazione non cambiarla, va bene così */
	width: 650px;
	top: 210px;
	margin-left:0px;
	border-right:1px gray; /* questa serve per la riga tratteggiata che separa la colonna centrale (pagina) del menù - dimensione, colore e tipo di riga */  
	padding-right:15px;
	padding-left:15px; 
	margin-top:0px;
	font-family:Verdana, helvetica;
	background-color:#FFFFFF;
	font-size:100%;
	line-height:1.5em;
	text-align:justify;
	}

#pagina ol { /* queste sono le caratteristiche degli elenchi numerati */
padding-left: 35px; padding-bottom: 15px; padding-top: 10px;margin:0;
}

#pagina ul { /* queste sono le caratteristiche degli elenchi puntati */
padding-left: 20px; padding-bottom: 0px; padding-top:10px;margin:0;
}

#pagina li { /* queste sono le caratteristiche delle varie voci degli elenchi puntati o numerati */
padding-left: 20px; padding-bottom: 0px; padding-top:0px;margin:0;
}


#destra { /* queste sono le caratteristiche della colonna di destra che contiene il menù */
	width: 230px;
position: absolute; /* questa informazione non cambiarla, va bene così */
	left: 700px; /* il margine sinistro della colonna di destra */
	top: 210px; /* la distanza dal bordo superiore delle colonna di destra */
	padding-right:10px;
	padding-left:5px; 
	background-color:#FFFFFF; 
}

#destra p { /* il font della colonna di destra */
	font-family:Verdana, helvetica;
}

/* caratteristiche dei TITOLI principali della pagina (H1) */
#pagina h1{
	font-family:Verdana, sans-serif, Courier, monospace, "Arial Narrow", Arial, sans-serif, "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif, Courier, monospace, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif, "Arial Narrow", Arial, sans-serif, "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-weight: normal;
	font-style:normal;
	color:#515151;
	font-size:100%;
	margin-bottom:5px;
	margin-top:10px;
	padding-bottom:0px;
}

/* caratteristiche dei sottotitoli della pagina (H2) */
#pagina h2{
	font-family: Verdana, helvetica;
	font-weight:bold; 
	text-align:left;
	color:#515151; 
	font-size:120%;
	border-bottom:;
	margin-bottom:5px;
	padding-top:10px;
}

/* caratteristiche dei sotto-sottotitoli della pagina (H3) */
#pagina h3{
	font-family: Verdana, helvetica;
	font-weight:bold;
	text-align:center;
	color:#E6578C;
	font-size:140%;
	margin-bottom:5px;
	padding-top:10px;
}

/* caratteristiche dei sotto-sotto-sottotitoli della pagina (H4) */
#pagina h4{
	font-family: Verdana, helvetica;
	font-weight: normal;
	color:#515151;
	font-size:90%;
	margin-bottom:10px;
	padding-top:5px;
}
#pagina h5{
	font-family: Courier, helvetica, Verdana;
	font-weight: bold;
	font-style:normal; 
	text-align:center;
	color:#617865;  
	font-size:140%;
	margin-bottom:1px;

}

#pagina a {
	font-family: Verdana, helvetica;
	font-weight:bold;
	color:#333333; 
	font-size:100%;
	margin-bottom:10px;
	padding-top:15px;
	text-decoration: none;
}

#destra a {
	color:gray;
	text-decoration: none;
	}

#menu li {
	padding-left: 0px; padding-bottom: 5px; padding-top: 0px;
	font-size:100%;
	font-weight:bold;
	color:#515151;
/*  border-bottom: 1px solid #515151;;*/
	font-family:Verdana, helvetica;
	list-style:none;
	margin-bottom: 8px;
	text-decoration: none;
}
#menu p {
	padding-left: 0px; padding-bottom: 5px; padding-top: 0px;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	color:#515151;
	font-family:tahoma,verdana,helvetica;
	text-decoration: none;
}

#menu a {
	font-size:100%;
	font-weight:normal;
	color:#515151;
}

#menu ul li a:hover {
	color:#515151;
	text-decoration:none;
}

#menu ul li a {
	color:#515151;
	text-decoration:none;
}

#menu ul {
	padding-left: 5px; padding-bottom: 15px; padding-top: 10px; margin:0;
}

#footer {
height:100px;
width:950px;
float:left;
background:#919E47;
}

#footer p {font-size:90%;
font-family:verdana, Arial, sans-serif;
text-align:center;
padding:10px 20px 0px 20px;

}
#footer a {
	color:black;
	text-decoration: none;
}