/*QUESTO LAYOUT SERVE PER LIQUIDO A DUE COLONNE
LA COLONNA DI SINISTRA E' FONDAMENTALE PER SPINGERE IL FOOTER VERSO IL BASSO*/


/*Eliminiamo i margini e il padding predefiniti dal browser per il tag BODY, 
eliminiamo anche gli horizontal-rule, inutili nel layout che realizzeremo.*/
body {
	margin:0;
	padding:0;
	text-align:center;
	background-attachment: scroll;
	background-image: url(../images/bg_01.jpg);
	background-repeat: repeat;
	background-position: left top;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
html { font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px;color:#000;}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Fra le varie sezioni sono stati inseriti degli HR, 
il cui scopo è quello di evidenziare la separazione dei contenuti 
anche quando il browser non è in grado di leggere o interpretare il foglio di stile.*/
hr { display:none;} 
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*questi sono i div che compongono il corpo centrale del mio sito
Per posizionare le colonne laterali in maniera assoluta, 
prendendo come riferimento la sezione #corpo, 
quest'ultima deve essere posizionata in maniera relativa.

#corpo*/
div#header {
	width:806px;
	height:90px;
	margin:0 auto;
	text-align:right;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 0 0;
	background-image: url(../images/top_02.jpg);
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*#banner*/
div#banner {
	width:806px;
	margin:0 auto;
	text-align:left;
	background-attachment: scroll;
	background-image: url(../images/bg-top_07.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*#menu*/





/*-----------------------------------------------------------------------------------------------------------------------------------*/
div#corpo {
	width:806px;
	margin:0px auto ;
	text-align:left;
	position:relative;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
div#footer {
	width:806px;
	margin:0 auto;
	text-align:center;
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFFFFF;
	font-size:11px;
	background-attachment: scroll;
	background-image: url(../images/footer_18.jpg);
}

#menufooter {margin:0px auto;text-align:center; padding:40px 0px 15px 0px;}

div#tencom {margin:0px auto;text-align:right; font-size:11px; padding-right:20px; padding-bottom:20px;}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Adesso è possibile posizionare le colonne laterali. 
La prima colonna sarà posta a sinistra e larga ....... pixel*/
#left {width:350px; height: auto !important; height: 360px; min-height: 350px; padding:0 0 0 35px;}

#left h1 {font-size:14px;}

#breadcrumbs {width:450px;margin-bottom:20px;}

#title {
	width:450px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom: 1px dashed #CCCCCC;
	color: #fff;
}

#descriptions {width:450px;margin-bottom:30px; height: auto !important; height: 120px; min-height: 120px; color:#FFFFFF;}
#descriptions2 {width:450px;margin-bottom:15px; color:#FFFFFF;}

#textdescriptions{margin:5px 0 0px 0; text-align:justify;}

#more{ text-align:right;}

#descriptions img{margin: 0 10px 10px 0px; border: 1px solid #CCCCCC;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*La seconda colonna avrà il width pari a i pixel rimanenti per chiudere il corpo 
e il right pari a zero che lo spinge dall'altra parte del corpo*/
#right {position:absolute;top: 0; right: 0;width:240px; padding-right:20px;}

#calendar {width:240px;}

#calendar p {font-size:14px; padding:00px 10px 10px 10px;}

#calendar img{margin:0 0 10px 0;}

.descriptionright{ text-align:justify; padding:5px 0 15px 0;}

#donations {width:240px; margin-top:20px;}

#donations img{margin:0 0 10px 0;}

.descriptionright{ text-align:justify; padding:5px 0 15px 0;}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*generic classes*/

p,h1,h2,h3 {padding:0px;margin:0px;}

img {border:0px;}

.textmiddle {vertical-align:middle;} 

img {border:0px;}

.textmiddle {vertical-align:middle;} 

.redbold11 {font-size: 11px;font-weight: bold;color: #CC3300;}

.redbold12 {font-size: 12px;font-weight: bold;color: #CC3300;}

.yellow {color: #CCCC66;}

.bold {font-weight: bold;}

.size14 {font-size: 14px;}

.yellow14 {font-size: 14px;color: #CCCC66;}

ul{ margin-left: 10px; padding-left: 10px;}

li{ margin: 5px; }

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*a classes*/

a {color:#009966;text-decoration:none;}

a:hover {text-decoration:underline;}

a.red { color:#CC3300;text-decoration:none;}

a.red:hover {text-decoration:underline;}

a.yellow { color: #FFCC00;text-decoration:none;}

a.yellow:hover {text-decoration:underline;}

a.white { color: #FFf;text-decoration: none; border-bottom: None;}

a.white:hover {color: #CCCC66; text-decoration: None; border-bottom: Dashed 1px #CCCC66;}

a img {border-width: 0px;text-decoration:none;}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Site map section*/

#sitemap { width:450px; border-bottom:dashed #CCCCCC 1px; padding:0 0 5px 10px; margin-top:20px; font-size:14px;}

ul.sitemap{ margin-top: 5px; padding-left: 10px;}

li.sitemap{ padding-top: 5px; }