/*** FOGLIO DI STILE DI BASE (FIREFOX, MOZZILLA) ***/

/*** ELEMENTI BASE E CONTENITORI ***/
html,body{
	margin:0;
	padding:0;
	}

body{
    background: #fff url(bg.gif);
	font: 0.9em verdana,arial,sans-serif;
	text-align:center;
    }

#contenitore {
    margin: 1% auto; 
    width:990px; 
	height:100%;
    }

#contenitoreest {
    margin: 1% auto; 
    width:990px; 
   }


#testata {
    margin:0 auto;
    width:680px;
    height:114px;
    }

/* Parte alta pergamena */
#alto{
    background: url(alto.png) top no-repeat;
    width:980px;
    height:458px; 
    margin:0 auto;
    padding-top:100px;
    }
  
/* Parte centrale pergamena */
#centro {
    background: url(centro.png) no-repeat;
    width:980px;
    height:343px;
    margin-left: -17px;
    margin-top:-100px;
    }

/* Parte centrale lunga pergamena */
#centroBig {
    background: url(centro.png) repeat-y;
    width:980px;
    height:1029px;
    margin-left: -17px;
    margin-top:-100px;
    }

/* Parte bassa pergamena */
#basso{
    background: url(basso.png) bottom no-repeat;
    width:980px;
    height:465px; 
    margin:0 auto;
    margin-left:0;
    }

 /* Pié di pagina */ 
#piedipagina {
    width:700px;
    margin-left:170px;
    margin-top:30px;
        }
/*** FINE ELEMENTI BASE E CONTENITORI ***/


/*** MENU LINGUE ALTERNATIVE ***/
#lingue {
    position:absolute;
    top:-5px;
    left:720px;
    width:260px;
    height:36px;
    }

#lingue li {
    float:left;
    list-style: none;
    margin: 0 auto;
    width:54px;
    }

#it, #fr, #en, #de {
    width:54px;
    height:35px;
    }
  
#it img, #en img, #fr img, #de img 
{
    border:none;
    text-decoration: none;
}
/*** FINE MENU LINGUE ALTERNATIVE ***/


/*** MENU DI NAVIGAZIONE ***/
#navigazione {
    width:710px;
    margin:0 auto;
    margin-top:70px;
    }

#navigazione li {
    float:left;
    list-style: none;
    margin: 0;
    }
/*** FINE MENU DI NAVIGAZIONE ***/


/*** CONTENUTI ***/
#contenuti, #contenutiBig{
    width:700px;
    padding:20px;
    padding-top:40px;
    margin-left: auto;
    margin-right: auto;
    }

#contenuti{
    height:680px;
    margin-top: -950px;
    }

#contenutiBig{
    height:1365px;
    margin-top: -1636px;
    padding-left: 60px;
    }
/*** FINE CONTENUTI ***/


/*** LINK ***/
/*Link generici*/
a:link, a:visited, a:hover, a:active{
	line-height: 1.2em;
	border: none;
	}

a:link {
	text-decoration: underline;
 	color : #960000;
	}

a:visited {
	text-decoration: none;
	color: #c71b1d;
	}

a:hover {
	text-decoration: overline underline;
	color : #c71b1d;
	}

a:active {  color : #c71b1d;  	}



/* Link contenuti */
a img{ border-style: double; }

p a:link{
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #960000;
	}

p a:visited{
	text-decoration: none;
	border-bottom: 1px dotted;
 	color: #c71b1d;
	}

p a:hover, p a:active{
	text-decoration: none;
 	border-bottom: 1px dotted;
	border-top: 1px dotted;
	color: #c71b1d;
    }

/* Link griglia foto*/
#grigliaG a:link, .grigliaF a:link{
 text-decoration: none;
    border-bottom: none;
	color: #960000;
	}

#grigliaG a:visited, .grigliaF a:visited{
    text-decoration: none;
	border-bottom: none;
 	color: #c71b1d;
	}

#grigliaG a:hover, .grigliaF a:hover{
	text-decoration: none;
 	border-bottom: none;
	border-top: none;
	color: #c71b1d;
	}

#grigliaG a:active, .grigliaF a:active{
	border-bottom: none;
	border-top: none;
	color: #c71b1d;
    }

/*Link alle pagine successive o precedenti*/
#pagine {
    margin:0 auto;
    width: 600px;
    height:20px;
    margin-top:15px;
   }

#pagine a { padding:0 8px; }
/*** FINE LINK ***/


