/* Stili generici per l'elemento body */
body {
background-image :url("../jpg/erba.jpg"); background-attachment:fixed;
color : #FFFFFF;
font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin : 0px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
text-align : left;
}

a {
color:yellow;
}

a:hover {
color:yellow;
font:16px;
}

a:visited {
color:white;
}

em {
color:red;
background:white;
font: 20px,bold,tahoma;
}


/* Stile della sezione "testata" */

#testata {
	background : #003399;
	border-bottom : 1px ridge black;
	border-left: 1px ridge black;
	min-height : 50px;
	margin : 0px;
	padding-bottom : 1px;
	padding-left : 0px;
	padding-right : 26px;
	padding-top : 0px;
	clip: rect(auto 50 auto 50);

}

/* Selettore contestuale. Specifica come appare l'elemento h1 all'interno della sezione "testata" */

#testata h1 {
background : #003399;
border-bottom : 0px  #808080;
border-left : 0px  #808080;
border-right : 0px  #808080;
border-top : 0px  #808080;
color : white;
font : italic 66 px Tahoma, Verdana, Helvetica, sans-serif;
float:left;
margin-bottom : 3px;
margin-left : 75px;
margin-right : 5px;
margin-top : 15px;
padding-bottom : 2px;
text-align : center;

}

/* Selettore contestuale. Specifica come appare l'elemento h2 all'interno della sezione "testata" */

#testata h2 {
background : #003399;
border-bottom : 0px  #808080;
border-left : 0px  #808080;
border-right : 0px  #808080;
border-top : 0px  #808080;
color : white;
font : bold 22px Tahoma, Verdana, Helvetica, sans-serif;
margin-bottom : 3px;
margin-left : 5px;
margin-right : 5px;
margin-top : 15px;
padding-bottom : 2px;
text-align : center;
}


/* Stile della sezione "contenuto" */

#contenuto {
background=#003399;
width=100%
margin=0px;

/* Stile della sezione "banner" */

#banner {
position:absolute;
left=50px;
bottom=150px;
float:left;
background:transparent;
color=red;
}

/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "banner" */

#banner h1 {
background : transparent;
border-bottom : 0px  #808080;
border-left : 0px  #808080;
border-right : 0px  #808080;
border-top : 0px  #808080;
color : white;
font : bold 24px Tahoma, Verdana, Helvetica, sans-serif;
margin-bottom : 3px;
margin-left :5px;
margin-right : 5px;
margin-top : 0px;
padding-bottom : 2px;
text-align : left;
}


#banner h2 {
background : transparent;
border-bottom : 0px  #808080;
border-left : 0px  #808080;
border-right : 0px  #808080;
border-top : 0px  #808080;
color : white;
font : bold 18px Tahoma, Verdana, Helvetica, sans-serif;
margin-bottom : 3px;
margin-left :5px;
margin-right : 5px;
margin-top : 0px;
padding-bottom : 2px;
text-align : left;
}


#banner h3 {
background : transparent;
border-bottom : 0px  #808080;
border-left : 0px  #808080;
border-right : 0px  #808080;
border-top : 0px  #808080;
color : white;
font : bold 14 px Tahoma, Verdana, Helvetica, sans-serif;
margin-bottom : 3px;
margin-left :5px;
margin-right : 5px;
margin-top : 0px;
padding-bottom : 2px;
text-align : left;
}


/* Stili dei link della sezione "banner" */

#banner a {
background : #003399;
color :yellow;
}

#banner a:hover {
background : #003399;
color : white;
font:bold italic;
}

#banner a:visited {
background : #003399;
color : grey;
}

#leftcontent {
background=transparent;
	color:#ffffff;
	position:absolute;
	left:5px;
	width:170px;


padding=0px;  
	border: thin #CCCCCC;
	top: 180px;
	height: 300px;
	visibility: visible;




}

#leftcontent h1 {
font : 24px Tahoma, Verdana, Helvetica, sans-serif;
}


#leftcontent h2 {
font : bold 18px Tahoma, Verdana, Helvetica, sans-serif;
}


#leftcontent h3 {
font : bold 14px Tahoma, Verdana, Helvetica, sans-serif;
}

