/*body non è un div, ma è un tag html - qui l'ho usato per poterlo posizionare in maniera assoluta all'interno del monitor, a seconda della risoluzione*/
body {
margin:0px;
padding:0px;
background: #ffecc0 url(imgs/sfumato.gif) fixed repeat-y right ;
height: 100%;
width: 100%;
}


#table{
margin: 0px 0px 0px 10px;
width: 247px;
height: 1150px;
text-align: left;
}

#tablepub{
margin: 0px 0px 0px 10px;
width: 247px;
text-align: left;
}

#sfondo{
width: 257px;
height: 100%;
background: #E0BE99;
text-align: left;
position: absolute;
top: 82px;
left: 0px;
z-index:1;
}

#margin{
background: url(imgs/sfumatosx.gif) fixed repeat-y left;
margin: 0px 0px 0px 0px;
width: 10px;
height:490px;
position: absolute;
top: 82px;
left: 0px;
z-index: 20;
}



#test{
margin: 2px 0px 0px 0px;
width: 660px;
text-align: left;
position: absolute;
top: 60px;
z-index:1;
}


#foto{
margin: 2px 0px 0px 0px;
width: 260px;
text-align: left;
position: absolute;
top: 68px;
z-index:2;
}

/* testo sovrapposto a immagine in sakpub */
#cok{
width: 70px;
text-align: left;
position: absolute;
top: 100px;
left: 10px;
z-index:7;
}

#foto1{
margin: 2px 0px 0px 0px;
width: 260px;
text-align: left;
position: absolute;
top: 101px;
z-index:2;
}

#intro{
margin: 2px 0px 0px 0px;
width: 230px;
height:320px;
text-align: left;
position: absolute;
top: 100px;
left: 260px;
z-index:6;
}

#navsx{
margin: 2px 0px 0px 0px;
width: 130px;
text-align: left;
position: absolute;
top: 96px;
left:555px;
z-index:3;
}

#vertdx{
margin: 2px 0px 0px 0px;
text-align: left;
position: absolute;
top: 90px;
left:490px;
z-index:9;
}

#vertdxgif{
background: url(imgs/sfondorolls1.gif);
padding:0px 0px 2px 5px;
position: absolute;
top: 100px;
left:695px;
z-index:9;
}

 



#banner{
margin: 0px 0px 0px 0px;
width: 468px;
height:60px ;
position: absolute;
top:0px;
left: 255px;
z-index:1;
}


#menup{
margin: 0px 0px 0px 0px;
height:40px;
text-align: left;
position: absolute;
top:5px;
left:180px;
}

#stemma{
margin: 0px 0px 0px 0px;
text-align: left;
position: absolute;
top:0px;
left:5px;
}

#news{
width: 500px;
text-align: left;
position: absolute;
top: 500px;
left: 253;
z-index:1;
border-left: 4px solid #E0BE99;
}

.textsnow{
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 0px;
width: 100%;
text-align: left;
position: relative;
border-left: 1px solid #B17564;
border-top: 1px solid #B17564;
border-right: 2px solid #B17564;
border-bottom: 2px solid #B17564;
}

#articles{
margin: 0px 0px 7px 0px;
padding: 0px 0px 5px 0px;
width: 430px;
text-align: justify;
float: left;
top: 10px;
z-index:7;
}

.gallery{
margin: 2px 0px 0px 0px;
width: 720px;
text-align: justify;
float: left;
top: 10px;
border-left:1px dotted #E0BD9D;
border-bottom:1px dotted #E0BD9D;
}

.fotog{
margin: 2px 0px 0px 5px;
float: right;
}

	.buttroll a {
		display:block;
		width:80px;
		height:70px;
		background: url("rollover/button_on_off.gif") 0 0 no-repeat;
		text-decoration:none;
		}
	.buttroll a:hover {	
		background-position: -80px 0;
		}


/* divisione in due colonne */

div.split2 div{
    float: left;
    width: 45%;
    \width: 49%;
    w\idth: 45%;
    padding: 0 2%
    }

div.clearer{
    float: none; clear: left
    }

/* fine */

#imgdx{
margin: 2px 0px 0px 0px;
width: 200px;
text-align: left;
position: absolute;
top: 230px;
left: 500px;
z-index:6;
}

#forum{
margin: 2px 0px 0px 0px;
width: 720px;
text-align: left;
position: absolute;
top: 450px;
z-index:1;
}

