html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}
.clear {
	clear:both;
}
body {
	font: 13px Arial, sans-serif;
	margin: 0;
	color:#666;
}
#contents {
	position: absolute;
	top: 0;
	left: 0;
	background:url(../immagini/background-body.jpg) no-repeat top center;/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}
#header {
	width:100%;
	margin:0 auto;
	padding:20px 0 0 0;
	/*background:url(../immagini/header_background.jpg) no-repeat top center;  See note below */
		height:80px;
}
a img {
	border:none;
}
#footer {
	position: absolute;
	font-size:11px;
	color:#636363;
	bottom: 0;
	width: 100%; /* See note below */
	text-align: center;
	padding: 3px 15%;
	background:url(../immagini/footer_background.jpg) no-repeat top center; /* See note below */
	background-color:#FFF;
	height:150px;
}
#footer h1 {
	font:20px/20px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	color:#0066CC;
}
/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
	\width: 100%;
	w\idth: 70%;
}
a:active, a:link, a:visited {
	text-decoration:underline;
	color:#0099FF;
}
a:hover {
	color:#FFCC00;
}
a img {
	border:none;
}
.accesso a {
	color:#CCC;
	font:bold 30px/23px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.accesso a:hover {
	color:#666;
}
.accesso {
	font:16px/22px Arial, Helvetica, sans-serif;
}
#main {
	margin: 0 auto 160px auto;
	width:960px;
	height: auto;
	padding: 0 20px 0 20px;
	font:13px/18px Arial, Verdana, Tahoma, Helvetica, sans-serif;
}