/*basic elements*/

BODY { background-color: #FFF; 
margin: 0; 
font-family: 11px Verdana, Arial, sans-serif; 
color: #333; 
text-align: center;
}

p, td {font: 11px  Verdana, Arial, sans-serif;
line-height: 15px;
text-align: justify;
margin-left: 20px;
margin-right: 20px;
margin-top: 0px;
}

h1 {font: bold 14px "Lucida Console", Verdana, sans-serif; 
font-variant: small-caps;
color: #F90;
margin-bottom: 15px;
margin-top: 30px;
text-align: center;}

h2 {font: bold 11px Verdana, Arial, sans-serif; 
color: #F90;
margin: 0;
margin-left: 10px;}

a { font: bold 11px Verdana, Arial, sans-serif; color: #333; text-decoration: none; line-height: 18px;}
a:hover { color: #FFF; background-color: #666; }

a.mail { font: normal 9px Verdana, Arial, sans-serif; color: #333; text-decoration: none; }
a.mail:hover { color: #FFF; background-color: #666; }

a.text { font: bold 11px Verdana, Arial, sans-serif; color: #333; text-decoration: underline; }
a.text:hover { color: #FFF; background-color: #666; }

a.faq { font: bold 11px Verdana, Arial, sans-serif; color: #333; text-decoration: none; line-height: 18px; margin-left: 30px;}
a.faq:hover { color: #FFF; background-color: #666; }

hr {
  width: 95%; 
  color: #666;
  height: 1px;
  text-align: center;
  margin-bottom: -12px;
 }
 
ul {
	list-style: square inside;
	padding-left: 2em;
	margin: 0;
	}  
li 
{ font: 11px  Verdana, Arial, sans-serif;
color: #333;
text-align: left;
}

form  { 
width: 99%;
border: 1px dotted #333;
padding: 5px;
margin:0 0 0 10px;
}
input, textarea  {
color: #666;
border: 1px solid #999;
padding: 2px;
}
select {
width: 260px;
color: #666;
border: 1px solid #999;
padding: 2px;
}
form p { 
clear: left;
padding: 5px;
}
form p label{ 
float: left;
width: 30%;
}

fieldset  { 
border: 1px solid #999;
padding: 2px;
margin:10px 20px 0 20px;}

legend { 
font: bold 11px Verdana;
color: #F90;
background-color: #FFF;
padding: 2px;
border: 1px solid #F90;}
/*specifics divs*/

#container { 
position: relative;
width: 780px;  
margin: 0 auto;
padding: 0;
border: 0; 
text-align: left;} 

#naviga { 
background: transparent url(img/sfondo.jpg) top left repeat;
float: left;
width: 98px;
height: auto;
margin: 0;
}

#naviga p { 
margin: 0; 
padding: 2px;
} 

#naviga a { 
font: normal;
font-variant: small-caps; 
line-height: 20px;
} 

#content { 
float: left;
width: 680px; 
margin: 0;
border: 0;
}

#right { 
float: right;
width: 250px; 
margin-left: 10px;
margin-bottom: 10px;
padding: 0px;
border: 0;}

#mail { 
clear: both;
background: #F90;
margin-left: 3px;
border-top: 1px solid #FFF;
padding: 1px 0px 1px 10px;
}

/*specific  class*/
span.parentesi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #F90; text-decoration: none; line-height: 18px;} 

span.subnaviga { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-indent: 2px; display: inline; margin-top: -12px; margin-left: 10px;} 

h1.intestazione { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333;  background-color: #F90; padding: 5px; margin: 0;} 

.clear {
clear: both;}

.programmi table {
width: 80%;
border: 0;
} 

.programmi th {
font: bold 11px  Verdana, Arial, sans-serif;
color: #333;
text-align: center;
padding: 5px 0 5px 10px;
border-bottom: 1px solid #333;
border-left: 1px solid #333;}

.programmi td { 
width: 50%;
font: 11px  Verdana, Arial, sans-serif;
text-align: left;
color: #333;
padding: 10px;
border: 0;}

.programmi h2 { margin: 0;}

.calendario table {
width: 80%;
border: 0;
} 

.calendario th {
width: 50%;
font: bold 11px  Verdana, Arial, sans-serif;
color: #F90;
text-align: center;
padding: 4px;
border: 1px solid #F90;}

.calendario td {
font: 11px  Verdana, Arial, sans-serif;
color: #333;
padding: 2px;
border: 1px solid #666;}

.leftimage  { 
float: left;
border: 0;
margin: 2px;
}

.rightimage  { 
float: right;
border: 0;
margin: 2px;
}