#pub{
width: 500px;
text-align: center;
position: absolute;
top: 480px;
left: 100px;
z-index:1;
}

#popclub{
width: 500px;
text-align: center;
position: absolute;
top: 100px;
left: 100px;
z-index:1;
}

#popmenu{
background: #ffcc99;
width: 100px;
text-align: left;
position: absolute;
top: 20px;
z-index:1;
}

#zab8{
padding: 5px 0px 5px 0px;
margin: 2px 0px 0px 0px;
width: 250px;
text-align: left;
position: absolute;
top: 650px;
left: 450px;
z-index:6;
border-left:2px solid #E0BD9D;
border-bottom:2px solid #E0BD9D;
border-right:1px solid #E0BD9D;
border-top:1px solid #E0BD9D;
}

#flash{
background: url(imgs/zaballo.gif) fixed repeat-x;
margin: 0px 0px 0px 0px;
padding:0px 0px 5px 0px;
border-bottom:1px dashed #E0BD9D;
width: 729px;
text-align: left;
position: absolute;
top: 440px;
left:10px;
z-index:0;
}

#gallery{
margin: 2px 0px 0px 0px;
background: #ffecc0;
width: 648px;
text-align: left;
position: absolute;
top: 240px;
z-index:8; 
}

#maillist{
margin: 2px 0px 5px 0px;
Padding:5px 5px 5px 5px; 
width: 250px;
text-align: left;
position: absolute;
top: 382px;
left: 0px;
z-index:6;
}

#sfondo70{
width: 257px;
background:url(imgs/sfondo70.gif);
text-align: left;
position: absolute;
top: 520px;
left: 0px;
z-index:2;
}

#evinews{
margin: 2px 0px 0px 0px;
padding: 5px 5px 5px 5px;
width: 250px;
text-align: left;
position: absolute;
top: 420px;
left: 0px;
z-index:3;
background: #E0BE99;
border-top: 1px solid #ffecc0;
border-right: 1px solid #996666;
border-bottom: 1px solid #996666;
border-left: 1px solid #ffecc0;
}

#rss{
margin: 2px 0px 0px 0px;
padding: 5px;
width: 250px;
height:460px;
overflow:auto;
text-align: left;
position: absolute;
top: 430px;
left: 0px;
z-index:3;
background: #E0BE99;
border-top: 1px solid #ffecc0;
border-right: 1px solid #996666;
border-bottom: 1px solid #996666;
border-left: 1px solid #ffecc0;
}

.rssblock{
margin: 2px 0px 0px 0px;
padding: 1px;
width: 98%;
text-align: left;
border:1px solid #ffecc0;
}

#links{
margin: 2px 0px 0px 0px;
padding: 0px 0px 5px 0px;
width: 250px;
text-align:left;
position: absolute;
top: 420px;
left: 0px;
z-index:6;
border-bottom: 1px solid #ffecc0;
border-right: 1px solid #996666;
background: #E0BE99;
}

.toplinks{
margin: 0px 0px 5px 0px;
background-color:#996666;
width: 250px;
height: 20px;
text-align: center;
font-family:"trebuchet ms", arial, courier;
display: inline;
font-size:14px;
font-weight:700;
color:#ffecc0;
}

#radio{
margin: 2px 0px 5px 0px;
width: 250px;
text-align: left;
position: absolute;
top: 950px;
left: 0px;
z-index:6;
}


#textradio{
width: 70px;
text-align: left;
position: absolute;
top: 1000px;
left: 142px;
z-index:7;
}


#search{
margin: 2px 0px 2px 0px;
padding: 5px 0px 2px 10px;
width: 400px;
text-align: left;
position: absolute;
top: 450px;
left:253px;
z-index:1;
font-family:verdana, arial, courier;
font-size:10px;
font-weight:500;
color:#996666;
}





/*    testi      */


h6  {
font-family:"trebuchet ms", arial, courier;
font-size:12px;
font-weight:500;
color:#996666;
margin:5px 0px 0px 5px;
text-align:center;
}


h2  {
font-family:"trebuchet ms", arial, courier;
display: inline;
font-size:12px;
font-weight:700;
color:#996666;
margin:0px 0px 0px 5px;
}

h3  {
font-family:"trebuchet ms", arial, courier;
font-size:12px;
font-weight:500;
margin:5px 10px 5px 10px;
color:#996666;
text-align:justify;
}

