/* basic elements zg futurista - we owe thanks to : css zen garden, Pennisi and and a listapart crew for making this real*/
body { 
	font: 100.01% verdana,arial,sans-serif; 
	background: #95A29F	 ;
	margin: auto auto; 
	padding: 0;
	text-align: left;
	}
h1, h2, h3{ letter-spacing:  1px; }
/* con questo H3 si definisce l'intestazione della notizia principale	i seguenti H3 definiscono le restanti intestazioni*/
h3{ 
font-style: oblique; 
font-size: 18px;
height:26px;
clear:both;
background: #D2DEEB url('icone/h3f.gif') no-repeat 0px 0px; 
color:#2C2C2E; font-variant:normal; font-weight:normal; padding-left:28px; padding-right:3px; padding-top:3px; padding-bottom:3px
}
h3:first-letter { 
color: #7BA6CF; font-size: 1.2em;
text-transform:uppercase;
 }
h4{ 
font-style: oblique; 
font-size: 14px;
height:14px;
clear:both;
color:#000; font-variant:normal; font-weight:bold;
 padding-left:12px; padding-right:3px; padding-top:3px; padding-bottom:1px;
}
h5{ 
font-style: normal; 
font-size: 12px;
height:16px;
color:#000; font-variant:normal; font-weight:bold;
padding-left:12px;
background: #FDF5E6 url('icone/ibullet3.gif') no-repeat 0px 4px; 
}
h6{ 
font-style: normal; 
font-size: 10px;
color:#000; font-variant:normal; font-weight:bold;
padding-left:12px;
background: #FDF5E6; 
}
p { 
	font: 10px/14px verdana,tahoma, arial, sans-serif; 
	line-height:1.2;
	margin: 0 0 17px 0;
	background: #D7DCD2 url('bgr.gif') no-repeat bottom-right;
	
	}
p:first-letter{
font: 300% verdana; 
}
acronym {
	color: #B74213;
	font-weight: bold;
}	
a { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #DEA124;
	}
a:link { 
	font-weight: bold; 
	text-decoration: dotted underline ; 1px
	color: #471115;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #0099D8;
	}
a:visited,a:focus { 
	text-decoration: underline dotted 1px; 
	color: #007BC3;
	}
.a.pdf-doc:before {
content: url(pdf.gif);
}

.a.doc-doc:before {
content: url(doc.gif);
}

.a.external:before {
content: "external";
}
ul, ol {
	list-style-type: none;
	margin: 0; padding: 0;
}
li {
	list-style-type: none;
	margin: 0; padding: 0;
}
form {
	background: #E2DFDE;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #fff;
	text-align:center;
	background: transparent;
}
form:focus{
	color:aqua;
	background:blu;
	font-weight:bold;
}
input {
	list-style-type: none;
	width:90%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 10px;
}
input:focus{
	color:aqua;
	background:blu;
	font-weight:bold;
}
select {
	list-style-type: none;
	color:aqua;
	background:blu;
	margin: 0; padding: 0;
}
button  {
	border:2px solid;
	text-align:left;
	color:#2E353A;
	font-weight:bold;
	background:red;
	padding: 0 0; 
	margin: 0px 0px 0px 0px;
}
table {
	position:relative;
	height: auto;
	width:80%;
	table-layout: auto;
	margin-left:16%;
	font-size: 14px;
	font-family: verdana,tahoma, arial, sans-serif; 
	color:#2E353A;
	float:left;
	padding: 2px 2px 2px 2px; 
	margin: 0px 0px 0px 0px;
}
tr, td {
	position:relative;
	font-size: 100%;
	font-family: arial,verdana,tahoma, arial, sans-serif; 
	color:#2E353A;
	padding: 4px 4px 4px 4px; 
}
td:first-letter {
	font-size: Large;
	font-family: arial,Verdana,IMPACT,tahoma, arial, sans-serif; 
	text-transform:uppercase;
}
table, tr, td p {
	font-size: large;
	font-family: verdana,tahoma, arial, sans-serif; 
	vertical-align: top;
	padding: 4px 4px 4px 4px; 
	margin: 2px 2px 2px 2px;
}
/*
table,tr,td,tt img {
	width:250px;
	height:  235px;
	vertical-align:top;
	margin:0 1px 1px 1px;
	float:left;
}
table, tr, td h3 {
	font-size: 16px;
	font-family: verdana,tahoma, arial, sans-serif; 
	font-weight: bold; 
	color:#471115;
	background:none;
	vertical-align:top;
	margin:0 2px 2px 2px;
}
table, tr, td h4 {
	font-size: 14px;
	font-family: verdana,tahoma, arial, sans-serif; 
	font-weight: bold; 
	color:#471115;
	vertical-align:top;
	margin:0 2px 2px 2px;
}
table, tr, td h5 {
	font: 12px/14px verdana,tahoma, arial, sans-serif; 
	font-weight: bold; 
	color:#471115;
	vertical-align:top;
	margin:0 2px 2px 2px;
}

/* specific divs */
#container {
	position:relative;
	padding: 0;  
	text-align: left;
	}
