/* CSS Document */
html,body{margin: 0;padding:0}
body{font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-align: center; background-color:#ebebeb}
div#container{position:relative; margin: 0px auto;width:765px; text-align:justify; background-color: #FFb232;color: #000;}
/*stili generici, su header e footer*/
div#header{height: 154px}
div#header a{color: #eee;text-decoration:none}
h1,h2,h3,p{margin: 0}
p{padding: 10px 0 10px 10px}
p img{ float:left;display:block; padding:2px 6px 5px 5px;}
h3{ color:#fff; padding:10px 0 6px 0; margin-bottom:3px; text-align:center; background-image:url(img/testatina.gif);}
h1{font-size:1em; margin:10px 0 0 180px;}
h2{color: #999;font-size: 1.5em; padding:8px;margin:30px 0 0 0}
h3{font-size: .9em}
h4{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}
h5{color: #999;font-size: 1em; padding:2px;margin:30px 0 0 0; border-bottom:#FFb232 solid 1px}
h6{font-size:1.1em;color: #666; }
div#footer a{color:#999;font-weight: bold;text-decoration: underline; padding: 10px}
/*stili specifici per il layout*/
div#w3c{ position:absolute;bottom:90px}
div#w3c img{ padding:1px 0px 1px 1px; border:none }
div#extra{position: absolute;top: 157px;right: 0px;width: 199px;padding: 0em 0px;background-color: #FFF;}
div#content{margin: 0 3px 0 125px;padding: 1em 5px;background-color: #fff; border-top:1px solid #FF9933}
div#footer{width:765px;padding:5px 5px 17px 0px;background-image: url(img/roccafooter.gif) ; background-repeat:no-repeat; background-color:#ebebeb;color: #999; text-align:center}
#datastampa{ font-size:0.9em ;text-align: right; margin:0 40px 0 0; padding:0 0 5px 0;}
#datastampa img{ float:right; margin:3px }
div#fadsicilia{ position:absolute; bottom:30px; left:8px; color: #999; font: 10px Verdana, Arial, Helvetica, sans-serif;}
/*stili per la navigazione*/
div#navigation ul{margin: 0 0 20px;padding: 0; list-style-type: none}
div#navigation ul a{display:block;width: 90px;border-bottom: 1px solid #fff;color:#000;font-weight:bold; text-decoration: none;color:#fff;}
div#navigation ul a:hover{background-color: #FFb232;color: #fff}
div#navigation ul a#activelink{color: #fff;text-decoration: none}
/*stili per la navigazione tipo due*/
#button {position: absolute; top: 160px; left: 0; width: 124px; font-weight:bold;background-color: #ffb232;color:#333;}
#button ul {list-style: none;margin: 0;padding: 0;border: none;}
#button li {border-bottom: 1px solid #ffb232;margin: 0;}
#button li a {display: block;padding: 5px 5px 5px 0.5em;border-left: 2px solid #F96;border-right: 2px solid #FC6;background-image:url(img/testatina.gif);color: #fff;text-decoration: none;width: 100%;}
html>body #button li a {width: auto;}
#button li a:hover {border-left: 1px solid #FFCC66;border-right: 1px solid #FFCC66;background-color: #ffb232;color: #fff;
}
/*stili per i contenuti*/
.lista { margin:10px 0 0 180px;}
div#content{border-left: 0px solid #999; border-right: 1px solid #999}
div.textimage{ width:620px;background-image:url(img/sfondo.gif); border-top:0px solid #ccc;border-bottom:1px solid #ccc;} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float:left;margin: 8px}
div.operativo img{ float:none}
div.textimage h2{margin-top: 10px}
div.textimage p{ text-align:left}
div.wide,div.split2,div.split3{clear:left}
div.wide{width:620px; border-top: 2px solid #ebebeb; /*background-image:url(img/sfondo.gif)*/}
div.wide img{ float:left;display:block; padding:3px 5px 15px 5px;}
div.wide blockquote{width:170px;font:italic 900 1em/2em georgia, serif;word-spacing:.2em;padding:9px;margin: 5px 2px 5px 5px;border:1px solid #690;float:right;}
div.wide blockquote span.special-quote {color: #690;font: italic 900 2em/1em georgia, serif;}
div.split2 div{float:left; width:310px; \width:310px; padding: 15px 4px; background-image:url(img/fondorotondo.gif); background-repeat:no-repeat; background-position:bottom}
div.split2 div img{ float:left;display:block; padding:3px 8px 8px 0;}
div.split3 div{float: left; width:200px; margin:0px 3px 0px 0px; padding:5px 3px 0px 0px}
div.split3 div img{ float:left;display:block; padding:0px 0px 8px 0px; border:none}
/* controllo dello scroller */
#scroller {position:relative; margin: 0px auto; width:600px;overflow: hidden; border-top:1px solid #FFb232;border-bottom:1px solid #FFb232}
/* display:none prevents the controls being shown when JavaScript is not present */
#controls {display:none;width:600px; height:5px; text-align:right}
/* add link formatting for the controls */
#controls a {}
/* add formatting for the scrolling text */
#tag {margin:0px 0; color: #669900}
/* #testP must also contain all text-sizing properties of #tag */
#testP {position:absolute; white-space:pre;}
/* used as a page top marker and to limit width */
#top {width:630px; margin:0px auto}
/*TABELLE*/
table, td, th{border: 1px solid #CCC;border-collapse: collapse}
td,th{padding: 3px 5px}
td{text-align: right}
th{text-align: left}