html {
	color:#000000; 
	background:#ffffff; 
	margin:0;
	padding:0;
	text-align:center;
}

body { 
	margin:0;
	padding:0;
	color:#000000;
	background:#ffffff;
	text-align:center;
	font-family:"trebuchet MS", sans-serif;
	font-size:70%;
}

acronym { 
	border-bottom:1px dotted #999999; 
}

a { 
	color:#000000; 
	border:1px; 
	font-weight:bold; 
	text-decoration:none; 
}

a:visited {  }
a:active {  }
a:hover { 
	/*text-decoration:line-through;*/ 
	text-decoration:underline; 
}

ul { 
	margin:0; 
	padding:0; 
}

h1 { font-size:3em; margin:0; color:#FDC347; border-bottom:1px solid #FDC347; text-align:right; }

h2 { font-size:1.1em; margin:0.3em 0; }
h3 { font-size:1.2em; margin:0.1em 0; color:#cbf0fd; }
h4 { font-size:1em; margin:0.3em 0; }

p { margin:0 0 0.6em 0; text-align:justify; }
/*immagine di sfondo */
#corpo { 
	position:relative;
	width:1000px;
	height:598px;
	margin:0;
	padding:0;
	border-left:0px solid #777777; 
	border-right:0px solid #777777; 
	border:0px solid #777777; 
	background: transparent url(../images/sfondo-other.jpg) no-repeat; 
}
/*contenitore menu orrizzontale in alto per pulsanti link*/

#testa {
	width:98%; 
	height:150px;
	margin-bottom:1px; 
	padding:1px; 
	border:0px solid #777777;
}

 
#colonna-dx { 
	width:14em; 
	float:left;  
	margin-top:10px;
	margin-left:45px;
	text-align:left;
	background-color: none; 
	border:0.0em solid #777777; 
	padding:0.6em; 
}

#colonna-dx h3 { 
	margin-bottom:10px;
	color:#123f7b; 
	text-transform:lowercase; 
	letter-spacing:0.3em; 
	font-size:1.2em; 
}
                  
/*contenitore centrale per contenuti, immagini etc.,etc., */
#principale  { 
	width:720px;
	height:402px;
	float:left;
	margin-left:20px; 
	margin-top: 6px;
	padding-left:8px;
	padding-right:8px;
	text-align:justify;
	border: 0px solid #2693FF; 
	word-wrap: break-word;
	overflow: auto; 
}


#eventi {
float: left;
width: 154px;
height: 245px;
background: url(../images/eventi.gif) no-repeat;
margin-top: 30px !important;
margin-top: 20px;
margin-left: 10px !important;
margin-left: 10px;
}

#faq {
float: left;
width: 154px;
height: 245px;
background: url(../images/faq.gif) no-repeat;
margin-top: 30px !important;
margin-top: 20px;
margin-left: 10px !important;
margin-left: 10px;
}

#news {
float: left;
width: 154px;
height: 245px;
background: url(../images/news.gif) no-repeat;
margin-top: 30px !important;
margin-top: 20px;
margin-left: 10px !important;
margin-left: 5px;
}


#testo {
width: 120px;
height: 175px;
border: 0px solid black;
margin: 50px 18px;
}

#testo ul {
list-style-type:none;
padding-left: 0px;
}

#testo  li{
 margin-top: 10px;
border-bottom: 1px solid pink;
}


#testo a {
color: blue;
}

#testo a:hover {
 color:#efb67f;
text-decoration:none;
}


#footer{
	clear:both;
	width:950px;
	margin-left:20px;
	margin-right:20px;
	font-size:1.0em;
	color:#ee5408;
	height:15px;
	border: 0px solid #2693FF; 
	padding-top:13px;
}

#copyrightVSSP_1  {
	float:left;
	vertical-align:top;
}

#copyrightVSSP_img {
	margin-top:-6px;
	float:left;
	height:26px;
}
	
#copyrightVSSP_2  {
	float:left;
	vertical-align:top;
}

#copyright2piu  {
	margin-left:240px;
	float:left;
	text-align:right;
}
  
.scarica p { font-size:1.2em; margin:0.6em 0; padding:0 0.3em;   }
.scarica a { color:#000000; }

.stili ul { padding:0;  }
.stili li { border-bottom:1px solid #eeeeee; list-style-type:none; }
.selected {color:#efb67f}

.risorse li { list-style-image:url(images/data.gif); }

.validazioni { margin:0.6em 0; padding:0 0.3em; background-color:#f5f5f5; border:1px solid #e1e1e1; }
.validazioni a { color:#888888; }

  
  /*menu orrizontale per pulsanti link */

div#menu {
	width:98%;
	position:relative;
	margin-top:120px;
	margin-left:10px;
	border: 0px solid;
}
  
div#menu ul{
	list-style:none;
	margin:0;
	padding:0;
}

div#menu ul li{
	float: left;
	margin:8px;
	padding:0;
	font-size:1.1em;
	border: 0px solid ;
	text-align: left;
}
div#menu a{
	display: block;
	line-height: 16px;
	text-decoration:none;
	text-align: left;
	color: #123f7b
}
div#menu a:hover{ 
	text-decoration:underline;
	text-align:left;
	color: #af1d0a;
	border: 0px solid #95815e;
	background-color: none;
} 

div#allegatoVS {
	border:0px solid #000;
	text-align:left;
	padding-left:10px;
}



 /* 
  diamo a Cesare: 
  l'effetto ottenuto usando "!important" per addomesticare 
  Internet Exploder è ricavato da un articolo di Gianluca Troiani
  http://www.constile.org/tips/min-height/ 
  */

/*immagini extra*/
