/* layaut generale  */
html,body {
margin:0; 
padding:0;  
height:100%;/* l'altezza min è pari alla schermata  */
}

body { 
font-family:georgia, serif; 
font-size:76%; /*dimensionamento percentuale del font */
text-align:center;/*centra in IE 5.x */
background-color:#949494;
}

div#container {
position: relative;
width:60em;/*dimensionamento in em del container principale */
height:90%;
margin:2em auto;/*centra negli altri browsers*/
padding:0;
text-align:left;/*ripristina l' allineamento*/
}

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

h2  { 
color:black;
font-family:"verdana";
margin:0;
}
h3 {
color:black;
font-family:"staccato 222 bt";
margin:0;
}
img {
border:none;
}

/* layaut header e footer */
div#header {
height:137px;
text-align:center;
background: url(../images/back_header.jpg);
}
.header {margin-top:4px;}
		
div#footer {
text-align:center;
width:100%;
height:200px;
background: url(../images/back_footer.jpg) no-repeat;
padding-top:10px; 
}
#footer p {
padding:0;
margin:0;
}

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

/* layaut content */
div#content {
padding:1em;
line-height:1.5;
background: url(../images/back_cont.jpg);
}

/*stili navigation*/
div#navigation {
background: url(../images/back_cont.jpg);
}

ul#navheader{
position:relative;
margin:0 auto;
width:59em;
height:18px;		
border-bottom:0.1em solid #f5f5f5;
z-index:0;
padding:6px 0 0 0;
}

ul#navheader li {
position:relative;
display: inline;/* gli elemanti vengono disposti in orizzontale */
font:10px verdana;
padding:0;
z-index:20;
float : left;
}

#navheader li a { 
text-decoration:none;/* toglie la sottolineatura */
color:#949495;
display : block;
text-align : center;
width : 80px;
}
	
#navheader li a:hover { 
text-decoration:none;
color:#FFFFFF;
cursor: pointer;
}
#navheader a#activelink  { 
color: #033;
text-decoration: none; 
}

#slider { 
position:absolute;
border-bottom:5px solid #f5f5f5;
width:80px;
height:16px;
margin:0 2px 0 2px;
z-index:2;
margin-left : 5px;
}