/*** MENU E TESTATA EFFETTO ROLL-OVER ***/
#test{
    position: relative;
    z-index:1;
    width:680px;
    height:114px;
    }

#compit, #membit, #arcit, #fotoit, #vidit, #blogit, #linkit, #corsit, #compen, #memben, #arcen, #fotoen, #viden, #blogen, #linken, #corsen{
    position: relative;
    z-index:1;
    height:33px;
    }

#compit a, #membit a, #arcit a, #fotoit a, #vidit a, #blogit a, #linkit a, #corsit a, #compen a, #memben a, #arcen a, #fotoen a, #viden a, #blogen a, #linken a, #corsen a{
    display:block;
    text-decoration: none;
    height:32px;
  }

#test a{
    display:block;
    text-decoration: none;
    width:679px;
    height:113px;
    background: transparent url(titolo.png);
    }

#compit a{
    width:132px;
    background: transparent url(compagnia.gif);
    }

#compen a{
    width:133px;
    background: transparent url(fellowship.gif);
    }

#membit a{
    width:105px;
    background: transparent url(membri.gif);
    }

#memben a{
    width:118px;
    background: transparent url(members.gif);
    }

#arcit a, #arcen a {
    width:198px;
    background: transparent url(ars.gif);
    }

#fotoit a{
    width:75px;
    background: transparent url(foto.gif);
    }

#fotoen a{
    width:87px;
    background: transparent url(photo.gif);
    }

#vidit a, #viden a{
    width:86px;
    background: transparent url(video.gif);
    }

#blogit a, #blogen a{
    width:74px;
    background: transparent url(blog.gif);
    }

#linkit a, #linken a{
    width:68px;
    background: transparent url(link.gif);
    }

#corsit a{
    width:87px;
    background: transparent url(corso.gif);
    }

#corsen a{
    width:95px;
    background: transparent url(course.gif);
    }

#test a:hover, #test a:active { background-image: url(titoloH.png); }

#compit a:hover, #compit a:active { background-image: url(compagniaH.gif); }

#compen a:hover, #compen a:active { background-image: url(fellowshipH.gif); }

#membit a:hover, #membit a:active { background-image: url(membriH.gif); }

#memben a:hover, #memben a:active { background-image: url(membersH.gif); }

#arcit a:hover, #arcit a:active, #arcen a:hover, #arcen a:active { background-image: url(arsH.gif); }

#fotoit a:hover, #fotoit a:active { background-image: url(fotoH.gif); }

#fotoen a:hover, #fotoen a:active { background-image: url(photoH.gif); }

#vidit a:hover, #vidit a:active, #viden a:hover, #viden a:active { background-image: url(videoH.gif);    }

#blogit a:hover, #blogit a:active, #blogen a:hover, #blogen a:active { background-image: url(blogH.gif);    }

#linkit a:hover,  #linkit a:active, #linken a:hover,  #linken a:active { background-image: url(linkH.gif);    }

#corsit a:hover,  #corsit a:active { background-image: url(corsoH.gif); }

#corsen a:hover,  #corsen a:active {  background-image: url(courseH.gif); }

#compit a span, #membit a span, #arcit a span, #fotoit a span, #vidit a span, #blogit a span, #linkit a span, #corsit a span, #compen a span, #memben a span, #arcen a span, #fotoen a span, #viden a span, #blogen a span, #linken a span, #corsen a span, #test a span {
    position: relative;
    z-index:-1;
    }
/*** FINE MENU E TESTATA EFFETTO ROLL-OVER ***/


/*** TIPOGRAFIA E ALTRI ELEMENTI DI PRESENTAZIONE ***/
img { border:none; }

#testata h1, h2, hr, .pgnav {
    position:absolute;
    top: -10000em;
    width:1px;
    height:1px;
    overflow:hidden;
    }

.alt { display:none; }

h1{
    font: 2.2em georgia,verdana,arial,sans-serif;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    font-style: italic;
    color:#5c2e25; 
}
  
p 
{
    text-align:left;
    margin: 0 auto;
    padding: 1em;
    padding-bottom: 0.4em;
    font-size: 1em;
    line-height: 1.3em;
    color:#42140b;
}

/* Stile paragrafo galleria */
p.gallext{
    color:#fce5c5;
    text-align:center;
}

p.gallext a:link{
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #ffd598;
	}

p.gallext a:visited{
	text-decoration: none;
	border-bottom: 1px dotted;
 	color: #ffff9e;
	}

p.gallext a:hover, p.gallext a:active{
	text-decoration: none;
 	border-bottom: 1px dotted;
	border-top: 1px dotted;
	color: #fce5c5;
    }

