body, html {
	margin:0px;
	padding:0px;
	font-size: 16px;
	font-family: "Open Sans", Sans-serif;
	background: #ebebeb;
	color: #5a5a5a;

	}


body a: {
	color: #5a5a5a;
	text-decoration: none;
	border-bottom: 1px dotted;
}

body a:link, a:visited {
	color: #5a5a5a;
	text-decoration: none;
	border-bottom: 1px dotted;
}

body a:hover, a:active {
	color: #09c;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
	text-decoration: none;
	border: 0 none;
	}

#header {
	background-image: url("../images/header.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #444751;
	height: 160px;
	position: center;
	width:100%;
	margin: 0px;
	padding: 0px;
	border: 0px solid red;

}


#wrapper {
	margin: 0px auto; /* AUTO necessario per l'allineamento centrale */
	width: 960px;
	border: 0px solid yellow; /* quando è 1 si può visualizzare il wrapper */
}


#lang {
	background:#ebebeb;
	padding: 0px; /* top, right, bottom, left*/
	float: right;
	width: 960px;
	margin-top: 5px;
	margin-bottom: -10px;	}

#lang a{
	text-decoration: none;
	
}



#nav {
	background:#ebebeb;
	padding: 0px; /* top, right, bottom, left*/
	float: left;
	width: 960px;
	margin-top: 10px;
	border-bottom: 1px solid #b1b2b9;
}

#nav a{
	text-decoration: none;
	border-bottom: 0px;
}




#preface {
	background:#ebebeb;
	float:left;
	width: 920px;
	padding: 20px;
	border: 0px solid red;
	font-size: 88%;
}


#aboutleft {
	background:#ebebeb;
	float:left;
	width: 418px;
	padding: 10px 30px 30px 20px; /* top, right, bottom, left*/
	margin: 0px;
	clear: both;
	border: 0px solid red;
}		

#aboutright {
	background:#ebebeb;
	float:right;
	width: 418px;
	padding: 10px 20px 30px 20px; /* top, right, bottom, left*/
	margin: 0px;
	border: 0px solid red;
}	
	

#overall {
	background:#ebebeb;
	float:left;
	width: 908px;
	padding: 10px 30px 30px 20px; /* top, right, bottom, left*/
	margin: 0px;
	clear: both;
	border: 0px solid red;
}	

#content {
	background:#ebebeb;
	float:left;
	width: 518px;
	padding: 10px 30px 30px 20px; /* top, right, bottom, left*/
	margin: 0px;
	clear: both;
	border: 0px solid red;
}		

#sidebar {
	background:#ebebeb;
	float:right;
	width: 318px;
	padding: 10px 20px 30px 20px; /* top, right, bottom, left*/
	margin: 0px;
	border: 0px solid red;
}	


#milestonesleft {
	background:#ebebeb;
	float:left;
	width: 278px;
	padding: 0px 20px 30px 20px; /* top, right, bottom, left*/
	margin: 0px;
	border: 0px solid red;
}		

#milestonescenter {
	background:#ebebeb;
	float:left;
	width: 278px;
	padding: 0px 20px 30px 20px; /* top, right, bottom, left*/
	margin: 0px;
	border: 0px solid red;
}	

#milestonesright {
	background:#ebebeb;
	float:left;
	width: 278px;
	padding: 0px 20px 30px 20px; /* top, right, bottom, left*/
	border: 0px solid red;
}



#bottom {
	margin: 0px auto; 
	background-color: #09c;
	clear:both;
	width:100%;
	border: 1px solid #09c;

}

#footer {
	background-image: url("../images/footer_background.png");
	background-repeat: repeat-y;
	background-position: center;
	background-color: #09c;
	overflow: auto; /* impedisce che elementi escano dalla box */
	width: 920px;
	margin: 0px auto;
	margin-top:20px;
	margin-bottom:20px;
	padding: 0px;
	color: #fff;
	font-size: 80%;
	border: 0px solid red;
	
}	


#footer a:link, a:visited, a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 0px;
}	



#footer a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}	
 


#footerleft {
	width: 285px;
	float:left;
	padding: 0px 20px 0px 0px; /* top, right, bottom, left*/
	margin: 0px;
	border: 0px solid red;
}		

#footercenter {
	width: 250px; /* un po' meno!! */
	float:left;
	padding: 0px 20px 0px 20px; /* top, right, bottom, left*/
	margin: 0px;
	border: 0px solid red;
}	

#footerright {
	width: 265px;
	float:right;
	padding: 0px 20px 0px 20px; /* top, right, bottom, left*/
	border: 0px solid red;
	margin: 0px;
		
}

.smalltext { 
	font-family: Arial, helvetica, sans-serif; 
	font-size: 8pt; 
	line-height: 11pt; 
	color: #09c;
}