<style type="text/css">

/*QUESTO E' UN LAYOUT A TRE COLONNE A LARGHEZZA FISSA  
CHE SONO CENTRATE NELLA FINESTRA DEL BROWSER*/
  
/* QUESTO TEMPLATE FUNZIONA BENE CON UNA LUNGA LISTA DI LINK IN VARIE CATEGORIE, BOTTONI
  E ALTRE COSE CHE VANNO BENE PER COLONNE ABBASTANZA STRETTE. QUESTO TEMPLATE VIENE VISUALIZZATO ALLO STESSO MODO SU OGNI MONITOR*/   
  
/*QUESTO TEMPLATE NON LAVORA BENE SE DEVONO ESSERE VISUALIZZATE FIGURE TROPPO GRANDI (PIU' DI 420 PX) O TROPPO LARGHE O ANCHE BOX (PIU' DI 150 PX) NELLE COLONNE*/
  

	  body {
		text-align:center;
         	background: #d3d3d3;
         	margin:5px 5px 10px 0px;
		}
		
		
a  { color: green; background: transparent; text-decoration: underline; font-weight: bold; } 
a:link  { color: green; background: transparent; text-decoration: underline; font-weight: bold; } 
a:active  { color: green; background: transparent; font-weight: bold; text-decoration: underline;}  
A:hover{ color: red; background: transparent; text-decoration: underline; font-weight: bold; }

	
	
	#container {
		width:917px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background: transparent;
			}
		
      	
	   	
	#contentheader {
		background:transparent;
                margin-left:0px;
                margin-right:0px;
                margin-bottom:8px;
                border-top: 2px solid white;   
		}



		
	


	#contentmain {
		width: 917px;
		padding-top:0px;	
		float:left;
		background-color: transparent;

		}
	
	#contentfooter {
		width: 917px;
		padding-top:0px;	
		float:left;
		background-color: transparent;
		}
	
	
		
	#spacer15{width:15px;  float:left;
 background:transparent}
		
	
	/*CONTENTHEADER STYLES*/

.title{font: 2.2em Flat Brush;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		text-align:center;
		color:red;
		}
		
/*CONTENTLEFT CONTENTRIGHT STYLES*/

	#contentleft p { font: normal .70em Verdana, Arial, Helvetica, sans-serif; 
	                color: white; padding: 0px 10px; margin-bottom:20px; background:transparent}
	#contentright p { font: normal .70em Verdana, Arial, Helvetica, sans-serif; 
	                 color: white; padding:0px 10px; background:transparent}
		
	
	#section {background:transparent; margin-bottom: 20px; text-align:left; border: 0px solid #000000}
	#section-c {background:transparent; margin-bottom: 20px; text-align:center}

	
h2.sectiontitle {
		font: bold 14px Calligraph421 BT;
		background: green;
		text-align:center;
		border-bottom: 1px solid #000000;
		margin:0px 10px;
		font-variant: small-caps;
		background: green;
		color: white;
		border-bottom: 1px solid white;
		}
    
 /*CONTENTMAIN STYLES*/    

  #contentmain p { font: bold 12px Verdana; 
                  color: white; padding:0px 10px; background:transparent}

    
  #contentmain ul {
	list-style: square;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1em;
	padding-left: 1em;
	}

 #contentmain li {
	background: transparent;
	font: .70em Verdana;
	color: black;
	}

	
/*	INIZIO CODICE MENU A DISCESA
	Tratto liberamente da http://www.positioniseverything.net/ */

.nav {
	position: relative;
	height: 24px;
	margin: 0;
	padding: 0;
	
}

.nav * {
	margin: 0;
	padding: 0;
}

.nav ul {
	list-style: none;
}

.button {
	float: left;
}

.button a {
	text-align: center;
	width: 100px;
}

.button ul a {
	text-align: center;
	width: 100px;
}

.nav ul .button {position: relative;}
/* this parent div does not provide "sticky hovering", but instead fixes a 
strange bug in Op7. When an element serves as a hovered popup "parent" element, 
that element must not also be floated or all heck breaks loose in Opera 7. 
To prevent this, we have floated the top level list items, while nesting 
hoverable parent divs inside that are then hovered to generate the dropdowns. 
Thus the ugly (but interesting) Op7 bug is defeated. */
	
.floatfix {margin-right: -3px;}
/* this fixes the IE 3px bug that is common in this type of float arrangement */ 

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	width: 100px;
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	color: #fff;
}
	
.dropdown div {
	width: 100px;
	position: absolute;
	left: -3000px;
	top: 0;
	text-align: left; /* needed because IE misapplies text centering to boxes */
}
	
/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, altho this method does eliminate
possible box model problems */
	
.dropdown ul { 
  width: 100px; /* tweaked so that dropdowns appear to "line up" with top links */
  margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
  border: 1px solid #888;
} /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
	
.dropdown div ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" zones for flyouts */
	
.nine .dropdown ul {width: 100px;} /* modifies width for rightmost "visible" dropdown (tweak) */
		
