body {
background: #666666;
	background-color: #666666;
	color:#f1f1f0;
margin: 0; /* zeroes the margins on the body */
padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
border: 0; /* zeroes off any existing border */
text-align: center; /* Hack to center the wrapper in IE5.x pc */
min-width: 763px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
	}
	#generale {
width: 764px;/*sets the width for IE5.x's broken box model*/
w\idth: 762px; /* sets the width of the wrapper for compliant browsers*/
border: 1px solid #cccccc;
clear:both;
margin: 0px auto;/* centers the wrapper. First value - 5px - is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
/* border: 1px solid #ccc;/* sets a border to all 4 sides */
 text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
 /*background:url(../immagini/sfondo.jpg);*/
 min-height: 500px;
height: auto !important; /* trucco per far fare a explorer un box con altezza minima, !important soprascive l'istruzione successiva*/
height: 500px;
z-index:1;
}
#barra {
margin: 0px auto;
width: 765px;/*sets the width for IE5.x's broken box model*/
w\idth: 763px; /* sets the width of the wrapper for compliant browsers*/
height: 40px;/* set a height for the banner to allow all the bg image to be seen, no text resizing in this element to worry about */
margin-top:10px;
clear:both;
}


   
#testa {

/*position: relative; /* **PLEASE READ** ~ This property and value is not needed for your page to be rendered correctly in the browser - However, without it Dreamweaver allows the position of the leftcol div to ride up over the banner in design view. If that does not bother you, you can safely delete this property and value pair. Alternatively you could implement a design time style sheet to position the div correctly for working in design view */
height: 90px;/* set a height for the banner to allow all the bg image to be seen, no text resizing in this element to worry about */
border-bottom: 1px solid #cccccc;
background: url(../immagini/sfondo2.jpg) no-repeat right ;
}
#barretta {
height: 28px;
background-image:url(../immagini/sfondo.jpg);
width:765px;
clear:both;
width: 765px;/*sets the width for IE5.x's broken box model*/
w\idth: 763px; /* sets the width of the wrapper for compliant browsers*/
margin: 1px auto;

}
	#sinistra {
	
	float: left; /* Floats the div to the left to make a column */
width: 180px; /* sets a width for the div - Imperative for IE mac */
/*margin-bottom: 0px;
margin-left: 2px; /*creates a margin on the left to move the div away from the wrapper's edge */
/*margin-top: 1px; /* moves the div down from the banner */
z-index: 500;
/*position:fixed;*/
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 0px solid #666666;
border-top: 0px solid #666666;
background:#666666;
background-color: #666666;
margin-left:-1px;
margin-top:-1px;
padding-right:10px;
padding-bottom:10px;
position: relative;
	}
	#destra {
	border:1px solid;
	clear:both;
	float: right; /* Floats the div to the left to make a column */

/*margin-bottom: 0px;
margin-left: 2px; /*creates a margin on the left to move the div away from the wrapper's edge */
/*margin-top: 1px; /* moves the div down from the banner */
z-index: 500;

	}
	#contenitore {
	margin-left:200px;
	padding:10px;
margin-top:0px;

min-height: 350px;
height: auto !important; /* trucco per far fare a explorer un box con altezza minima, !important soprascive l'istruzione successiva*/
height: 350px;
/*BACKGROUND: url(../immagini/welcome1.jpg) #eee no-repeat right top*/
	}
	
	#fondo { /* Begin laying out and styling the footer div */
clear: both; /*clears any floats to the left - our leftcol div in this instance*/
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:xx-small;
width:763px;
margin: 1px auto;


}
		.titoli_contenuti {
	margin: 0 auto;
	font-family: "Courier New", Courier, mono;
	text-align:right;
	font-size:10px;
		color:#cccccc;
		
		
	}
	

.a {font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#FFFFFF;
}

a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}
.linknonsottolineato {
text-decoration:none;
color:#666666;
}

.testo {text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
overflow:visible;
color: #f1f1f0;
}
.testo a {
color: #f1f1f0;
}
.testo a:hover {
color: #f1f1f0;
text-decoration:none;

}


.testopiccolo {text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: smaller;
overflow:visible;
color: #333333;
}

.testopiccolissimo {text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
overflow:visible;
color: #333333;
}
.testosuperpiccolissimo {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
overflow:visible;
color: #333333;
}
#titolo_sinistra {text-align:right;
width:550px;
margin-left:200px;}
#titolo_sinistra h1 {
font-family: "Courier New", Courier, mono;
font-size: large;

color: #cccccc;

}
#nome {
text-align:left;
float: left;
font-family: "Times New Roman", Times, serif;
font-size: medium;
width:180px;

color: #FF9933;
}

#citazione {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:10px;
color:#444444;
text-align:center;

}