body {
	text-align: center; /* IE5.x */
	padding: 0;
	margin: 0;
	}

#telaio {
        height:100%;
	width:100%;
	margin: 0px;
	border:1px solid gray;
	color: black;
        line-height:150%;
	background-image:url('sfondomath3.jpg');
background-size: 100% Auto;	
}

#testata {
        hight:210px;
	font-size: 140%;
	padding:0.5em;
	}

#testatalogo {
        postion:absolute;
        left:10px;
	width:110px;
	margin: 0px;
	padding: 5px;
}

#testatanome {position:absolute;
        left:120px;
        top:20px;
        margin-left: 120px;
	margin-right: 200px;
	padding:10px;
}

#foto { 
	float:right;
        margin-right:70px;
        width:170px;
        padding: 5px;
}

#menu {
	float:left;
	width:110px;
	margin-left: 30px;
	padding: 5px;
	}

#principale {
        font-family: Arial, sans-serif;
        font-size: 1.2em;
margin-bottom: 0;
	margin-left: 200px;
        margin-right: 100px;
	padding:15px;
	background-color: #ffffcc;
        text-align: left; /* IE5.x */	

}
#principale a:visited {color:#990033;}

	
#navigation {
margin: 0;
padding: 0;
width: 170px;
}

#navigation li {
margin: 0.5em 0;
padding: 0;
list-style: none;
}

#navigation a:link,
#navigation a:visited {
margin: 0;
padding: 0.35em;
text-decoration: none;
border: 1px solid #000;
background: #ffffcc;
color: #000;
display: block;
width: 7em;
        font-family: Arial, sans-serif;
        font-size: 1.2em;
font-weight: bold;
}
#navigation a:hover {
background: #000 url("img/dar.gif") no-repeat 95% 50%; 
color: #ffffcc;
}

#navigation strong.active  {
border: 1px solid #000;
        font-family: Arial, sans-serif;
        font-size: 1.2em;
font-weight: bold;
background: url("img/dar.gif") no-repeat 95% 50%;
color: #ffffcc;
padding: 0.35em;
text-transform: uppercase;
width: 15em;
display: block;
}