body {
padding:0;
height:100%;
background: url('../images/bg.gif') ;
}

a:visited {
color:#990000;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
}

a:hover {
color:#cc9900;
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
}

a:link {
color: #990000;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
}

a.big:visited {
color:#60A4FC;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
}

a.big:hover {
color:#cc9900;
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
}

a.big:link {
color: #60A4FC;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
}

#titolo_a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	width: 770;
	background-color: #F3DDE7;
}

#titolo_c {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	width: 770;
	background-color: #E3D4F6;
}

#titolo_p1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	width: 770;
	background-color: #EDDA70;
}

#titolo_p2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	width: 770;
	background-color: #F2CCBE;
}

#titolo_p3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	width: 770;
	background-color: #C7AF2C;
}

#titolo_cp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	width: 770;
	background-color: #E2EECB;
}

#titolo_l {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	width: 770;
	background-color: #D6E6EF;
}

#titolo_e {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	width: 770;
	background-color: #F6E3B2;
}

#titolo_con {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	width: 770;
	background-color: #60A4FC;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: justify;
	line-height: 130%;
}

td {
	padding: 5px;
}

#centerColumn {
margin:0 auto;
padding:0;
padding-top: 0;
width:750px;
text-align:left;
background-color:#ffffff;
}

#centerColumn2 { 	
margin:0 auto;
padding:0;
padding-top: 0;
width:780px;
text-align:left;
background-color:#ffffff;
}

#content {
margin:0 auto;
padding:0;
width:720px;
height: 100%;
text-align:left;
}

p.testo {
margin:0 0 15px 0;
padding:.75em 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
text-align:justify;
line-height: 130%;
}

p.testo2 {
margin:0 0 15px 0;
padding:.75em 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-align:center;
line-height: 130%;
}

p.testo3 {
margin:0 0 15px 0;
padding:.75em 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#000;
text-align:center;
line-height: 130%;
}

#centerColumn h2 {
margin:0 0 -.5em 0;
padding:0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #333333;
}

#centerColumn h3 {
margin:0 0 1em 0;
padding:.95em 0 1em 0;
font-size:.6em;
font-weight:lighter;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}

#navbar {
margin:0 0 0 0; 
padding:20px 1em 0 1em ; 
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
color:#fff;
}

#navbar ul {
margin:0 0 -1em .3em ;
margin:.3em 0 0 .3em;
padding:0 0 1em 0;
list-style:none;
text-decoration: none;
color:#FFF;
}

#navbar li {
margin:0 0 0 -.27em;
padding:.2em 0 .2em 0 ;
padding:1em 0 1em 0;
list-style:none;
display:inline;
text-decoration: none;
color:#fff;
}

#navbar li a {
margin:0 0 0 0;
padding:1em .8em 1em .8em ;
padding:1em .8em 0 .8em;
text-decoration: none;
color:#000;
}

#navbar li a:hover {
margin:0 0 0 0;
padding:1em .8em 1em .8em;
padding:1em .8em 0 .8em;
text-decoration: none;
color: #CC0000;
}


#top {
margin-top:-1em;
margin-bottom: 10px;
padding:0 ; 
background-color:#fff;
position: relative;
height:75px;

}

p.testocorsivo {
margin:0 0 0 0;
padding:0 0 3em 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #333333;
text-align:left;
font-style:italic;
}

#header {
margin:0 0 6em 0;
padding:0 ;
width::700px;
height:250px;
background-color:#cccccc;
position:relative;

}

#header h1 {
margin:0 0 14px 0;
padding:10px 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#000000;
}

#header h2 {
margin:0 ;
padding:1em 0 0 30px;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000000;
}

#barracerca{
margin:0 0 0 1em; 
padding:0 ; 
background-color:inherit;
position: relative;
height:30px;
}


p.cerca {
margin:0 10px 0 0;
padding:15px 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000;
text-align:right;
}

#benvenuto {
margin:0;
padding:0;
width:535px;
}

#prossimamente {
margin:0;
padding:0;
width:165px;
float:right;
}

#contenttitoloBox {
margin-bottom:2px;
padding:0;
width:720px;
height:33px;
background-color:inherit;
}

#titolobox_1 {
margin:0 5px 0 0;
padding:8px;
float:left;
width:150px;
background-color: #0099FF;
}

#titolobox_2 {
margin:0 7px 0 14px;
padding:8px;
float:left;
width:150px;
background-color: #FF9900;
}

