html,body{margin: 0;padding:0; min-height: 100%}
body{font-family: arial,sans-serif;font-size: 12px;text-align: center; background-color: #663366}
div#container{position: relative; width: 760px; min-height: 100%; margin: 0px auto; border-left: 1px solid #ffffff; background-color: #000000; border-right: 1px solid #ffffff;color: #000;text-align: left}

/*scrollbars*/
body {scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#663366;
scrollbar-base-color:#663366;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#cccccc;
scrollbar-track-color:#666666}

/*stili generici, su header e footer*/
div#header{
	height: 100px;
	color: #fff;
	background-image: url(images/header2.jpg) !important;
	background-image: url(images/header.jpg);
	text-align: right;
	background-position: center;
	background-repeat: no-repeat;
}
div#header a{color: #000;text-decoration:none}
h1,h2,h3,h4,h5,p{margin: 0}
img{border: 0px}
p{padding-bottom: 10px}
h3{padding-top: 10px}
h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}
h2{font-size: 1.5em}
h3{font-size: 1.2em}
h4{font-size: 1em}
h5{font-size: 0.9em}
div#footer a{color:#ff0;font-weight: bold;text-decoration: underline}
div#footer2 a{color:#ff0;font-weight: bold;text-decoration: underline}
div#colorato01{background-color: #D7FFFF}
div#colorato02{background-color: #FFFFE6}
div#colorato03{background-color: #FFFAF0}
div#colorato04{background-color: #ffcccc}
div#colorato05{background-color: #ccffcc}
div#colorato06{background-color: #FFFEF1}
div#sfondoverde{background-color: #00cc66}
div#sfondogiallo{background-image: url(images/sfondogiallo.jpg)}
div#sfondoarancione{background-image: url(images/sfondoarancione.jpg)}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: 100px; left: 0; width: 110px;\width:110px;w\idth:100px;padding: 1em 0 0 10px; background-color: #000000}
div#extra{position: absolute; top: 80px; right: 0; width: 180px;\width:190px;w\idth:180px;padding: 1em 5px}
div#content{margin: 0 0px 0 150px;padding: 1em 10px;background-color: #fff; min-height: 650px; height: auto !important; height: 650px}
div#footer{height: 50px;text-align:right; padding: 5px 20px; background-image: url(images/footer.jpg); color: #fff}
div#footer2{text-align:center; padding: 5px 20px; background-image: url(images/granogranbar.jpg); font-weight:bold; color: #000000}
div#riempifooter{padding: 5px 20px; background-color: #006633; color: #fff}

/*stili per la navigazione*/
div#navigation ul{margin: 0 0 20px;padding: 0; list-style-type: none}
div#navigation ul a{display:block;width: 140px;border-bottom: 1px solid #663366;color:#ffffff; font-weight:bold; text-decoration: none}
div#navigation ul a:hover{background-color: #fff;color: #663366}
div#navigation ul a#activelink{background-color: #fff;color: #663366;text-decoration: none}
div#minilink a{margin: 20px 0;display: block;border: 1px inset #666;width:90px;line-height: 40px; background-color: #fff;color: #000;text-align: center;text-decoration: none}
div#minilink a:hover{font-size: 2em;font-weight: bold;color: #ccc}
div#istituzionale a{margin: 20px 0; color: #ffffff;text-align: left;text-decoration: none; border-bottom:1px solid #663366}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{padding: 1px 2px;background-image: url(images/granobar.gif);color: #006633;font-size: 1.2em}
div#extra div.newsbox a{padding: 1px 2px;text-decoration:none}
div#extra div.newsbox p{margin: 0}

/*stili per i contenuti*/
div#content{border-left: 1px solid #663366; border-right: 1px solid #000000; background-color: #000000}
div.textimage{border-bottom: 1px dotted #999; width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float:left;margin: 10px}
div.textimage h2{margin-top: 10px}
div.split3 a{text-decoration: none; color: #006633}
div.split3 a:hover{text-decoration: none; color: #006633}
div.split3 a:active{text-decoration: none; color: #006633}
div.split3 a:visited{text-decoration: none; color: #006633}
div.wide {text-decoration: none; color: #ffffff}
div.wide a{text-decoration: none; font-weight: bold; color: #ffffff; border-bottom:1px solid #663366}
div.wide a:hover{text-decoration: none; font-weight: bold; color: #ffffff; border-bottom:1px solid #663366}
div.wide a:active{text-decoration: none; font-weight: bold; color: #ffffff; border-bottom:1px solid #663366}
div.wide a:visited{text-decoration: none; font-weight: bold; color: #ffffff; border-bottom:1px solid #663366}
div.newsbox h2 a{text-decoration: none; color: #006633}
div.newsbox h2 a:hover{text-decoration: none; color: #006633}
div.newsbox h2 a:active{text-decoration: none; color: #006633}
div.newsbox h2 a:visited{text-decoration: none; color: #006633}
div.newsbox p a{text-decoration: none; color: #000000}
div.newsbox p a:hover{text-decoration: none; color: #000000}
div.newsbox p a:active{text-decoration: none; color: #000000}
div.newsbox p a:visited{text-decoration: none; color: #000000}
h3{text-decoration: none; color: #663366}

div.wide,div.split2,div.split3{clear:left}
div.wide{margin: 0 1%}
div.split2 div{float: left; width: 208px; \width: 218px; w\idth: 208px;padding: 0 5px}
div.split3 div{float: left; width: 135px; \width: 145px; w\idth: 135px;padding: 0 5px; border-top: 1px dotted #ccc}
div.footersplit3 div{float: left; width: 135px; \width: 145px; w\idth: 135px;padding: 0 5px; border-top: 1px dotted #ccc}

.vbl {background: url(vbl.gif) 0 100% no-repeat #e68200} 
.vbr {background: url(vbr.gif) 100% 100% no-repeat} 
.vtl {background: url(vtl.gif) 0 0 no-repeat} 
.vtr {background: url(vtr.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}
p.fotorandom {text-align: center}