/********************* Inizio file CSS ****************************
*
********************** Corpo del documento ****************************/

body { 
	background-image:url(images/background.jpg);						/*  immagine di sfondo da ripetere su tutta la pagina */
	font-family: Arial,Helvetica,Verdana,Times;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;									
}
H5 { 
	font-family: Arial,Helvetica,Verdana,Times;
	font-size: 12px;
	color: #000080; 																				
}
H3 { 
	font-family: Arial,Helvetica,Verdana,Times;
	font-size: 18px;
	font-weight: bold;
	color: #FFFF00	;
}
H2 { 
	padding: 10px 20px 10px 20px;
	font-family: Arial,Helvetica,Verdana,Times;
	font-size: 16px;
	color: #00FFFF;
	text-align: justify;	
}
H1 { 
	font-family: Arial,Helvetica,Verdana,Times;
	font-size: 20px;
	color: #FFFF00; 																				
}
* { 
	margin: 0px;padding: 0px;
}
p {
	padding: 10px 20px 10px 20px;
	font-family: Arial,Helvetica,Verdana,Times;
	font-size: 12px;
	color:#FFFFFF;																					/* colore del testo dentro i box */
	display:block;
	text-align: justify;	
}
pre {
	padding: 10px 20px 10px 20px;
	font-family: Arial,Helvetica,Verdana,Times;
	font-size: 12px;
	color:#FFFFFF;																					/* colore del testo dentro i box */
	display:block;
	text-align: justify;	
}
a {
	font-family: Arial,Helvetica,Verdana,Times;
	font-size: 14px;
	font-weight: bold;
	color:#000080; 																				/* colore dei menu */
}
ol {
	padding: 10px 10px 10px 40px;
	font-family: Arial,Helvetica,Verdana,Times;
	font-size: 12px;
	color:#FFFFFF;																					/* colore del testo dentro un elenco numerato */
	display:block;		
}
#container {																							/* Spazio utilizzabile */
	margin: 0px auto;
	text-align: left;
	width: 960px;
}
#header {																								/* Immagine del logo di inizio pagina - Montagne, Stemma CAI, San Matteo - Impostare giā l'immagine nella dimensioni corrette */
	height:250px;
	width:960px;
	background-image:url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: top center;												/* Se l'immagine č < di 960 px provvede a centrarla ad inizio pagina */
}
#content {
}
#left {																									/* Area testuale a sinistra - 192 px */
	width:192px;
	float:left;
}
#middle {																								/* Area testuale centrale - 550 px */
	margin-left:206px;
	margin-right:196px;
	width:550px;
}
#middle2 {																								/* Area testuale centrale - 550 px */
	width: 750px;
}
#right {																									/* Area testuale ( foto ) a destra - 192 px */
	width:192px;
	float:right;
}
hr {																									/* Area testuale ( foto ) a destra - 192 px */
	width:192px;
	color:#FFFF80;
}
/********************* Colonna lato sinistro - Notizie varie, collaborazioni etc  ****************************/
.menuheader {
	width:192px;
	height:37px;
	background-image:url(images/menutop.jpg);							/* immagine da utilizzare nell'intestazione di colonna */	
	display:block;
/*	background-color:#FFFF00; */													/* colore da utilizzare nell'intestazione di colonna */
}
.menuheader h3 {
	padding: 10px 0px 0px 20px;
}
.menucontent {
	padding-top:10px;										 
	width:192px;
	background-image:url(images/menumiddle.jpg);						/*	Se necessario aggiungere anche -> background-repeat: repeat; */
/*	background-color:#000000; */												/* colore da utilizzare nel testo di colonna */
}
.menu2content {
	padding-top:10px;										 
	width:750px;
	background-image:url(images/post2middle.jpg);						/*	Se necessario aggiungere anche -> background-repeat: repeat; */
/*	background-color:#000000; */												/* colore da utilizzare nel testo di colonna */
}
.menufooter {
	width:192px;
	height:15px;
	background-image:url(images/menubottom.jpg);					/* immagine da utilizzare al termine della colonna */		
	display:block;	
/*	background-color:#FFFF00; */													/* colore da utilizzare nel finale di colonna */
}
.postheader,.menuheader
{
	color:#FFFFFF; 																					/* colore non definito ???? - text-transform: uppercase;*/
}
/********************* Colonna centrale - Notizie di maggior rilievo ****************************/
.post {
	margin-bottom:15px;
}
.postheader{
	width:550px;
	height:33px;
	background-image:url(images/posttop.jpg);								/* immagine da utilizzare nell'intestazione della colonna centrale */		
	display:block;
/*	background-color:#F0FFFF; 	*/												/* colore da utilizzare nell'intestazione di colonna */
}
.postheader h1 {
	padding: 7px 0px 0px 20px;
	text-align: center;
}
.postcontent {
	padding: 20px 0px;
	background-image:url(images/postmiddle.jpg);						/* Immagine da utilizzare nel corpo della colonna centrale */ 
/*	background-color:#000000; */												/* colore da utilizzare nel testo di colonna */
}
.postfooter {
	width:550px;
	height:15px;
	display:block;	
	background-image:url(images/postbottom.jpg);						/* Immagine da utilizzare nel finale della colonna centrale */ 
/*	background-color:#FFFF00; */													/* colore da utilizzare nel finale di colonna */			
}
/********************* Colonna centrale allargata ****************************/
.post2 {
	margin-bottom:15px;
}
.post2header{
	width:750px;
	height:33px;
	background-image:url(images/post2top.jpg);								/* immagine da utilizzare nell'intestazione della colonna centrale */		
	display:block;
/*	background-color:#F0FFFF; 	*/												/* colore da utilizzare nell'intestazione di colonna */
}
.post2header h1 {
	padding: 7px 0px 0px 20px;
	text-align: center;
}
.post2content {
	padding: 20px 0px;
	background-image:url(images/post2middle.jpg);						/* Immagine da utilizzare nel corpo della colonna centrale */ 
/*	background-color:#000000; */												/* colore da utilizzare nel testo di colonna */
}
.post2footer {
	width:750px;
	height:15px;
	display:block;	
	background-image:url(images/post2bottom.jpg);						/* Immagine da utilizzare nel finale della colonna centrale */ 
/*	background-color:#FFFF00; */													/* colore da utilizzare nel finale di colonna */			
}
/********************* Menu iniziale del sito ****************************/
#header{
	position: relative;
}
#header ul{
	position: absolute;
	top:220px;																						/* Distanza del menu superiore dal top di pagina  */
	left:200px;																						/* Distanza del menu superiore dal lato sinistro */
	display:block;	
}
#header ul li{
	display: inline;
	text-align: center;
	margin: auto;
	width: auto;
	border-right: 2px solid #FF0000;													/* colore della barretta di separazione menu in alto  */
}
.first{
	border-right: 5px solid #FF0000 !important;								/* colore della barretta di separazione iniziale di entrambi i menu ( alto e basso )  */
}
.last{
	border-right: 5px solid #FF0000 !important;								/* colore della barretta di separazione finale di entrambi i menu ( alto e basso )  */
}
#header ul li a {
	padding: 0px 10px;
	text-align: center;
	text-decoration: none;
	display: inline;
	text-transform: uppercase;															/* Maiuscolo delle descrizioni del menu superiore  */
}
#header ul li a:hover {
	text-decoration: underline;
}
/********************* Pič di pagina ****************************/
#footer{
	position:absolute;
	left:0px;