.strong{
    font: 1em georgia,verdana,arial,sans-serif;
    font-style: italic;
    font-weight: bold;
    }

#piedipagina p  {
    width:510px;
    text-align:left;
    margin: 0 auto;
    margin-left:70px;
    padding: 1em;
    margin-top:-10px;
    margin-bottom:-15px;
    font-size: 0.75em;
    color:#42140b;
  }

/* Griglie per le gallerie di foto*/
ul#grigliaG, ul.grigliaF {
    list-style-type:none;
    margin:0 auto;
    padding: 20px;
    padding-bottom:115px;
    margin-top:-70px;
    width: 500px;
    }

ul.grigliaF {
    margin-bottom:50px;    
    }

ul#grigliaG li, ul.grigliaF li {
    color:#42140b;
    font-size: 0.9em;
    display: block;
    clear:left;
    margin: 0 auto;
    margin-top:22px;
    padding-left: 15px;
    width: 500px;
    }

ul#grigliaG ul, ul.grigliaF ul  {
    margin: 0;
    padding: 0;
    }

ul#grigliaG ul li, ul.grigliaF ul li {
    font-weight: normal;
    float:left;
    line-height: 1.8em;
    width: 100px;
    margin-right: 10px;
    clear:none;
    border:none;
    }

/* Lista dei Link a siti amici */
ul#listaL {
    list-style-type:circle;
    margin:0 auto;
    padding: 20px;
    margin-top:-50px;
    width: 420px;
    }

ul#listaL li {
    line-height: 2.7em; 
    text-align:left; 
    font-weight: bold;
    }

/* Lista riferimenti corso */
ul#listaC {
    list-style-type:circle;
    margin:0 auto;
    padding: 0;
    width: 550px;
    color:#42140b;
    }

ul#listaC li {
    line-height: 2.7em; 
    text-align:left; 
    font-weight: normal;
    }


/* Lista news */
ul#listaN {
    margin:0 auto;
    margin-top:50px;
    padding: 0;
    width: 550px;
    color:#42140b;
    }

ul#listaN li {
    margin-bottom:30px;
    list-style: none;

    line-height: 16px; 
    text-align:left; 
    font-weight: normal;
    }

li.testoN
{
    padding: 0;
    margin-top:1em;
    margin-left:-40px;
    padding-left:60px;
    background: url(lista.gif) no-repeat;
}

p.testoNu
{
    padding: 0;
    margin-top:0.5em;
}

/* Link lista link e riferimenti corso */
#listaL li a:link, #listaC li a:link{
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #960000;
	}

#listaL li a:visited, #listaC li a:visited{
	text-decoration: none;
	border-bottom: 1px dotted;
 	color: #c71b1d;
	}

#listaL li a:hover, #listaC li a:hover, #listaL li a:active, #listaC li a:active{
	text-decoration: none;
 	border-bottom: 1px dotted;
	border-top: 1px dotted;
	color: #c71b1d;
	}


/* Tabella con l'elenco degli Arpisti*/
table #arpisti, table #tabIndex{
    border: none;
    padding-top:105px;
    }
  
#arpisti{  margin-top:0; }

td p {
    padding:1.8em 1em;
    text-align: center;
  }

#tabIndex  {width:700px; }

#tabIndex td p {width:200px; }

/* Tabella per il singolo Arpista*/
#arpista{
    margin-left: auto;
    margin-right:auto;
    margin-top:-5px;
    }

td #arpista { margin:0; }

table #arpista{
    border: none;
    text-align: center;
    }

#arp, #arpt { vertical-align:top; }

#arpista p{
    text-align:left;
    width:400px;
    padding:0;
    padding-left: 20px;
    }

/* Sezione dei video */

.videodiv{

    width:425px;
    height:350px;
    margin-top: 10px;
    margin-left: auto;
    margin-right:auto;
}

.videodid{
    width:425px;
    margin-left: auto;
    margin-right:auto;
}

.videotit{
    margin-bottom: -15px;
    text-align: center;
}

/* ---------------- */


/*Tabella per il footer*/ 
#tabPie  {
    width:700px;
    padding-top:5px;
    margin-left:auto;
    margin-right:auto;
}

#tabPie td {
    font-size: 11px;
    text-align:left;}

.credit{
    width:400px;
}

.count {
    vertical-align: top;
}   

#asso{
    margin-top:40px;
}

/*** CSS a cura di Marina Ravaioli ***/