h4  {
font-family: verdana, arial, courier;
font-size:10px;
font-weight:500;
color:#996666;
margin:5px 5px 5px 5px;
text-align:left;
}

h5  {
font-family: verdana, arial, courier;
font-size:12px;
font-weight:700;
color:#996666;
margin:0px 0px 5px 5px;
}

/*paragrafo per rollover menu verticale*/
p  {
font-family: verdana, arial, courier;
font-size:10px;
font-weight:500;
color:#996666;
margin:0px 0px -2px 0px;
text-align:left;
}

pa  {
font-family:"trebuchet ms", verdana, arial, courier;
font-size:12px;
font-weight:500;
color:#996666;
margin:10px 0px 20px 0px;
text-align:center;
}


.category {
font-family: verdana;
font-size:9px;
font-weight:500;
color:#D1AC8A;
float:right;
}



/*  navigation   */


#nav ul { 
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px
white-space: nowrap; 
}

#nav li {
margin-top: 0px;
padding-right: 5px;
display: inline;
font: bold 11px/15px arial, verdana, helvetica, sans serif;
list-style-type: none;
white-space: nowrap;
}
#nav li a:link {
                color:#996666;                
                text-decoration: none;
                margin-top: 2px;
                white-space: nowrap;
}
#nav li a:visited {
                color:#996666;                
                text-decoration: none;
                margin-top: 2px;
                white-space: nowrap;
}
#nav li a:hover {
                color:red;                
                text-decoration: none;
                margin-top: 2px;
                white-space: nowrap;
}
#nav li a:active {
                color:#996666;                
                text-decoration: none;
                margin-top: 2px;
                white-space: nowrap;
}
#nav li a.selected:link {
                color:white;                
                text-decoration: none;
                margin-top: 2px;
                white-space: nowrap;
}
#nav li a.selected:visited {
                color:green;
                text-decoration: none;
                margin-top: 2px;
                white-space: nowrap;
}


/*    nav span     */


.nav ul { 
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 8px; PADDING-TOP: 0px
white-space: nowrap;
}

.nav li {
margin-top: 3px;
padding-right: 5px;
font: bold 11px/15px arial, verdana, helvetica, sans serif;
list-style-type: none;
white-space: nowrap;
}
.nav li a:link {
                color:#996666;                
                text-decoration: none;
                margin-top: 10px;
                white-space: nowrap;
}
.nav li a:visited {
                color:#996666;                
                text-decoration: none;
                margin-top: 10px;
                white-space: nowrap;
}
.nav li a:hover {
                color:red;                
                text-decoration: none;
                margin-top: 10px;
                white-space: nowrap;
}
.nav li a:active {
                color:#996666;                
                text-decoration: none;
                margin-top: 10px;
                white-space: nowrap;
}
.nav li a.selected:link {
                color:white;                
                text-decoration: none;
                margin-top: 10px;
                white-space: nowrap;
}
.nav li a.selected:visited {
                color:green;
                text-decoration: none;
                margin-top: 10px;
                white-space: nowrap;
}


.p {
font-family:verdana, arial, courier;
font-size:10px;
font-weight:500;
color:#996666;
margin:5px 15px 0px 15px;
float:right;
}
.p a:link	{ color: #996666}
.p a:visited    { color: #996666}
.p a:hover	{ color: red}
.p a:active	{ color: #FFB629}


.g {
font-family:verdana, arial, courier;
font-size:12px;
text-decoration: none;
font-weight:600;
color:#996666;
margin:0px 0px 0px 0px;
float:right;
}
.g a:link	{ color: #996666;
		  text-decoration: none;
}
.g a:visited    { color: #996666;
		  text-decoration: none;
}
.g a:hover	{ color: red;
		  text-decoration: none;
}
.g a:active	{ color: #FFB629;
		  text-decoration: none;
}



.pagine {
font-family:"trebuchet ms"verdana, arial, courier;
text-decoration: none;
font-size:12px;
font-weight:600;
color:#E0BD9D;
margin:5px 0px 0px 15px;
float:left;
}
.pagine a:link		{ color: #996666;
			  text-decoration: none;
}
.pagine a:visited    	{ color: #996666;
			  text-decoration: none;
}
.pagine a:hover		{ color: red;
			  text-decoration: none;
}
.pagine a:active	{ color: #FFB629;
			  text-decoration: none;
}