#quickSummary p.p1 {
	display:block;
	}
#quickSummary p.p1 span{
		position: absolute;
		top: 0px;
		display: block;
		border: none;
		margin-top: 0%;
		margin-left: 94%;
		padding: 0 4px 0 7px;
		font-size: 135%;
		text-align: right; 
		color: #471115;
		text-transform: uppercase;
		font-family:Arial, Helvetica, sans-serif;
}
#quickSummary p.p1 a:link, a:active{
	color:#D2DEEB;
}
#quickSummary p.p1 a:hover{
	text-decoration: underline;
}
#quickSummary p.p2{
	position: absolute;
	top: 0px;
	margin-left: 56%;
	padding: 0 7px 0 7px;
	font-size: 10px/8px;
	text-align: center; 
	color: #471115;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	clear: both;
}
#quickSummary p.p2 a:link, a:active{
	color:#822D46;
	text-decoration: underline;
}
#quickSummary p.p2 a:hover{
	color: #F0565E;
	text-decoration: underline;
}
#quickSummary p.p3{
	position: absolute;
	top: 20px;
	margin-left: 80%;
	width:20%;
	clear: both;
}
#quickSummary p.p3 span{
		display: block;
}
	*/
/*questa è la scritta del Logo*/
#pageHeader { 
	position:relative;
	float:left;
	padding: 0; 
	margin:  0px  0px 0 0;
	height: 0;
	border: 2px solid white;
	
	}
	/*colore interessante EDEFEA*/
#pageHeader h1 {
	height:5%;
	color: #D7DCD2;
	background:#A2A296;
	margin:  0px 0% 0px  16%;
	padding-left:4px;
	font-size:  1.8em;
	font-family:IMPACT,Helvetica,Haettenschweiler,arial,batang,Batang,Arial, serif;
	text-shadow:  10px  15px  15px  10px BLACK;
	text-align: left;
}	
#pageHeader h1 span {
	display:inline;
	}
/*questa è la descrizione del Logo*/
#pageHeader h2 {
	height:6%;
	color: #EDEFEA;
	background:#5A6269;
	margin:  0px 0% 0px  16%;
	padding-left:4px;
	text-align: left;
	font-size: 1.5em;
	text-shadow:  10px  0px  10px  0px BLACK;
	text-align: left;
	font-family:IMPACT,Arial,Haettenschweiler,arial,batang,Batang,Helvetica, serif;
}	
#pageHeader h2 span {
	display: inline;
	}
/*listen*/

#subscribe h5  {
font-style: normal; 
position:absolute;
	background:transparent;
	width: 14%;
	top:0;
	margin:  0px 0px 0px 0px;
font-size: 10px;
font-variant:normal; 
font-weight:normal; 
z-index:98;
}