#centercontent {
	background: transparent;
	color:#ffffff;
	align: left;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	position: absolute;
	width: auto;
	left: 165px;
	top: 180px;
	right: 175px;
	border: medium ridge #FFFFFF;
	height: auto;
	visibility: visible;





  }

#centercontent h1 {
font : 36px Tahoma, Verdana, Helvetica, sans-serif;
}


#centercontent h2 {
font : bold 22px Tahoma, Verdana, Helvetica, sans-serif;
}


#centercontent h3 {
font : bold 18px Tahoma, Verdana, Helvetica, sans-serif;
}

#rightcontent {
  background=transparent;
	color:orange;
	position:absolute;
	right:10px;
	width:180px;





  align=left;
  
padding-left=5px;
	top: 180px;
	height: 300px;
	visibility: visible;
	left: 650px;





}

#rightcontent-low p {
font : 10px Tahoma, Verdana, Helvetica, sans-serif;
}

#rightcontent-low {
  background=transparent;
  color:white;
  position:absolute;
  top:350px;
  right:25px;
  width:150px;
  align=left;
  border-bottom : #CCCCCC 0px solid;
border-left : #CCCCCC 0px solid;
border-right : #CCCCCC 0px solid;
border-top : #CCCCCC 0px solid;
padding-left=35px;
}

#rightcontent-low p {
font : 10px Tahoma, Verdana, Helvetica, sans-serif;
}
#rightcontent-l {
  background=#003399;
	color:orange;
	position:absolute;
	
        right:25px;
	width:230px;
	border-bottom : #CCCCCC 1px solid;
	border-left : #CCCCCC 1px solid;
	border-right : #CCCCCC 1px solid;
	border-top : #CCCCCC 1px solid;



padding-left=5px;
	left: 618px;
	top: 42px;
	height: 365px;



}

#rightcontent-l p {
font : 10px Tahoma, Verdana, Helvetica, sans-serif;
}



/* Stile della sezione frame */

#frame {
background : #003399;
border-bottom : #000000 0px solid;
border-left : #000000 0px solid;
border-right : #CCCCCC 0px ;
border-top : #CCCCCC 0px ;
color : white;
margin-left:0px;
margin-right:0px
margin-top:0px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
voice-family : inherit;
width :100%;
height:300px;
}

#frame a {
color:yellow;
}

#frame a:visited {
color: cyan;
}
/* Stile della sezione navigazione */

#navigazione {
background : #003399;
border-bottom : #000000 0px solid;
border-left : #000000 0px solid;
border-right : #FFFFFF 2px ;
border-top : #FFFFFF 2px ;
color : white;
margin-left:0px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
voice-family : inherit;
width : 100%;
height :30px;
}

/* Stili dei link della sezione "navigazione" */

#navigazione a {
background : #003399;
color :yellow;
}

#navigazione a:hover {
background : #003399;
color : #ffffff;
font:bold italic;
}

#navigazione a:visited {
background : #003399;
color : grey;
}

#navigazione a span {
display:none;
}

#navigazione a:hover span {
display:block;
background:yellow;
color:white;
position: absolute;
top: 250px;
left:600px
width=125px;
}

/* Selettore contestuale. Specifica come appare l'elemento h1 all'interno della sezione "navigazione" */

#navigazione h1 {
background : #003399;
border-bottom : 0px  #808080;
border-left : 0px  #808080;
border-right : 0px  #808080;
border-top : 0px  #808080;
color : white;
font : bold 13px Tahoma, Verdana, Helvetica, sans-serif;
margin-bottom : 3px;
margin-left :5px;
margin-right : 5px;
margin-top : 0px;
padding-bottom : 2px;
text-align : center;
}

/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "navigazione" */

#navigazione p {
background : #003399;
color : white;
font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left : 10px;
margin-top:0px;
margin-bottom:0px;
padding-left: 5px;
padding-bottom: 5px;
border-bottom : #000000 2px solid;
border-left : #000000 2px solid;
border-right : #FFFFFF 2px ;
border-top : #FFFFFF 2px ;
}


