@charset "utf-8";
/* CSS Document */
 
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align: justify;
	background-image: url("images/bg.jpg");
	background-repeat: repeat-y;
}

h3,h4{
	margin: 0px;
}

p{
	margin: 0px;
	line-height:  14pt;
	text-align: justify;
}

ul{
	padding-left:  0px;
	padding-top:  0px;
	margin-top:  0px;
	line-height:  20pt;
	list-style-type: none;
}

ul li ul{
	padding-left:  40px;
	line-height:  18pt;
}

#sidebar {
width:  250px;
float: left;
margin-right: 20px;
}

	#logo{
		width: 212px;
		height: 207px;
		background-image: url("images/logo.png");
		background-repeat: no-repeat;
	}
	
	#menu {
		margin-top: 25px;
		margin-bottom: 25px;
		margin-right: 20px;		
		margin-left: 30px;
	}
	
		div.button {	
			padding-top:  2px;
			padding-right:  2px;
			padding-bottom:  2px;	
			padding-left:  2px;	
		}
		
		a.button{
			cursor: pointer;
			background-repeat: no-repeat;
			width:  128px;
			height: 23px;
			color: #99cc00;
			display: block;
			text-decoration: none;
			border: none;
		}
		
		a.button:hover{
			background-position: bottom;
		}
		
		#chi_siamo{
			background-image: url("images/chi_siamo_b.gif");
		}

		#news{
			background-image: url("images/news_b.gif");
		}

		#radio{
			background-image: url("images/radio_b.gif");
		}

		#artisti{
			background-image: url("images/artisti_b.gif");
		}

		#prog{
			background-image: url("images/programmazione_b.gif");
		}

		#contatti{
			background-image: url("images/contatti_b.gif");
		}

		#collaborazioni{
			background-image: url("images/collaborazioni_b.gif");
		}

		#progetti{
			background-image: url("images/progetti_b.gif");
		}

		#archivio{
			background-image: url("images/archivio_b.gif");
		}

		#friends{
			background-image: url("images/friends_b.gif");
		}
		
		#esci{
			background-image: url("images/esci_b.gif");
		}

#space{
	height: 30px;
}

#header {
	margin-left: 330px;
	margin-right: 30px;
	height: 25px;
	text-align:left;
	background-image: url("images/header.gif");
	background-repeat: no-repeat;
	font-size:11pt;
	font-weight: bold;
}

#content {
	padding-left:  3px;
	min-height: 450px;
	height: auto !important;
	height: 500px;
	margin-left: 330px;
	margin-bottom: 35px;
	width:  540px;
	font-size: 10pt; 
	font-family: "Arial", sans-serif;
	text-align: justify;
}

	#content .spacer{
		height: 1px;
		border-top: black dashed 1px;
	}

	table{
		margin: 0px;
		text-align: left;
	}

	a{
		cursor: pointer;
		text-decoration: underline;
		color: black;
		font-weight: bold; 
		font-family: "Arial", sans-serif;
	}

	a:hover{
		color: gray;
	}
	
	#content img{
		width: 250px;
	}
	
	span.right{
		float: right;
	}

	span.left{
		float: left;
	}
	
	#content img.man{
		width: 90px;
		height: 45px;
	}

#footer {
	padding-top: 3px;
	margin-left: 30px;
	width:  960px;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	background-image: url("images/footer.gif");
	background-repeat: no-repeat;
}

/* Amministratore */

	input{
		height: 10pt;
	}

	input.submit{
		font-weight: bold;
		height: 16pt;
	}

	#content img.piccola{
		width:  53px;
		height:  53px;
	}

	input.check{
		height: auto;
	}
	
	.hidden{
		visibility: hidden;
	}

/* Slider */

#foobar .navigation {
	color: #ffffff;
	margin: 10px;
	padding: 10px;
	background-color: #303030;
}

#foobar .navigation a {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}

#foobar .viewer {
	width: 426px;
	height: 426px;
}

#foobar .viewer .reel .slide {
	width: 426px;
	height: 426px;
}

#foobar .viewer .reel .slide img {
	width: 426px;
	height: 336px;
}

#foobar .viewer .reel .slide p {
	width: 426px;
	padding-top: 15px;
}


#foobar .viewer-wrapper {
	float: left;
	width: 426px;
	height: 336px;
	background: red;
}

#col1 {
	width: 57px;
	float: left;
}

#col1 a {
	outline: none;
	display: block;
	width: 47px;
	height: 206px;
	background: url(images/img05.png) no-repeat 10px 130px;
	text-decoration: none;
}

#col2 {
	float: left;
}

#col3 a {
	float: right;
	outline: none;
	width: 50px;
	height: 206px;
	background: url(images/img06.png) no-repeat 1px 130px;
	text-decoration: none;
}

.separator
{
	clear: both;
}