body {
	margin:		0;
	padding:	0;
	background:	#CDCDFF;	/* azzurrino chiaro */
	border-right:	5px solid #000066;
}

#intestazione {
	background:	#000066;
	padding-top:	5px;
	padding-bottom:	5px;
}


#intestazione h1  {
	color:			white;
	font:			normal 40px "Times New Roman", serif;
	margin:			0;	/* necessario */
	padding:		0;	/* necessario */
	text-decoration: 	none;	/* altrimenti IE mette underline da link */
}

#intestazione h1 img {
	vertical-align:	middle;		/* allineamento verticale tra logo e titolo */
}


/* aka "striscia orizzontale centrale" contiene #menu e #principale */
#corpo {
	width:		100%;
	overflow:	hidden;
	background:	white url(sfondo_colonne.gif) 0 0 repeat-y;
}

/* aka "colonna sinistra"	*/
#menu {
	float:		left;
	width:		180px;

	
	/* questo altrimenti resta "sotto" e quindi "coperto" da #contenuto */
	position:	relative;	/* questo perchè altrimenti z-index non funziona */
	z-index:	10;
}

#menu ul {
	padding:0;
	margin:0;
	margin-top:	10pt;
	margin-bottom:	10pt;
	margin-left:	0.5em;
}

#menu ul li {
	padding:0;
	margin:0;
	list-style:	none;
	color:		white;
	font:		bold 10pt Arial, Helvetica, Tahoma, sans-serif;
	line-height:	12pt;
}

#menu a {
	color: white;
	text-decoration: none;
}
/* questo è per far la prima lettera sottolineata ( causa :first-letter malamente supportato ) */
#menu a em {
	text-decoration: 	underline;
	font-style:		normal;
}

#menu a:hover {
	text-decoration: underline;
}

#menu a.current, #menu a.current em, #menu a.current:hover {
	color:			yellow;
	text-decoration:	none
}

/* aka "colonna destra"	*/
#principale {
	float:		right;
	width:		100%;
	margin-left:	-180px;
}

#principale #barra_login {
	margin-left:	180px;
	background:	red;
}

#principale #barra_login p {
	padding:	0;	/* necessario */
	margin:		0;	/* necessario */
	color:		white;
	font:		normal 9pt "Times New Roman", serif;
	text-align:	right;
	margin-right:	2em;
}

#principale #barra_login p a {
	color:		white;
}

#principale #barra_login p a:hover {
	color:			white;
	text-decoration:	underline;
}

#principale #contenuto {
	margin-left:	180px;
	background:	white;
	position:	relative;	/* serve ai figli per potersi posizionare "absolute" se necessario */
}

/*dovrebbe essere quasi sempre opportuno, tranne forse in home */
#principale #contenuto {
	margin-left:	180px;
	background:	white;
	position:	relative;	/* serve ai figli per potersi posizionare "absolute" se necessario */
	padding:	5px 15px;
}



#blocco_piede {
	padding-left:	180px;
	background:	#000066;
}

#blocco_piede p, #blocco_piede address, #blocco_piede acronym, #blocco_piede a {
	font:		normal 8pt "Times New Roman", serif;
	text-align:	center;
	color:		white;
	margin:		0;	/* necessario */
	padding:	5px 0;	/* necessario 5px per top+bottom */
}


#blocco_piede a:hover {
	color:		white;
	text-decoration:	underline;
}

/* loghi w3c validator */
img.validator_icon {
	width:	88px;
	height:	31px;
}