#menu {
	background: #666666;
/*#eee;*/
  
  	text-transform: uppercase;
 font-family:  Arial, Helvetica, sans-serif;
	/*font-size: x-small;*/
	color: #000000;
	
	z-index:100;
	width:100%;
}

/* position:fixed;
   _position:absolute;
  top:20px;
  _top:expression(eval(document.body.scrollTop));*/
 	

/* per bottom:0;, usare:
 h1{
  position:fixed;
  _position:absolute;
  bottom:0;
  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
  background:red;
 */
 #menu span { 
 text-transform: uppercase;
 font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	}
 #menu ul { /* rimuove gli oggetti elenco */
list-style: none;
margin: 0;
padding: 0;
width:100%;
}
#menu a, #menu h2 {
font-size: x-small !important;
font-size: small;
font-family:"Courier New", Courier, mono;
display: block;
border-width: 1px;
border-style: solid;
border-color: #fff #fff #fff #fff;
margin-top: 3px;
padding: 2px 3px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
#menu h2 {
margin-top:5px;
margin-bottom:-5px;
color: #fff;
background: #666666;
text-transform: uppercase;
}


#menu a {
color: #000000;
background: #ffffff;
text-decoration: none;
}
.selezionata {
background: url(../immagini/freccetta.jpg) no-repeat right ;}

#menu a:hover {
color: #a00;
background: #f1f1f0;


/*background: #f1f1f0;*/
}

#menu li {
/* 
trasforma la lista in un blocco contenente i link annidati */
position: relative;

} 

#menu ul ul  {
border: 1px dotted #ccc;
position: absolute;
top: 0;
left: 100%; /* li pone a destra del blocco principale */
width: 100%; /* dimensione in funzione del blocco contenitore */
z-index:1000;
}

div#menu ul ul ,
div#menu ul  li:hover ul ul
{display: none;}

div#menu ul  li:hover ul,
div#menu ul ul  li:hover ul
{display: block;}

 /* classe + per indicare il contenuto di altri link*/
 #menu A.x {
	BACKGROUND: url(../immagini/piu.png) #ffffff no-repeat right bottom
}

#menu A.x2 {
	BACKGROUND: url(../immagini/dante.jpg) #ffffff no-repeat right top
}
#menu A.x:hover {
border-bottom: 1px dotted #ccc;
	/*BACKGROUND: url(../immagini/meno.png) #f1f1f0 no-repeat right bottom*/}
/*
#menu A.x:visited {
	BACKGROUND: url(../immagini/expand3.gif) #eee no-repeat right bottom
}


#menu A.x:active {
	BACKGROUND: #ffffff; COLOR: #060
}
 

.top {
 position:fixed;
  _position:absolute;
  bottom:0px;
  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
  
}*/