/*questa è la barra dei Menu con Home News eccetera*/
#MENU {
	position:relative;
	margin-left: 16% !important;
	height: 3%;
	padding: 2px 6px 2px 0%;
	background-COLOR:#E2DFDE;
	color: #A2A296;
	font-size: 14px/10px;
	vertical-align: top;
	text-align: left; 
	text-transform: uppercase;
	font-family:arial,batang,IMPACT,Haettenschweiler,Batang,Arial, Helvetica, serif;
	border: 1px solid #2C2C2E;
	}
#MENU a:link, a:active { 
	color: #471115;
}
#MENU a:hover { 
	color: #E64725;
	text-decoration:underline;
}
#MENU a:visited{ 
	color: #DEA124;
	text-decoration:underline;
}

/*Questa è l'immagine dei piatti che si ripete e separa l'intestazione dal contenuto */
#RADIOIMAGE {
	margin-left: 16%;
	height: 48px;
	padding: 0;
	float: right;
	background: url('radio6.gif') bottom;
	}
	/*background: url('../guestmixes/banner.swf');*/

#RADIOBANNER {
	position:relative;
	float:right;
	height: 8%;
	background:#2E353A;
	border:1px #fff;
	padding:  0px 0px 0px 0px;
	}

/*Questo è il menu di sinistra la barra gialla grande*/
#preamble {
	position:relative;
	float: left;
	background: #41BCDD;
	width: 15%;
	top:-33px;
	font-size:18px/8px;
	z-index:4;

	}
/*questo governa il menu di sinistra che cambia a seconda dell'area tematica*/
/*background:transparent url(linkback.gif) repeat-y top left;*/
#preamble h4 {
	color:#E64725;
	background:#471115;
	margin-top:2px;
	padding:2px 10px 2px 10px; 
	text-transform:uppercase;
	font-family:Haettenschweiler;
	font-style: oblique; 
	font-size: 18px;
	}
#preamble h5 {
font-style: normal; 
font-size: 10px;
height:11px;
clear:both;
background: #FDF5E6; 
color:#A2A296; 
font-variant:normal; 
font-weight:normal; 
}
/*subscribe*/
#listen { 
	position:absolute;
	background:transparent;
	width: 14%;
	margin:  -20px  0px 20px 5px;
	padding-left:0px;
	z-index:99;
	
	}
#listen h2 {
	
	margin: 0px 10px 0 0;
	padding-top:0px;
	padding-left: 0px;
	padding-bottom: 0px;
	}	



/*Qui comincia la definizione del contenuto - si determinano testo, bordi, floating e span*/

