html,body{
	margin:20px;
	padding:0;
	font-size: 80%;
	}
	

body{
	font-family:Verdana, Trebuchet ms, sans-serif;
	text-align:center
	}

p{
	outline-width : thick;
	}

ul {
	list-style:hiragana;
	}

h1 {
	font-size:200%;
	color:blue;
	text-align:center;
	}

div#container{
	width: 99%;
	margin: 0 auto;    /*centra negli altri browsers*/
	text-align: left;   /*ripristina l' allineamento*/
	background-color: #ccc;
/*	border-width:0 1px; */
	border-style:solid;
	border:1px solid black;
/*	padding-top:50px;  */
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	z-index:5;
	
	}

	
div#header{
	position: static;
	background-color: #90AEFF;
	text-align:left;
	font-size: 130%;
	font-style: italic;
	color: #EDF9FF;
	font-family: Verdana, Trebuchet ms, sans-serif;
	letter-spacing: 5px;
	padding:1em 20px;
	margin:5px 0;
/*	background: url("robba.png") left top;
	background-repeat:no-repeat; */
	}

	
#nav_bar{
	position: relative;
	top: -25;
	left: 40%;
/*	float:right;
	clear:both;
	display:block;	
	text-align: center;
	z-index:1;
	vertical-align:middle;
	background-color: inherit;
 */
	font-family: Verdana, Trebuchet ms, sans-serif;
	}


div#menu{
	outline-width : thick;
	float:left;
	/* Inizia il Simplified Box Model Hack */
	width:90px; /* Dimensioni per Opera 5 */
	\width:100px; /* Dimensioni per Explorer 5.x */
	w\idth:90px; /* Dimensioni per browser standard compliant */ 
	padding:1em 0 0 10px;
	font-variant:small-caps;
	}


div#extra{
	float:right; 
	width: 140px; 
	\width:150px;  
	w\idth:140px;  
	padding:1em 5px;
	text-align:left;
	font-variant:small-caps;
	}


div#content{
	padding: 1em 10px;
	margin: 0 150px 0 100px;
	border-width: 0 1px;
	border-style:solid;
	border-color: #ccc;
	background-color: #FFF;
	text-align:justify;
/*	position: absolute;
	margin-top: 50px;
	margin-left: 205px;
	padding-left: 10;
	border-left: solid thick black; */
	}

	
div#footer{
	clear:both;
	text-align:center;
	font-size:65%;
	font-style:italic;
	background-color:#69c;
	bottom:0%;
/*	position: absolute;
	bottom: 10px;
	width: 300px;
	display: block;
	text-align: center;
	font-style: italic; */
	}


.glow {
/*	background: white;
	color: white;
	text-shadow: black 0px 0px 5px; */
	text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px;
	}	

/*
.list{	
	list-style:cjk-ideographic;
	} */

	
.lo	{
	font-size: 70%;
	}


.hi {
	font-size:130%;
	}
	

a:link{
	color: #DEDEDE;
	font-family: helvetica, trebuchet ms, sans-serif;
	}

	
a:visited{
	color: #ABABAB;
	font-family: helvetica, trebuchet ms, sans-serif;
	}

	
a:hover{
	color: #EEEEEE;
	font-family: helvetica, trebuchet ms, sans-serif;
	text-decoration:none;  /* I link perdono la sottolineatura al passaggio del mouse. */
	}

	
p:first-letter{
	font-style: italic;
	font-size:150%;
	font-family:fantasy;
/*	float: left;
	font-weight: bold;  */
	}
	
	
/* Il "titolo" di tutte le pagine del sito, ovvero l'immagine con la
   scritta "Robba" in alto a sinistra. */
img.titleImage {
	position:absolute;
	background:transparent;
	top:3px;
	left:35px;
	width:192px;
	height:72px;
	z-index:10;
}


/* ------------- Parte del css relativa alla stampa ------------------ */


	
@media print {

	@page { margin: 10% }
	H1, H2, H3, H4, H5, H6 { 
			page-break-after: avoid; 
			page-break-inside: avoid ;
			}
	BLOCKQUOTE,	PRE {
			page-break-inside: avoid;
			}
	UL, OL, DL { 
			page-break-before: avoid ;
			}
	}
	
	
/* -------- Parte del CSS per i non vedenti (sintesi vocale) ---------- */	
	

@media speech {
		H1, H2, H3, H4, H5, H6 {
			voice-family: paul, male;
			stress: 20; richness: 90; 
			}
		H1 { 
			pitch: x-low; 
			pitch-range: 90; 
			}
		H2 {
			pitch: x-low; 
			pitch-range: 80; 
			}
		H3 { 
			pitch: low; 
			pitch-range: 70;
			}
		H4 {
			pitch: medium; 
			pitch-range: 60;
			}
		H5 {
			pitch: medium; 
			pitch-range: 50;
			}
		H6 {
			pitch: medium; 
			pitch-range: 40;
			}
		LI, DT, DD {
			pitch: medium; 
			richness: 60;
			}
		DT { stress: 80 }
		PRE, CODE, TT { 
			pitch: medium; 
			pitch-range: 0; 
			stress: 0; 
			richness: 80;
			}
		EM { 
			pitch: medium;
			pitch-range: 60;
			stress: 60;
			richness: 50;
		}
		STRONG { 
			pitch: medium;
			pitch-range: 60;
			stress: 90;
			richness: 90;
		}
		DFN { 
			pitch: high;
			pitch-range: 60;
			stress: 60;
		}
		S, STRIKE { richness: 0 }
		I { 
			pitch: medium; 
			pitch-range: 60; 
			stress: 60; 
			richness: 50;
			}
		B { 
			pitch: medium; 
			pitch-range: 60; 
			stress: 90; 
			richness: 90;
			}
		U { richness: 0 }
		A:link { voice-family: harry, male }
		A:visited { voice-family: betty, female }
		A:active { 
			voice-family: betty, female;
			pitch-range: 80; 
			pitch: x-high;
			}
		}