/* Stile della sezione "credits" */
#credits {
background : #003399;
color: white;
border-bottom :2px solid #000000;
border-left : 2px solid #000000;
border-right : 1px  #808080;
border-top : 1px  #808080;
margin-bottom : 3px;
margin-left : 5px;
margin-right : 5px;
margin-top : 0px;
padding-bottom : 2px;
width=140px;
}

/* Stile della sezione "photo" */
#photo {
background: #003399;
color:Black;
border-bottom : black 1px solid;
border-left :black 1px solid;
border-right : black 1px solid;
border-top : black 0px solid;
margin-top : 0px;
margin-left:10px;
width:200px;
float:left;
}

#photo h1 {
color:white;
font:8,bold,tahoma;
background :#003399;
}

/* Stile della sezione "photo-landscape" */
#photo-l {

background: transparent;
color:Black;
border-bottom : black 1px solid;
border-left :black 1px solid;
border-right : black 1px solid;
border-top : black 0px solid;
margin-top : 10px;
margin-left: 10px;
width:500 px;
align=left;
}

/* Stile della sezione "menu" */
#menu {
	border-bottom : black 1px solid;
	border-left :black 1px solid;
	border-right : black 1px solid;
	border-top : black 0px solid;
	margin : 0px 26px;
	padding-bottom : 5px;
	padding-left : 2px;
	padding-right : 0px;
	padding-top : 4px;

width=100%;
	background : #FFCC00;
	text-align: left;
	top: 80px;

}

/* Stili dei link della sezione "menu" */

#menu a {
background : #FFCC00;
color :black;
font:10px;
}

#menu a:hover {
background : #FFCC00;
color : red;
font:10px bold italic;
}

#menu a:visited {
background : #FFCC00;
color : grey;
}

/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "menu" */

#menu p {
background : #FFCC00;
color : black;
font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align : left;
}

/* Stile della sezione "post" */
#post {
background-color : transparent;
border-bottom : #FFFFFF 1px ;
border-left : #FFFFFF 1px ;
border-right : #CCCCCC 1px ;
border-top : #CCCCCC 1px ;
color : white;
padding-bottom : 10px;
padding-left : 16px;
padding-right : 0px;
padding-top : 0px;
voice-family : inherit;
width : 500px;
margin-left=5px;
text-align=left;
}

/* Selettore contestuale. Specifica come appare l'elemento h1 all'interno della sezione "post" */
#post h1 {
background : #003399;
color : #FFFFFF;
font : bold 18px Tahoma, Verdana, Helvetica, sans-serif;
margin : 5px;
}

/* Selettore contestuale. Specifica come appare l'elemento h2 all'interno della sezione "post" */
#post h2 {
background-color : #FFFFFF;
color : #CC0000;
font : bold 10px Tahoma, Verdana, Helvetica, sans-serif;
margin : 5px;
}

/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "post" */
#post p {
background-color : #FFFFFF;
border-bottom : 1px  black;
color : #000000;
font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height : 1.5em;
margin : 5px;
padding-bottom : 4px;
}

/* Stile della sezione "left1" */
#left1 {
background-color : #003399;
border-bottom : #CCCCCC 1px solid;
border-left : #CCCCCC 1px solid;
border-right : #CCCCCC 1px solid;
border-top : #CCCCCC 1px solid;
color : #FFFFFF;
float: left;
padding-bottom : 10px;
padding-left : 5px;
padding-right : 0px;
padding-top : 0px;
voice-family : inherit;
width : 50%;
margin-left=5px;
}

/* Stili dei link della sezione "left1" */

#left1 a {
background : #003399;
color :yellow;
}

#left1 a:hover {
background : #003399;
color : white;
font:bold italic;
}

#left1 a:visited {
background : #003399;
color : #808080;
}

/* Stile della sezione "right1" */
#right1 {
background-color : #003399;
border-bottom : #CCCCCC 1px solid;
border-left : #CCCCCC 1px solid;
border-right : #CCCCCC 1px solid;
border-top : #CCCCCC 1px solid;
color : #FFFFFF;
padding-bottom : 10px;
padding-left : 5px;
padding-right : 0px;
padding-top : 0px;
voice-family : inherit;
width : 100%;
margin-left=5px;
}