}
body, html{
   margin: 0%;
	padding:0%;
	text-align:center;}

body
{background-color: #FFFF66;
margin: 0%;
		}
#left{

	padding-top:15%;
	
	width:20%;
	float:left;
   text-align:left;
	
}

#content{
	overflow:auto;
	width:50%;
	float: left;
	padding:30px;
	margin:0px;
}
#content .roberto img{
		float:left;
		margin:1.2%;
	}
#right{
	
	padding-top:5%;
    margin-top:3%;
	width:20%;
	float:left;
	overflow:auto;
	
	}
	
	ul{
	list-style: none;
	padding-left:2px;
	
}
li{
	font-size: 1em;
	margin: 0.5em;
	font-variant: small-caps;
	font-weight: bold;
	
	
}
a:link, a:visited{
	text-decoration: none;
	color: Red;

	
	
}


 a:hover, a:active {
	text-decoration: none;
	color: #228B22;
	height: bold;
	
}
.textb{
	background-color: #FFFF77;
	color: Blue;
	font-style: italic;
	font-family: Arabic Transparent;
	font-weight: bold;
}
.textr{
	background-color: #FFFF77;
	color: red;
	font-style: italic;
	font-family: Arabic Transparent;
	font-weight: bold;
}
.textv{
	background-color: #FFFF77;
	color: green;
	font-style: italic;
	font-family: Arabic Transparent;
	font-weight: bold;
}

.textf{
	background-color: #FFFF77;
	font-style: italic;
	color: Fuchsia;
	font-weight: bold;
	font-family: Arabic Transparent;
	
}
.textn{
	background-color: #FFFF77;
	font-style: italic;
	color: Black;
	font-weight: bold;
}
#banner {


	margin-left: 25%;
	padding: 3%;
	width: 60%;
	}
	
	.justify{
		text-align: justify;
	}