html,body{
margin: 0;
padding:0
}
body{
font-family: Comic Sans MS;
font-size: 12px;
text-align: center;
}
div#container{
position: relative; 
width: 760px;
margin: 0px auto;
border-left: 1px solid #ccc; 
border-right: 1px solid #ccc; 
background:url(images/bg.jpg);
color: #000;
text-align: left
}

/*stili generici, su header e footer*/
div#header{
height: 150px;
border-bottom: 1px solid #ccc;
background-color:#D0DEAB;
color: #fff
}
div#header a{
color: #eee;
text-decoration:none
}
h1,h2,h3,p{margin: 0}
p{padding-bottom: 10px}
h3{padding-top: 10px}
h1{padding-left:10px;font: bold 2.3em/80px Comic Sans MS}
h2{font-size: 1.5em;color: #f60}
h3{font-size: 1.2em;color: #060}
h4{font-size: 1.3em;color: #f60}
h5{font-size: 14px;color: #f60}
h6{font-size: 12px;color: #060}
div#footer a{
color:#ff0;
font-weight: bold;
text-decoration: none
}

/*stili specifici per il layout*/
div#navigation{
position: absolute; 
top: 143px; 
left: 0;
width: 110px;
\width:110px;
w\idth:100px;
padding: 1em 0 0 10px
}
div#extra{
position: absolute; 
top: 143px; 
right: 0;
width: 180px;
\width:190px;
w\idth:180px;
padding: 1em 5px
}
div#content{
margin: 0 190px 0 110px;
padding: 1em 10px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background-color: #FFFFFF
}
div#footer{
text-align:right; 
padding: 5px 20px;
background:url(images/footer.jpg); 
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: 90px;
border-bottom: 1px solid #f60;
color:#060;
font-weight:bold; 
text-decoration: none
}
div#navigation ul a:hover{
background-color: #060;
color: #fff
}
div#navigation ul a#activelink{
color: #f60;
text-decoration: none
}
div#footer-up a{
font-size: 11px;
color:#f60;
text-align:center;
text-decoration: none
}
div#footer-up a:hover{
color:#060;
text-align:center;
text-decoration: underline
}
div#mail a{
color:#060;
text-align:center;
text-decoration: none
}
div#mail a:hover{
color:#f60;
text-align:center;
text-decoration: underline
}
div#spiagge a{
color:#060;
text-align:center;
text-decoration: none
}
div#spiagge a:hover{
color:#f60;
text-align:center;
text-decoration: underline
}

/*stili per la sezione extra*/
div#extra div.newsbox{
font-size: 90%;
margin-bottom: 2em
}
div#extra div.newsbox h2{
padding: 1px 30px;
background:url(images/testa_newsbox.jpg);
color: #fff;
font-size: 1.2em
}
div#extra div.newsbox p{margin: 0}

/*stili per i contenuti*/
div#content{
border-left: 1px solid #999; 
border-right: 1px solid #999
}
div.textimage{
width: 100%;/*risolve il peek-a-boo bug di IE6*/
} 
div.textimage img{
float:left;
margin: 10px
}
div.textimage h2{margin-top: 10px}


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: 208px; 
\width: 145px; 
w\idth: 208px;
padding: 0 5px;
}
#scroll {
background: #FFF;
font-size: 1.3em;
color: green;
height: 20px;
padding: 5px;
}