body {
	background-color:#000099;
	background-image:url(/teaching-italian/accessori/immagini/sfondo-body.png);
	background-position:top;
	background-repeat:repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding-top: 10px;

}

#header {
	width: 800px;
	padding:0px 0px 3px 0px;
	margin: 0 auto;
	text-align:left;
	color:#FFFFFF;
	border-top:0px;
	border-bottom:#FFFFFF 1px solid;
	font-size:28px;
	}

H1{
	font-size:20px;
	margin:0;
	padding:5px 0px 0px 10px;
	color:#333333;
}

H2{
	font-size:14px; 
	font-weight:bold; 
	text-align:center;
	padding:7px;
	border-bottom:#999999 1px solid; 
	border-top:#999999 1px solid;
	margin:0px 5px 5px 5px;
}

H3{
	font-size:14px;
	font-weight:bold;
	padding:0px;
}

#menu-alto {
	width:794px;
	margin: 0 auto;
	padding:3px;
	border-bottom:#ffffff 1px solid;
	text-align:right;
	vertical-align:middle;
	color:#FFFFFF;
	}
	
#menu-alto a{
	text-decoration: none;
	color:#ffff00;
	padding:3px;
}

#menu-alto :hover{
	text-decoration: none;
	color:#33FF00;
	padding:3px;
}



#menu {
	width: 170px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:2px;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;

	}

#menu a {
	text-decoration: none;
	width:156px;
	display:block;
	border-bottom: 1px solid #999999;
	padding: 2px 0px 2px 0px ;
	color:#333333;
	font-weight:bold;

}

#menu a:hover {
	color:#009900;
}


#corpo {
	width: 796px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 13px;
	line-height: normal;
	background-color: #3366CC;
	background-image:url(/teaching-italian/accessori/immagini/sfondo-corpo-free-grammar.gif);
	background-position:top;
	background-repeat:no-repeat;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding:0px 2px 10px 2px;
	vertical-align: top;
	font-weight: normal;
}


#centro-pagina{
	padding:2px;
	text-align:justify;
	color:#333333;
	width:606px;
}

#centro-pagina a{
	color:#006699;
	text-decoration:none;
	}


.tabella{
color:#333333;
text-align:justify;

}

.tabella td{
	padding:5px;
	background-color:#DDDDDD;
}

.tabella th{
	padding:5px;
	background-color:#BBBBBB;
	color:#000066;
	font-weight:bold;
	font-size:12px;
}

.tabella-form td {
	border:#999999 1px solid;
	padding:5px;
	background:#dddddd;
}

.form-input-text{
	border:#999999 1px solid;
}

#piede{
	width:800px;
	margin:0 auto;
	color:#FFFFFF;
}
	
#piede a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFF00;
	text-decoration: none;
}

#piede a:hover{
	color:#009933;
}

hr {
   height: 1px;
   border: 1px;
   background-color:#999999;
   margin:5px 0px 5px 0px;
}

.top-right{background:url(/teaching-italian/accessori/immagini/right-corner-trasp.png) no-repeat top right; padding:0px}
.top-left{background:url(/teaching-italian/accessori/immagini/left-corner-trasp.png) no-repeat top left; padding:0px}
.bottom-right{background:url(/teaching-italian/accessori/immagini/right-bottom-corner.gif) no-repeat bottom right; padding:0px}
.bottom-left{background:url(/teaching-italian/accessori/immagini/left-bottom-corner.gif) no-repeat bottom left; padding:0px}
.sfondo-menu{background-color:#FFFFFF; padding:0px}
.sfondo{background-color:#FFFFFF; padding:0px}
.contenuto{ color:#333333; padding: 16px; text-align: justify;}
.contenuto-menu{padding:10px}	

.evidenziatore{background-color:#FFFF33; font-weight:bold;}
.esempi{color:#006699; font-style:italic;}

.conferma{
	padding:2px 5px 2px 5px;
	background-image:url(/teaching-italian/accessori/immagini/sfondo-pulsante-conferma.jpg);
	background-repeat:repeat-x;
	}
	
.back_button { font-size:16px; text-align:center; font-weight:bold; padding:0px 10px 0px 10px}
.timezone_box {background: #CCCCFF; padding:5px; border:#aaaaff 1px solid; font-size: 14px; color:#336699; text-align:center;}


 <!-- --------------CSS Sprite per il bottone "sign-up"-------------- -->
.button-sign-up {
width: 52px;
height: 21px;
}
.button-sign-up a {
display: block;
width: 52px;
height: 21px;
background:url(../immagini/sign-up.jpg);
}

.button-sign-up a:hover {
background-position: 53px 0px;
}
 <!-- --------------FINE CSS Sprite per il bottone "sign-up"-------------- -->
<!-- ------------------CSS Sprite per il bottone "learn-more"---------------- -->
.button-learn-more {
width: 89px;
height: 19px;
}
.button-learn-more a {
display: block;
width: 89px;
height: 19px;
background:url(../immagini/learn-more.jpg);
}

.button-learn-more a:hover {
background-position: top right;
}
<!-- ------------------FINE CSS Sprite per il bottone "learn-more"---------------- -->

<!-- ------------------CSS Sprite per il bottone "calendar-start-dates"---------------- -->
.button-calendar-start-dates {
width: 175px;
height: 20px;
}
.button-calendar-start-dates a {
display: block;
width: 175px;
height: 20px;
background:url(../immagini/calendar-start-dates.jpg);
background-position: 0px 0px;
}

.button-calendar-start-dates a:hover {
background-position: 178px 0px;
}
<!-- ------------------FINE CSS Sprite per il bottone "calendar-start-dates"---------------- -->