/*Navigation Menu - This navigation menu suffers the flickering*/
#navigation{ float: left; /*utile per fare allineare il contenuto a destra*/ width: 20%; position: relative; 
background:#89ADD2;/*riquadro che contiene i menu*/
margin-left:2px;margin-right:2px;margin-top:-8px;
padding-left:2px;padding-right:2px;padding-bottom:8px; }
#navcontainer { width: 18%;}
#navigation ul { margin-left: 2px;margin-top: 10px; 
/*Solo per mozilla*/ padding-left: 0; margin-bottom:  0px; list-style-type: none; 
text-transform:uppercase;
font: 90% Verdana, Helvetica, sans-serif; }
#navigation a { display: block; padding: 8px; width: 120px; /*Internet Explorer hack*/ w\idth: 130px; \widht: 19%; 
/*compliant mode*/ background-color: transparent ; 
border-bottom: 1px solid #BE311A; 
line-height: 13px; /*rende i bordi sottili su explorer*/ 
color: #471115; 
text-decoration: none; }
#navigation a:hover { background-color: #C2D6C7; color: #E41F1F; }
/*Icone di Navigazione in ordine visivo*/
li#section { background:url('linkback.gif') repeat-y top left; width: 15%; height:18px }
li#home a{ background: #0099D8 url('icone/01.gif') no-repeat 123px 7px; }
li#listen a{ background: #0099D8 url('icone/iradio.gif') no-repeat 123px 7px; }
li#this a { background: #0099D8 url('icone/ithis.gif') no-repeat 123px 7px; }
li#playlist a { background: #0099D8 url('icone/iplaylist.gif') no-repeat 123px 7px; }
li#review a { background: #0099D8 url('icone/ireviews.gif') no-repeat 123px 7px; }
li#djshows a { background: #0099D8 url('icone/ishows.gif') no-repeat 123px 7px; }
li#guest a { background: #0099D8 url('icone/iguest.gif') no-repeat 123px 7px; }
li#news a { background: #0099D8 url('icone/inews.gif') no-repeat 123px 7px; }
li#friends a { background: #0099D8 url('icone/ifriends.gif') no-repeat 123px 7px; }
li#flyers a { background: #0099D8 url('icone/iflyers.gif') no-repeat 123px 7px; }
li#slides a { background: #0099D8 url('icone/islides.gif') no-repeat 123px 7px; }
li#gallery a{ background: #0099D8 url('icone/igallery.gif') no-repeat 123px 7px; }
li#audiovisual a{ background: #0099D8 url('icone/iaudiovisual.gif') no-repeat 123px 7px; }
li#resources a { background: #0099D8 url('icone/06.gif') no-repeat 123px 7px; }
li#festivals a{ background: #0099D8 url('icone/ifestival.gif') no-repeat 123px 7px; }
li#links a { background: #0099D8 url('icone/07.gif') no-repeat 123px 7px; }
li#affiliation a { background: #0099D8 url('icone/iaffiliation.gif') no-repeat 123px 7px; }
li#upload a { background: #0099D8 url('icone/iupload.gif') no-repeat 123px 7px; }
li#work a { background: #0099D8 url('icone/iwork.gif') no-repeat 123px 7px; }
li#subscribe a { background: #0099D8 url('icone/isubscribe.gif') no-repeat 123px 7px; }
li#about a { background: #0099D8 url('icone/iabout.gif') no-repeat 123px 7px; }
li#contact a { background: #0099D8 url('../icone/08.gif') no-repeat 123px 7px; }
li#current a{ background: #032E5A url('icone/current.gif') no-repeat 123px 7px; }
/*questochiude i menu e riapre con la pubblicità*/
#corner{ 
position:relative;
height:231px;
width:154px;
margin-left: 4px;margin-top:  0px;
background:#E54B18;
 }
 /*background: url(corner1.gif) no-repeat;*/
/* questi sono degli altri div che vanno sotto il menu di sinistra es. pubblicità, flyer specifici, certificazioni eccetera*/
#lselect, #larchives, #lresources, #ladv, #lvalid,#lsubscribe {
	width: 15%;
	border-right: 0px #0099D8; 
	clear: left;
	float:left;
	padding: 0;
	margin: 0;
	background:#D2DEEB;
}

#ladv {
	margin-top: 57px;
	margin-left: 2px;
	padding-left:5px; 
	padding-right:0px; 
	padding-top:2px; 
	padding-bottom:0;
}
#ladv h4 {
	color:#97942C;
	background:#6C5E57;
	margin-top:5px;
	padding:2px 10px 2px 10px; 
	text-transform:uppercase;
	font-family:Haettenschweiler;
	font-style: oblique; 
	font-size: 18px;

}

#ladv li a:link, a:active{
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	color:#822D46;
}

#ladv li a:hover {
	text-decoration:underline;
	color: #F0565E;
}

#ladv img {
	width:150px;
	margin-top: 1px;
	padding-left:1px; 
	padding-right:0; 
	padding-top:1px; 
	padding-bottom:1px;
}

