*{margin:0px; padding:0px;} /* serve ad azzerare tutti i margin e padding impostati automaticamente dai browser */

body{
	font-family: "Copperplate Gothic Bold", Verdana;
	text-align: left; /* serve a centrare il layout anche in Internet Explorer 5.x */
	background-color: #FFFFFF;
}

/* INIZIO impostazione STRUTTURA LAYOUT */

/*------------- Sezione per il div container -------------*/

#container {
	background-color: #FFFFFF;
	width: auto;
	height: auto;
	margin: 0px auto; /* serve a centrare il layout negli altri browser */
	text-align: left; /* ripristina l'allineamento a sinistra dei contenuti del div #container */
}

/*------------- Sezione per il div top -------------*/

#top {
	background-color: #FFFFFF;
	width: auto;
	height: 30px;
}

/*------------- Sezione per il div left -------------*/

#left {
	background-color: #FFFFFF;
	width: 67%;
	height: auto;
	float: left; /*IMPORTANTE: fa in modo che questo div sia allineato a sinistra ed ammetta del contenuto alla sua destra */
}

#left h1 {
	font: "Copperplate Gothic Bold";
	font-size: 14pt;
	text-align: center;
	color: #0000FF;
}

#left a {
	font: "Copperplate Gothic Bold";
	font-size: 14pt;
	text-decoration: underline;
	text-align: center;
	color: #0000FF;
}

#left img {
	margin-top: 20pt;
	margin-left:auto;
	margin-right: auto;
	text-align: center;
}

/*------------- Sezione per il div right -------------*/

#right {
	background-color: #FFFFFF;
	width: 33%;
	height: auto;
	float: right; /*IMPORTANTE: fa in modo che questo div sia allineato a sinistra ed ammetta del contenuto alla sua destra */
}

#right img {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

/*------------- Sezione per il div bottom -------------*/

#bottom {
	background-color: #FFFFFF;
	clear: both; /* IMPORTANTE: impedisce che footer possa allinearsi a destra o a sinistra degli altri div. */
			     /* In pratica lo obbliga a stare sotto il div precedente. Se non lo dichiari, quando la colonna */
				 /* #left č pių lunga di #right, il #bottom si posiziona sotto #right, ma a destra di #left */
	width: auto;
	height: 60px;
	padding-top: 10px;
}

#bottom h1 {
	font:"Copperplate Gothic Bold";
	font-size: 14pt;
	color: #0000FF;
	text-align: center;
}

#bottom a {
	font: verdana;
	font-size: 14pt;
	text-decoration: underline;
	color: #0000FF;
}
