/*stili per il layout fluido*/
body{
margin: 0;
padding: 0; 
font-family: arial,sans-serif;
font-size: 13px; 
text-align: center;
}

div#container{
position: relative; 
width: 100%;
height: 100%;
margin: auto;  
text-align: left;
}

/*stili generici, su header e footer*/
div#header{
width: 100%; 
height: 105px;
background:/*#f9f9f9*/ url("logo.png") no-repeat;
color: #ff0;
}

#header img{
display:block;
float:right;
width:400px;
height:100px;
}

h1,h2{
margin: 0;
padding:0
}

h1{
padding-left:10px;
font: bold 2.3em/80px arial,sans-serif
}

h2{
color: #0b9dd2;
font-size: 1.5em
}

li a {
text-decoration:none
}

/*stili specifici per il layout*/
#right-column {
	float: right;
	width: 200px;
	/* background-color: rgb(255,255,255); */
	color: rgb(100,100,100);
	font-size: 1.1em;
}
.right-column-box-title-blue {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(220,220,220);
	font-weight: bold;
	color: rgb(50,50,50);
}	
#main{
background: #fff url("bg.png") repeat-x;
}
#content{
margin: 0 240px 0 180px;
padding: 1em 10px 50px 10px;
background-color: transparent;
text-align: justify;
}
#content img.r{
float:right;
height:64px;
width:64px;
}
#content img.l{
float:left;
height:64px;
width:64px;
}

#footer{
position:static;
/*bottom:0px;*/
font-size:10px;
width:100%;
text-align:center; 
padding: 5px 0;
background-color: #69c; 
color: #000;
}

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

div#footer small {
  font-size: 10px;
}

/*stili per la navigazione*/
div#navigation ul {margin: 0;padding: 0; list-style-type: none}
div#navigation li {margin: 5px 0; padding: 5px 0}
div#navigation a  {color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover {padding:18px 15px; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}
div#navigation p  {font-size: 90%}

/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column {
	width: 180px;
	float: left;
	vertical-align: top;
	/* background-color: rgb(255,255,255); */
	font-size: 1.1em;
	color: rgb(50,50,50);
}
#left-column ul {	
	width: 95%;
	padding: 0em;
	margin: 0em;
	list-style: none;
}	
#left-column li {
	margin: 0em 0em 0em 0em;
}
#left-column li a {
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;
	margin-left: 10px;
	border-top: solid 0.1em rgb(200,200,200);
	background-color: rgb(187,211,247);
	text-decoration: none;
	font-weight: normal;
	color: rgb(50,50,50);
	height: 1.3em;
}		
#left-column a:hover {
	/* border-left: solid 0.5em rgb(175,175,175); */
	background-color: rgb(220,220,220);
	text-decoration: none;
	color: rgb(50,50,50);
}
#left-column .selected {
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;
	/* border-left: solid 0.5em rgb(175,175,175); */
	border-top: solid 0.1em rgb(200,200,200);
	background-color: rgb(220,220,220);
	font-weight: normal;
	color: rgb(50,50,50);
}
#left-column .left-navheader-first {
	display: block;
	margin: 0em 0em 1.0em 0em;
	padding: 0.3em 0.7em 0.3em 0.9em;
	/* border-left: solid 0em rgb(255,210,113); */
	background-color: rgb(220,220,220);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(50,50,50);
}
#left-column .left-navheader {
	display: block;
	margin: 1.0em 0em 0em 0em;
	padding: 0.3em 0.7em 0.2em 0.4em;
	margin-left: 10px;
	/* border-left: solid 0.5em rgb(235,235,235); */
	background-color: rgb(220,220,220);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(50,50,50);
}

div#box{
width: 18em;
padding: 20px;
margin:0 auto;
background:#E6E6E6;
color:#000
}

/*Local toolbar*/
#local-toolbar {
  margin-top: 100px;
  float:left;
  width:100%;
  padding:2px 0;
  border:solid #282870;
  border-width:1px 0;
  list-style:none;
  font-size:95%;
  background:#282870 url("topmenu.png") repeat-x;
  }
#local-toolbar li {
  float:left;
  padding:0 5px;
  border-right:1px solid #282870;
  border-left:1px solid #282870;
  line-height:1.3em;
  }
#local-toolbar a {
  float:left;
  padding:1px 5px;
  text-decoration:none;
  color:#000000;
  }
#local-toolbar a:hover {
  background:#ccc;
  border-color:#999;
  color:black;
  }

/* Rounded Corners*/
div#boxes{width:360px;height:auto;padding: 5px ; bottom:0; margin: 0 auto;}
ul#about,ul#about li{list-style-type:none; margin:0; padding:0}
ul#about{margin:1px auto;text-align:left}
ul#about li{float:left; height:90px; padding: 8px;margin:3px; text-align: center; }
ul#about a {color:navy;}
ul#about a:hover { background:#ccc;  border-color:#999;  color:black;}
li#ab1{background: #FFFFCC; width: 360px;}
li#ab2{background: #ffcccc; width: 360px;}
li#ab3{background: #ffe471; width: 360px;}
li#ab4{background: #ccccff; width: 360px;}
li#ab5{background: #ff99ff; width: 360px;}
li#ab6{background: #66CCFF; width: 360px; color: #000}

div#uno{margin:3px; width:375px; height:120px; float:left; text-align:center; background:url("uno.png") no-repeat;}
div#due{margin:3px; width:375px; height:120px; float:left; text-align:center; background:url("due.png") no-repeat;}
div#tre{margin:3px; width:375px; height:120px; float:left; text-align:center; background:url("tre.png") no-repeat;}
div#quattro{margin:3px; width:375px; height:220px; float:left; text-align:center; background:url("quattro.png") no-repeat;}
div#cinque{margin:3px; width:375px; height:120px; float:left; text-align:center; background:url("cinque.png") no-repeat;}
div#sei{margin:3px; width:375px; height:120px; float:left; text-align:center; background:url("sei.png") no-repeat;}