/*	top:550px; */
}
#footer ul{
	margin-left:350px;
	display:block;	
}
#footer ul li{
	display:inline;
	text-align:center;
	margin:auto;
	width:auto;
	border-right: 2px solid #FF0000;													/* colore della barretta di separazione menu in basso  */
}
#footer ul li a{
	display:inline;
	text-align:center;
	text-decoration:none;
	padding: 0px 10px;
	text-transform: uppercase;															/* Maiuscolo delle descrizioni del menu inferiore  */
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer span{																						/* Caratteristiche della riga di copyright  */
	color:#008000; 
	font-family: Arial,Helvetica,Verdana,Times;
	font-size: 12px;
	text-align: center; 
	width: 960px;
	display: block;
	padding: 20px 110px;
}
/********************* Colonna di sinistra ****************************/
.menu ul {
	list-style-position: inside;
	list-style-type: disc;
	padding: 0px 0px 0px 10px;
}
.menu ul li {
	padding-top: 5px;
	color:#FF0000;																						/* Colore dei simboli del menu di sinistra  */
}
.menu ul li a {																							
	padding: 0px;
	color:#FFFFFF;																						/* Colore del menu di sinistra  */
	text-decoration: none;
}
.menu ul li a:hover {
	text-decoration:underline;
}
/********************* Colonna di destra ****************************/
.member {
	display:inline;
	float:left;
	margin-left:20px;
}
.member span {
	display:block;
	text-align:center;
	padding: 2px 0px 13px 0px;
}
.member img {
	height: auto;
	width: auto;
	border: solid 2px #FF0000;	
}
.clear{
	clear:both;
}
/********************* Colonna foto centrale piccole ****************************/
.member2 {
	display:inline;
	float:left;
	margin-left:8px;
}
.member2 span {
	display:block;
	text-align:center;
	padding: 2px 0px 13px 0px;
}
.member2 img {
	height: auto;
	width: auto;
	border: solid 1px #FF0000;	
}
.clear2{
	clear:both;
}
/********************* Colonna foto centrale grande ****************************/
.member3 {
	display:inline;
	float:left;
	margin-left:20px;
}
.member3 span {
	display:block;
	text-align:center;
	padding: 2px 0px 13px 0px;
}
.member3 img {
	height: auto;
	width: auto;
	border: solid 2px #FF0000;	
}
.clear3{
	clear:both;
}
/********************* F I N E ****************************/