/* Cosa serve per sfruttare questo CSS:
- una immagine w=1000px  h=180px per l'header (headerbk.png)
- una immagine w=1000px  h=libero consigliato 30px per la zona centrale (contenutobk.png)
- una immagine w=1000px h=60px per il footer (footerbk.png)
- una immagine w=450px h=70px per il lato destro dell'header (headerdestrabk.png)
- se uno dei tag, previsti non viene utilizzato, inserire &nbsp in modo da renderlo 
  comunque efficace. questo soprattutto per i tag nel body e nell'header h1, h2, etc....      
- il logo lo si puo' mettere a destra (headerdestrabk.png) o a sinistra (headerbk.png)


/* LAY-OUT Generale delle sezioni */
html, body {
  margin: 0;
  padding: 0;
}
body {
  font: normal 10px Verdana;
  background: #FFFFFF;
  color: #000000;
  text-align: center; /* per centrare in IE5.x*/
}


div#container {
  width: 1000px;
  margin: 0 auto;     /* per centrare sugli altri browser */
  text-align: left;   /* ripristina l'allineamento */
  background: url(contenutobk.png) repeat-y;  /* sfondo per le false colonne */
}


div#header {
  padding:30px 0px 80px 500px;
  background: #FFFFFF url(headerbk.png) no-repeat; /* puo' contenere o no il logo a seconda di cio'che metto in h1*/
}

div#sinistra {
  float: left;
  width: 225px;
  display: inline;                /* per evitare il double-margin bug su IE6 */
}

div#content {
  float: left;
  width: 450px;
  display: inline;                /* per evitare il double-margin bug su IE6 */
}

div#sidebar {
                     /* per annullare gli effetti dei float precedenti */
  color: Aqua;
  float: right;
  width: 325px;
  display: inline;               /* per evitare il double-margin bug su IE6 */
}

div#footer {
	clear: both;
	font: normal 9px Verdana;
	color: #FFFF00;
	height: 70px !important; /* box model hack per IE5.x */
	height/**/: 150px;
	padding: 25px 0 30px 60px;
	background: #FFF url(footerbk.png) no-repeat;
	
}

/*-------------------------------------------------------------*/
/*liste di definizione nel contenuto*/
div#content dl {
	width: 400px;
	background: #F5F5DC url() repeat-y;
	border: solid #CCC;
	border-width: 1px 1px 1px;
	margin: 5px 5px 5px 25px;
}
div#content dd a {
text-decoration: none;
color: #0000FF;

}

div#content dl img {
margin-left: 10px;
width: 32px;
height: 32px;
}


div#content dt {
	font-weight: bold;
	border-top: 0px solid #CCC;
	padding: 10px 10px 5px;
}
div#content dd {
	margin: 0;
	padding: 0px 10px 10px;
}

/* Formattazione del testo nelle tre colonne*/
div#content ul, div#content li {
	margin: 5px 5px 5px 15px;
	font: normal 11px Verdana;
	padding: 0px 0px 0px 0px;
	list-style-type: circle;
	color: #000000;
	background: transparent url() repeat-y;
}

div#content p {
  margin: 5px 5px 5px 5px;
  font: normal 12px Verdana;
  color: #000000;
}

div#content h1 {
  font: normal 12px Verdana;
  text-align: center; /* allineamento del testo */
  color: #FF0000;
  margin: 5px 0px 8px 0px;
}

div#content a {
height: 1.3em;
padding: 1px 0px 1px 0px; 
font-size:110%;
background: transparent url() no-repeat;
color:#0000FF;
text-decoration: none;
}

div#content a:hover{
color:#0000FF;
background: transparent url() no-repeat;
}

div#sidebar p {
  margin: 5px 40px 5px 15px;
  font: normal 10px Verdana;
  color: #FFFF00;
}

div#sidebar HR {
margin: 5px 40px 5px 5px;
}

div#sinistra p {
  margin: 5px 5px 5px 40px;
  font: normal 11px Verdana;
  color: #FFFF00;
}

/*usato nei form dei contenuti per le etichette*/
div#content h3 {
	font: normal 10px Verdana;
	text-align: center; /* allineamento del testo */
	color: #0000FF;
	margin: 0px 0px 0px 0px;
}

/*-----------------------------------------------------------------*/

/* formattazione del testo nel body ma che ritroviamo in...*/

h1 {/*testo a sinistra nell'header */
  margin: -120px 5px 30px 40px; 
  font: normal 12px Verdana;
  color: #0000ff;
}
h2 {/*testo nella barretta */
	margin: 60px 30px 30px 30px;
	font: normal 10px Verdana;
	color:#FFFF00;
	}

/*------------------------------------------------------*/

/* tag per l'header */	
div#header h1 {
  font: normal 10px Verdana;
  width: 450px;
  height: 70px; 
  text-align: left; /* allineamento del testo */
  background: url() no-repeat;  /*puo'essere una immagine o un qualunque sfondo per del testo */ 
  color: #FF0000;
  margin: 8px 0px 8px 0px;
}
/*------------------------------------------------*/

/* tag pulsanti di navigazione sinistra */
div#sinistra ul, div#sinistra li{
margin:10px 5px 10px 20px;
padding:0px 0px 0px 0px;
list-style-type:none;
}

div#sinistra a{
display:block;
height: 1.3em;
padding: 1px 0px 1px 30px; 
font-size:110%;
background: transparent url(bulleta.png) no-repeat center left;
color:#00FFCC;
text-decoration: none;
}

div#sinistra a:hover{
color:#ffff00;
background: transparent url(bulletahover.png) no-repeat center left;
}

div#sinistra li#active a{color:#ffff00}

div#sinistra HR {margin: 5px 5px 5px 30px}