#lselect {
	background: url('select1.gif') no-repeat;
	border: 1px solid #ffffff;
	margin-top: 20px;
	padding-left:5px; padding-right:0; padding-top:40px; padding-bottom:0
}
#lselect h4 {
	color:#A2A296;
	background:#6C5E57;
	padding:2px 0 0 0; 
	text-transform:uppercase;
	font-family:Haettenschweiler;
	font-style: oblique; 
	font-size: 18px;
	
}
#lselect li a:link, a:active{
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	color:#471115;
}

#lselect li a:hover {
	text-decoration:underline;
	color: #e9e9e9;
}
#larchives {
	background: url('archives1.gif') no-repeat;
	border: 1px solid #ffffff;
	margin-top: 20px;
	padding-left:5px; padding-right:0; padding-top:50px; padding-bottom:0
}
#larchives h4 {
color:#A2A296;
	background:#6C5E57;
	padding:2px 0 0 0; 
	text-transform:uppercase;
	font-family:Haettenschweiler;	
	font-style: oblique; 
	font-size: 18px;
	
}
#larchives li a:link, a:active{
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	color:#FFFFFF;
}

#larchives li a:hover {
	text-decoration:underline;
	color: #e9e9e9;
}
#lresources {
	background: url('resources1.gif') no-repeat;
	border: 1px solid #ffffff;
	margin-top: 20px;
	padding-left:5px; padding-right:0; padding-top:50px; padding-bottom:0
}
#lresources h4 {
color:#A2A296;
	background:#6C5E57;
	padding:2px 0 0 0; 
	text-transform:uppercase;
	font-family:Haettenschweiler;	
	font-style: oblique; 
	font-size: 18px;
	
}
#lresources li a:link, a:active{
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	color:#FFFFFF;
}

#lresources li a:hover {
	text-decoration:underline;
	color: #e9e9e9;
}
#lvalid {
	margin-top: 15px;
	margin-left: 2px;
	padding-left:5px; 
	padding-right:0px; 
	padding-top:2px; 
	padding-bottom:0;
}
#lvalid h4 {
	color:#A2A296;
	background:#6C5E57;
	padding:2px 0 0 0; 
	text-transform:uppercase;
	font-family:Haettenschweiler;	
	font-style: oblique; 
	font-size: 18px;
	clear:both;
	
}
#lselect h3 span, #larchives h3 span, #lresources h3 span, #ladv h3 span, #lvalid h3 span {
	display: none;
}
/*questo è il footer che si puo' portare su di un altra CSS da non modificare*/
#supportingText {
	position:absolute;
	width:83%;
	padding: 15px 5px 0 0; 
	background: #FDF5E6;
	vertical-align:top;
	border: 1px solid #471115;
	border-top: 1px solid #471115;
	float: right;
	}
#supportingText p {
	margin: 4px 17px 17px 12px;
	padding: 10px 10px 10px 0; 
	color: #000;
	font: 75%/160% verdana; 
	letter-spacing:  0px;
}
 /*width:130px;
	height:120px;*/
#supportingText img {
	vertical-align:top;
	margin:3px 15px 3px 1px;
	padding: 10px 10px 10px 0; 
	float:left;
}

#explanation h3 span {
	color:#DE1F26;

}
#participation h3 span {
	color:#DE1F26;
}	
#benefits h3 span {
	color:#DE1F26;
}	
#requirements h3 span {
	color:#DE1F26;
}		
/*questo è il footer che si puo' portare su di un altra CSS da non modificare*/
#footer {
	background: #471115;
	border: 1px solid #ffffff;
	padding: 0 0 2px 24px;
	font-size: 12px/8px;
	font-weight:bold;
	text-align: center; 
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	bottom:0px;
}

#footer a:link, a:active{ 
	color: #ffffff;
}

#footer a:hover{ 
	color: #33eeff;
	text-decoration:underline;
}
a.c {
	font-weight: normal;
}
#linklist {
	position: absolute;
	top: 48em;
}
#linkList #linkList2  ul {
	padding: 20px 10px 10px 10px;
	display:block;
}
#linklist li {
	margin: 2px 0;
}