<style type="text/css">
<!-- 
body { 
font-family: Arial
} 

a:link { 
text-decoration: underline;
color: #000000; 
font-weight: bold;
} 

a:visited { 
text-decoration: underline;
color: #000000; 
font-weight: bold;
} 

a:active { 
text-decoration: underline;
color: #FF0000; 
font-weight: bold;
}

a:hover { 
text-decoration: uderline;
color: #000000; 
background-color: #00FFFF;
}

h1 { 
border-bottom: solid black ;
font-size: 150%;
} 
 
h2 { 
font-size: 100%;
 } 

p { 
text-align: justify;
 } 

blockquote { 
font-size: 75%;
width: 50%;
text-align: justify;
 } 

.main { 
text-align: center;
 } 

#colophon
 { 
width: 500px;
 } 
.colophon
 { 
text-align: left;
font-size: 80%;
 }

#sommario
 { 
width: 400px;
padding: 20px;
 } 
.sommario
 { 
text-align: left;
font-size: 90%;
 }

#motto { 
width: 180px;
position: absolute;
right: 5%; 
top: 2%;
 } 
.motto { 
background-color: #FFFFFF;
text-align: right;
font-size: 70%;
border: 1px solid black;
padding: 3px;
 } 
 
.testata
 { 
background-color: #EEEEEE;
font-size: 75%;
border-bottom: 1px solid #C0C0C0;
padding: 3px;
 } 

#piede { 
 } 
.piede { 
background-color: #EEEEEE;
font-size: 75%;
border-top: 2px solid black;
padding: 3px;
 } 
 
-->
</style>