.nine .dropdown div ul {margin: 30px 0 30px 30px; position: relative;} /* rule reversal for "visible" right drop flyouts */

.nav li {text-align: center;}

.nav a {
	display: block;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
	padding: 6px 0 5px;
	border-right: 1px solid #888;  /* makes the dividers between the top nav links */
}

.ultimo a {border-right: 0;} /* kills right border on last top link */
	
.nine a {border-right: 0;} /* kills right border on last top link */

.nav ul ul a {
	border-right: 0; /* negates right border for dropdowns and flyouts */
	border-top: 1px solid #fff;  /* borders the bottoms of the dropdown and flyout links */
}
	
.dropdown li {
  position: relative; 
  vertical-align: bottom; /* IE5/win bugfix */
  }
				
.button:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 

.dropdown li:hover div { /* hover rule for flyouts */
	left: 100px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
	}
	
.nine li:hover div { /* reversed flyout rules for rightmost drop flyouts */
	left: -210px; 
	top: -26px;
	}

.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
  	padding: 0;
  	width: 15px;
	height: 15px;  
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;	
	background: url(images/bgfix.gif);
	}

.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
	}

.nav .four li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */
	left: 8px;
	}


/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.five {z-index: 50;}
.six {z-index: 60;}
.seven {z-index: 70;}
.eight {z-index: 90;}
.niner:hover {z-index: 90;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move 
vertically to the top link directly above and not have the sticky hoivering zone
on the flyout get in the way of hovering that top link. */
 

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */

* html .nav a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 151px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */

/* FINE CODICE MENU A DISCESA */


/* ASPETTO MENU A DISCESA */
.nav {
	background-color: blue;
	border-bottom: 1px #000 solid;
	border-top: 1px #000 solid;
	font: 10px verdana; 
	text-decoration: underline;
	color: white;
}

.nav a:hover {
	background-color: blue;
	color: white;
}

.nav a:visited {
	color: orange;
}

.nav a {
	color: white;
}

.nav ul ul a {
	color: blue;
}

.dropdown ul {
	background-color: white;
	color: blue;
}

.dropdown ul a {
	color: white;
}
/* FINE ASPETTO MENU A DISCESA */

h2.par{		font: 14px verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color: white;
		}

h2.parb{	font: bold 14px verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color:black;
		}

h2.parb1{	font: 14px verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color:black;
		}

h2.parb2{	font: bold 12px verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color:black;
		}

h2.parsec{	font: bold italic 15px verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color:black;
		text-decoration: underline;
		}

h2.pnav{	font: bold italic 12px verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color:white;
		}

h2.titsec{	font: italic 16px verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color:black;		
		}

h2.sottotit{	font: bold 16px Verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color: green;
		text-decoration:underline;
		}

h2.sottotitb{	font: bold 16px Verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color: white;
		text-decoration:underline;
		}

h2.sottotitb1{	font: bold italic 14px verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color:black;
		}

h2.titpag{	font: bold 18px Verdana;
		padding:10px 10px 0px 10px;
		
		margin:0px;
		color: green;
		}

h2.cred{	font: 11px verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color:white;
		}
 
h2.rici{	font: 9px verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color:black;
		}

h2.credb{	font: 11px verdana;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		color: #000000;		
		}

h2.titweb {	font: bold italic 1em Calligraph421 BT, comic sans ms;
		padding:10px 10px 5px 10px;
		padding:10px;
		margin:0px;
		text-align:center;
		color:green;
		}

h2.sect{	font: bold italic 12px verdana, Calligraph421 BT;
		padding:0px 10px;
		margin:5px;
		text-align:center;
		color: green;
		background: white;
		border-bottom: 1px solid green;
		font-variant: small-caps;
		}

h6.cita{	font: 12px Arial; 
	        color: black; 
		padding:0px 10px; 
		background:transparent;
		text-align: justify;
		}

h6.versi{	font: 1em Arial; 
	        color: black; 
		padding:0px 10px; 
		background:transparent;
		text-align: center;
		}

h6.pubblicato{	font: bold italic .70em Verdana; 
	        color: black; 
		padding:0px 10px; 
		background:transparent;
		text-align: center;
		}

h6.tab1{	font: bold 12px Verdana; 
	        color: white; 
		padding:0px 10px; 
		background:transparent;
		text-align: center;
		}

h6.tab2{	font: normal 11px Verdana; 
	        color: black; 
		padding:0px 10px; 
		background:transparent;
		text-align: right;
		}

h6.piano{	font: italic 12px Verdana; 
	        color: black; 
		padding:0px 10px; 
		background:transparent;
		text-align: center;
		}

h6.indice {	font: italic 16px comic sans ms, verdana; 
	        color: green; 
		padding:0px 10px; 
		background:transparent;
		text-align: center;
		}

h6.intlinks {	font: bold italic .71em verdana;
		background: green;
		text-align:left;
		margin:0px 10px;
		color: white;
		}

.areafks {	height: 180px;
		width: 160px;
		}


</style>