#titolobox_3 {
margin:0 11px 0 12px;
padding:8px;
float:left;
width:150px;
background-color: #666666;
}

#titolobox_4 {
margin:0 0 0 5px;
padding:8px;
float:right;
width:150px;
background-color: #CC3333;
}


#box_1 {
padding:8px;
float:left;
width:150px;
background-image: url('url(../images/top-left.gif');
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position:   left top;; margin-left:0; margin-right:5px; margin-top:0; margin-bottom:0
}


#box_3 {
margin:0 11px 0 12px;
padding:8px;
float:left;
width:150px;
background-color:#c9c9c9;
}

#box_4 {
margin:0 0 0 5px;
padding:8px;
float:right;
width:150px;
background-color: #E18082;
}


p.titolobox {
margin:0 0 0 0;
padding:0 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px ;
font-weight:bold;
color:#fff;
}


#link {
margin:0 ;
padding:0 0 0 0 ;
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
text-align: right;
color:#FFF;
}

#link ul {
margin:0 0 -1em .3em ;
padding:0 0 1em 0;
list-style:none;
text-decoration: none;
color:#FFF;
}

#link li {
margin:0 0 0 -.27em;
padding:.2em 0 .2em 0 ;
padding:1em 0 1em 0;
list-style:none;
display:inline;
text-decoration: none;
color:#FFF;
}

#link li a {
margin:0 0 0 0;
padding:1em .5em 1em .5em ;
padding:1em .5em 0 .5em;
text-decoration: none;
color:#fff;
}

#link li a:hover {
margin:0 0 0 0;
padding:1em .5em 1em .5em ;
padding:1em .5em 0 .5em;
text-decoration: none;
color: #CC0000;
}


#footer {
position:relative;
clear:both;
width: 780px;
height:65px;
text-align:left;
font-size:.7em;
background: url('../images/bg_footer.gif') repeat-x;
margin-top: 5px;
padding:0 ; 
vertical-align: middle; margin-left:auto; margin-right:auto; margin-bottom:0	
}

#footerb {
position:relative;
clear:both;
width: 780px;
height:19px;
text-align:left;
font-size:.7em;
background: url('../images/corners_footer2.png');
margin:0 auto; 
padding:0  
}

#barradx {
margin:0 0 0 20px;
padding:0 ;
width:160px;
height:500px;
background-color:#cccccc;
float:right;
}

/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	width: 780px;
	height: 250px;
	overflow: hidden;
	padding:0;
	margin:0;
}



#imageMenu ul {
	list-style: none;
	margin: 0;
	display: block;
	height: 250px;
	width: 800px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:74px;
	height: 250px;
}

#imageMenu ul li.homepage a {
	background: url('../images/homepage.jpg');
}


#imageMenu ul li.associazione a  {
	background: url('../images/associazione.jpg');
}

#imageMenu ul li.associazione a:hover {
	background: url('../images/associazione.jpg');
}

#imageMenu ul li.contenuti a {
	background: url('../images/contenuti.jpg');
}

#imageMenu ul li.eventi a {
	background: url('../images/eventi.jpg');
}

#imageMenu ul li.percorsi a {
	background: url('../images/percorsi.jpg');
}


#imageMenu ul li.partecipare a {
	background: url('../images/partecipare.jpg');
}


#imageMenu ul li.persone a {
	background: url('../images/persone.jpg');
}


#imageMenu ul li.collabor a {
	background: url('../images/collabor.jpg');
}


#imageMenu ul li.link a {
	background: url('../images/link.jpg');
}


#imageMenu ul li.contatti a {
	background: url('../images/contatti.jpg');
}







#contentBox {
margin:20px 0 0 0;
padding:0;
width:720px;
height:180px;
background-color:inherit;
}


/**************************************************************

	box1
	

**************************************************************/


/* here's the box... the image is the upper-left corner */
#box1 {
  background:#8db2cf url('../images/top-left.gif') no-repeat;
  width : 200px;
  height : 100px;
  position : relative;
  padding : 15px;
  float:left;
  margin-right:15px
}

/* these are the other three spans. classes were used to allow multiuse on a page */
#box1 .tr, .bl, .br {
  position : absolute;
  width : 15px;
  height : 15px;  /* corner ../images are 40x40 */
  margin-bottom : -4px;  /* this is for IE */
}


/* change position and image: top-right */
#box1 .tr {
  background : url('../images/top-right.gif') no-repeat;
  top : 0;
  right : 0
}

