body, html{
background-color: #fff8e4;
margin: 0px;
padding: 0px;
text-align: center;
color:#0066ff;
}

body{
padding-bottom: 25px;
padding-top: 0px;
}



h2{

margin: 0px;
padding: 0px;
}

p{
text-align: left;
}

ul{ text-align: left;}


.articoli{
margin: 0;
text-decoration: none;
text-align: left;
}

.articoli a{
text-decoration: none;
}

.titolo{
color: red;
}

.sottotitolo{
color: #ff6600;
font-weight: bold;
text-align: left;
font-size: 105%
}

.autore{
font-weight: bold;
}

.evidenzia{
color: #ff6600;
text-align: left;
}

.evidenziapunti{
color: #ff6600;
text-decoration: underline;
}

.articolo{
text-align: left;
}

.citazione{
text-align: center;
line-height: 24px;
font-style: italic;
}


a,a:visited,a:active{
text-decoration: under-line;
color:#0066ff;
}


a:hover{
color: blue;
}

.titoloarticolo{

font-weight: bold;
}

#principale{
background: #ffe6ae;
margin: 0px auto 50px auto;
padding: 0;
}

#head{
margin: 0;
padding: 0;
}

#foot{
width: 600px;
margin: auto auto 10px auto;
color: #b0b0af;
font-size: 14px;
}




.menu{
width: 700px;
height: 39px;
margin:0 auto;
padding: 0;
position: absolute;
top: 249px;
background: url(barra.jpg) no-repeat;
}

.menu ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	height: 37px;
}

.menu ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	height: 37px;
	margin: 0;
}

.menu ul li a span{
	display:none;
}

.menu ul li a{
	width:99px;
	height:39px;
	margin:0px;
	padding:0px;
	display: block;
		
}



.menu ul li a.home:hover{
	background: url(barra.jpg) 0px -39px;
	
	height: 37px;
}

.menu ul li a.chisono:hover{
	background: url(barra.jpg) -100px -39px;
	
	height: 37px;
}

.menu ul li a#attivita:hover{
	background: url(barra.jpg) -200px -39px;
	height: 37px;
	
}

.menu ul li a#attivita1{
	background: url(barra.jpg) -200px -39px;
	height: 37px;
	
}
.menu ul li a.corsieseminari:hover{
	background: url(barra.jpg) -300px -39px;
	height: 37px;
}

.menu ul li a.articoli:hover{
	background: url(barra.jpg) -400px -39px;
	height: 37px;
}


.menu ul li a.linkerisorse:hover{
	background: url(barra.jpg) -498px -39px;
	height: 37px;
}

.menu ul li a.contattami:hover{
	background: url(barra.jpg) -600px -39px;
height: 37px;	
}

#attivolinkerisorse{
background: url(barra.jpg) -498px -39px;
height: 37px;
}

#attivoarticoli{
background: url(barra.jpg) -400px -39px;
height: 37px;
}

#attivocorsieseminari{
background: url(barra.jpg) -300px -39px;
height: 37px;
}

.menu ul li a #attivoattivita{
background: url(barra.jpg) -200px -39px;
height: 37px;
}

#attivochisono{
background: url(barra.jpg) -100px -39px;
height: 37px;
}
 #attivohome{
 background: url(barra.jpg) 0px -39px;
 height: 37px;
 }
  #attivocontattami{
 background: url(barra.jpg) -600px -39px;
 height: 37px;
 }



#main1{
width: 700px;
margin: auto;
}

#main2{
width: 600px;
margin: 64px auto 25px auto;
}

#main3{
width: 560px;
background: white;
margin: auto;
padding: 0px 20px 0px 20px;
}

#mainBot{
background: url(bottom.gif) no-repeat;
height: 25px;
}

#mainTop{

background: url(top.gif) no-repeat;
height: 25px;
}

#principale{
width: 700px;
border: solid black 1px;
margin: auto;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.menu ul{
margin: 0;
padding: 0;
list-style-type: none;
height: 37px;
}

/*Top level list items*/
.menu ul li{
position: relative;
display: inline;
float: left;
height: 37px;
margin: 0;
}

/*Top level menu link items style*/
.menu ul li a{
display: block;
width: 83px; /*Width of top level menu link items*/
padding: 1px 8px;
height: 37px;
border-left: 1px solid #D76120;
border-right: 1px solid #D76120;
border-left-width: 0;
text-decoration: none;
color: navy;
margin: 0;
line-height: 37px;
}
	
/*1st sub level menu*/
.menu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
height: 37px;
margin: 0;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li{
display: list-item;
height: 37px;
margin: 0;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.menu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
height: 37px;
margin: 0;
}

/* Sub level menu links style */
.menu ul li ul li a{
display: block;
width: 89px; /*width of sub menu levels*/
height: 37px;
text-decoration: none;
padding: 1px 5px;
position: relative;
left: -1px;
border: 1px solid #D76120;

background: #fae7c6;
color: black;
line-height: 15px;
font-size: 13px;
margin: 0;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

	
/* Holly Hack for IE \*/
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%; }
/* End */

.menu ul li a:hover  {
background-color: #fbf8f3;
height: 37px;
}
*/
.menu ul li a:visited,a:active{
height: 37px;
}