html,body { 
  margin: 1px;
  padding:0; 
  height:100%;
}

body {
  font-family: arial, sans-serif;
  font-size: 76%;
  text-align: center
}

.line { background-image: url('img/line.gif');
}
.tit1 { 
  font-size: 80%; 
  color: #a0a0a0; 
  white-space: nowrap; 
}
.tit2 { 
  color: #ff8800; 
  white-space: nowrap; 
}

div#container {
  position:relative; 
  width: 760px; 
  height: 100%;
  margin: 0 auto;
  text-align: left;
}

body>div#container{
  height:auto;
  min-height:100%
}

div#footer{
  position: absolute;
  bottom:0; 
  width: 100%; 
  padding: 0.5em 0;
  background-color: #ffffff; 
  color: #000;text-align:left;
}

/*stili generici, su header e footer*/
div#title{
  font-family: Times New Roman; 
  font-weight:bold; 
  font-size: 18pt; 
  text-align: center; 
  color: #ff8800;
  overflow: visible;
  white-space: nowrap; 
}

div#header{
  font-family: Times New Roman; 
  font-weight:bold; 
  font-size: 14pt; 
  text-align: left; 
  color: #ff8800;
  white-space: nowrap;
  overflow: visible;
}

.title { 
  font-family: Times New Roman; 
  font-weight:bold; 
  font-size: 10pt; 
  text-align: center; 
  color: #a0a0a0;
  white-space: nowrap;

}
.genere-ico { padding-left: 20px; background: transparent url('img/genere.gif') 0 0px no-repeat; } 
	

div#footer a{color: #fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout
div#navigation{
  font-family: Arial; 
  font-weight:bold; 
  font-size: 8pt; 
  text-align: center; 
  padding: 0px;
  margin: 0px;
}
*/
div#tree1 {
  position:absolute; 
  margin: 0 auto;
  text-align: left;
  z-index: 1;
  overflow: auto;
  width: 150px;
  top: 210px;
}

div#nav {
  position: absolute; 
  text-align: left;
  top: 170px;
  width: 150px;
}

div#navright {
  position: absolute;
  top: 175px;
}

div#content{ 
  position:absolute; 
  padding: 1em 1em 0em;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  height: 80%;
}

div#schede{ 
  top: 170px;
  position:absolute; 
  padding: 0em 0em 0em;
  vertical-align: top;
  text-align: center;
  left: 150px;
  margin: 0 auto;
  height: 100%;
}

/*stili per la navigazione*/
/*
div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} 
div#navigation a{color:#000000;font: normal bold arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #000000;text-decoration: underline}
div#navigation a#activelink{color: #000000;text-decoration: none}
*/

div#schede a{color:#000000;font: normal bold arial,sans-serif;text-decoration: none}
div#schede a:hover{color: #000000;text-decoration: underline}
div#schede a#activelink{color: #000000;text-decoration: none}

div#tree1 a{color:#000000;font: bold 0.8em arial,sans-serif;text-decoration: none}
div#tree1 a:hover{color: #000000;text-decoration: underline}
div#tree1 a#activelink{color: #000000;text-decoration: none}

div#content a{color:#000000;font: normal bold arial,sans-serif;text-decoration: none}
div#content a:hover{color: #000000;text-decoration: underline}
div#content a#activelink{color: #000000;text-decoration: none}

h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}

.current { 
  font-weight:bold; 
} 

.menuItem {
  width:100px; 
  vertical-align: middle;
  text-align:left;
}