/* change position and image: bottom-left */
#box1 .bl {
  background : url('../images/bottom-left.gif') no-repeat;
  bottom : 0;
  left : 0
}

/* change position and image: bottom-right */
#box1 .br {
  background : url('../images/bottom-right.gif') no-repeat;
  right : 0;
  bottom : 0
}


p.testoBox span {
margin:0 0 10px 0;
padding:0 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color: #fff;
text-align:left;
display:block;
font-weight:bold;

}

p.testoBox {
margin:0 0 15px 0;
padding:0 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
text-align:left;
}

/**************************************************************

	box2
	

**************************************************************/


/* here's the box... the image is the upper-left corner */
#box2 {
  background : #d8aca9 url('../images/top-leftarancione.gif') no-repeat;
  width : 200px;
  height : 100px;
  position : relative;
  padding : 15px;
  float:left;
  margin-right:15px
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 15px;
  height : 15px;  /* corner ../images are 40x40 */
  margin-bottom : -4px;  /* this is for IE */
}


/* change position and image: top-right */
.tr {
  background : url('../images/top-rightarancione.gif') no-repeat;
  top : 0;
  right : 0
}

/* change position and image: bottom-left */
.bl {
  background : url('../images/bottom-leftarancione.gif') no-repeat;
  bottom : 0;
  left : 0
}

/* change position and image: bottom-right */
.br {
  background : url('../images/bottom-rightarancione.gif') no-repeat;
  right : 0;
  bottom : 0
}


p.testoBox span {
margin:0 0 10px 0;
padding:0 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color: #fff;
text-align:left;
display:block;
}

p.testoBox {
margin:0 0 15px 0;
padding:0 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
text-align:left;
}


/**************************************************************

	box3
	

**************************************************************/


/* here's the box... the image is the upper-left corner */
#box3 {
  background : #bfc899 url('../images/top-leftverde.gif') no-repeat;
  width : 200px;
  height : 100px;
  position : relative;
  padding : 15px;
  float:left
}

/* these are the other three spans. classes were used to allow multiuse on a page */
#box3 .tr, .bl, .br {
  position : absolute;
  width : 15px;
  height : 15px;  /* corner ../images are 40x40 */
  margin-bottom : -4px;  /* this is for IE */
}


/* change position and image: top-right */
#box3 .tr {
  background : url('../images/top-rightverde.gif') no-repeat;
  top : 0;
  right : 0
}

/* change position and image: bottom-left */
#box3 .bl {
  background : url('../images/bottom-leftverde.gif') no-repeat;
  bottom : 0;
  left : 0
}

/* change position and image: bottom-right */
#box3 .br {
  background : url('../images/bottom-rightverde.gif') no-repeat;
  right : 0;
  bottom : 0
}


p.testoBox span {
margin:0 0 10px 0;
padding:0 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color: #fff;
text-align:left;
display:block;

}

p.testoBox {
margin:0 0 15px 0;
padding:0 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
text-align:left;
}




/**************************************************************

menu
	

**************************************************************/




.nav {
height:35px;
margin-top:0;
background: url('../images/pro_line_0.gif') repeat-x; 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px; 
width:780px; 
top:0
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0;
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
background: url('../images/pro_line_0.gif'); 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff; padding-left:8px; padding-right:8px; padding-top:0; padding-bottom:0
}

.nav .current a {
display:block; 
height:35px; 
float:left; 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
}


.nav .current a b {
display:block; 
padding:0 8px 0 8px; 
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url('../images/pro_line_1.gif'); 
cursor:pointer; 
color:#fff; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
background:url('../images/pro_line_1.gif') right top;
cursor:pointer; padding-left:8px; padding-right:8px; padding-top:0; padding-bottom:0
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:780px; 
top:35px; 
background:url('../images/back_0.gif'); 
padding:0; 
z-index:100; 
left:0; 
text-align:center
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:; 
margin:0; 
white-space:nowrap; 
border:0px none; 
color:#444; padding-left:8px; padding-right:8px; padding-top:0; padding-bottom:0
}

.nav .current .sub li.sub_show a {
color:#088; 
cursor:default; 
background:url('../images/back_1.gif');
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#088; 
background:url('../images/back_1.gif');
}

.nav ul {display:inline-block;}
.nav ul {display:inline;}
.nav ul li {float:left;}
.nav {text-align:center;}
.nav .select a:hover b, 
.nav .select li:hover a b {float:none;}