html {
height: 100%;
}

body {
background-color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 0px;
height: 100%;

}

#box {
background-color: #FFFFFF;
background-image: url(sfondo.gif);
text-align: left;
width: 768px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 100%;
}

#top {
background-color: #000066;
background-image: url(sfondo.gif);

}

#barretta {
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
border-top: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
padding-left: 1px;
padding-top: 2px;
padding-bottom: 2px;
}

#barretta a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #000000;
margin-right: 2px;
}

#barretta a:hover {
color: #000000;
background-color: #FFFF66;
text-decoration: none;
}

#left {
background-color: #CCCCCC;
background-image: url(sfondo.gif);
float: left;
width: 130px;
height: 100%;
margin: 0px;
}