@charset "utf-8";
/* CSS Document */
body,html { 
	height:100%;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#333333;
	}
body{
	background: #E5E5E5 url(../images/bodycontainer.jpg) repeat-y center;
    font: 100% arial,sans-serif;
	text-align: center;
	height: 100%;
	}
h3{
	color:#637DA2;
	font-weight:600;
	font-size: 140%;
	padding:0;
	margin:0;}
h4{
	color:#333333;
	text-transform:uppercase;
	font-weight:600;
	font-size:75%;}
fieldset {
	border: none;
	padding: .8em;
	margin:0;
	vertical-align:top;
	}
label {
	font-size:70%;}		
a:link, a:visited, a:active {
	color:#006699;
	font-weight:600;
	font-size: 70%;
	text-decoration:none;
	}
a:hover {
	color: #0099CC;
	text-decoration: underline;
	}
	
div#container{
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;}
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-size:110%;
	font-weight:bold;
	background:transparent url(../images/OFF.gif) repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #555555;
	border-top:1px solid #919191;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;}
ul#menu li a{
	display:block;
	float:left;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url(../images/DIVIDER.gif) no-repeat top right;
	}
ul#menu li a:hover{
	background:transparent url(../images/HOVER.gif) no-repeat top right;	
	}
	
div#banner {
	background-image:url(../images/banner.jpg);
	width: 800px;
	height: 197px;
}
div#main {
	width:100%;
	background-color:#FFFFFF;
	height:100%;
	}
div#columnL {
	width: 628px;
	float:left;
	background-color:#FFFFFF;
	}
div#columnL h3 {
	padding-top: 1em;
	padding-left: 1em;
	}	
div#columnL p {
	padding-left: 1em;
	}		

div#columnR {
	width:172px;
	float:right;
}
	
div#eventi {
	background-color:#DAE2EB;
	height: 15em;
	padding: 1em;
	margin:0;}	
.GruppoEvento {
	margin-bottom: 1em;}
.DataEvento {
	color: #666666;
	padding:0;
	margin:0;
	font-size: 75%;
	}
.TitoloEvento {
	color: #006699;
	font-weight:600;
	padding:0;
	margin:0;
	text-transform:uppercase;
	font-size: 75%;
	}
.TitoloEvento a:link, .TitoloEvento a:visited, .TitoloEvento a:hover, .TitoloEvento a:active{
	font-size: 100%;}	
.DescEvento {
	font-size: 70%;
	padding:0;
	margin:0;	
	}
	
div#LeftPanel {
	width:43%;
	float:left;
	border-right:1px solid #CCCCCC;
	padding: 0 1.5em;
	height: 193px;
}	
div#RightPanel {
	width:43%;
	float:right;
	padding: 0 1.5em;
	height: 193px;
}
div#RightPanel p {
	padding-bottom: 2em;
}
div#footer {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	background-color:#1C2124;
	}
div#footer p{
	color:#eeeeee;
	font-size: 80%;
	text-align:center;
	margin: 0;
	padding: .8em;
	}
div#LeftMenu {
	width: 20%;
	float:left;
	}	
div#MainContent {
	width: 80%;
	float:right;
	}