html { margin: 0; padding: 0; background: #8AC7FE url(../img/back_html.jpg) repeat-x top left; }
body { margin: 0; padding: 0; font-size: 100%; font-family: Garamond, 'Trebuchet MS', Verdana, Arial, sans-serif; }
h1, h2, h3, h4 { margin: 0; padding: 0; }

.accessibile {
	position:absolute;
	top: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#Container {
	width: 799px; 
	background: #FFF;
	margin: 0 auto;
	position: relative;
	font-size: 80%;
	margin-top: 15px;
	
}

#Top 
{
	height: 113px
}

h1 {  position: absolute; } 
h1 span { position: absolute; z-index:3; background:url(../img/header.jpg) no-repeat top left; width: 799px; min-height: 113px; height: auto !important; height: 113px;  }

#BarraTop 
{ 
	background: #DEEFFF url(../img/back_barratop.jpg) repeat-x bottom left; 
	margin: 3px;
	padding: 3px;
	position: relative;
}

#Briciole { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif;  }

#ContextMenu ul { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 1px; right: 0; }
#ContextMenu li { float: left; border-right: 1px solid #666; padding-right: 5px; margin-right: 5px }
#ContextMenu li.last { border: 0; margin: 0; }
#ContextMenu a { text-decoration: none; color: #666; font-size: 100%; font-family: Garamond, 'Trebuchet MS', Verdana, Arial, sans-serif;}


#Main { position: relative; min-height: 514px; height: auto !important; height: 514px; padding-bottom: 40px;  }


/* PARTE SINISTRA */
#Left { min-height: 99.4%;  color: #FFF; position: absolute; top: 0; left: 3px; background: #95CAFC url(../img/angolo_sx.jpg) no-repeat bottom left; width: 174px; }
#Left div#Background { min-height: 400px; height: auto !important; height: 400px; background: url(../img/back_left.jpg) repeat-x bottom left; }

#Menu ul { margin: 0; padding: 0; list-style-position: inside; color: #FFF; margin-left: 10px; padding-top: 20px; }
#Menu li { margin-bottom: 5px; }
#Menu a { color: white; text-decoration: none; font-size: 140% }

#AreaRiservata { padding: 10px; }
#AreaRiservata h2 { border-bottom: 1px solid white; }
#Left #AreaRiservata p { margin: 0; padding: 0; }
#AreaRiservata label { display: block; margin-top: 10px; font-size: 130% }
#AreaRiservata input { width: 90%; }
#AreaRiservata input.butLogin { width: 50%; margin-top: 10px; }
.butLogout { margin-top: 20px; }
.erroreLogin { position: absolute; margin-top: 20px; font-size: 110%; font-weight: bold;}


/* PARTE DESTRA */
#Right { min-height: 99.4%; position: absolute; color: #FFF; top: 0; right: 3px; background: #95CAFC url(../img/angolo_dx.jpg) no-repeat bottom left; width: 202px; }
#Right div#Background2 { padding: 10px; height: 460px; overflow: hidden; background: #085D9E url(../img/back_left.jpg) repeat-x bottom left; }
#Right a {color: white; text-decoration: none; font-size: 100%; }
#News h2 { border-bottom: 1px solid #FFF; }
.notizia { font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; padding-bottom: 10px; border-bottom: dashed 1px #ffffff; }

/* PARTE CENTRALE */
#Center { width: 394px; padding: 10px 15px; position: relative; left: 174px; color: #6C6C6C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }
#Convegni { border-bottom: 1px dashed #6C6C6C; margin-bottom: 20px; padding-bottom: 20px; }
#Convegni a { color: #6C6C6C; text-decoration: none; }
#Eventi { margin-top: 10px; }
#Eventi h2 { margin-bottom: 10px }
#Eventi a { color: #6C6C6C; text-decoration: none; }
#Convegni h2 { margin-bottom: 10px }

/* FOOTER */
#Footer { position: absolute; text-align: center; width: 100%; color: #000; padding-top: 10px  }


#angolosx {position: absolute; bottom: 0;  width: 10px; height: 15px; background: url(../img/angolo_bianco_sx.png) no-repeat top left; }
#angolodx {position: absolute; bottom: 0; right: 0;  width: 10px; height: 15px; background: url(../img/angolo_bianco_dx.png) no-repeat top left; }