/*  ID display da il nome e le caratteristiche alla div che contiene il corpo della pagina (i contenuti)  */
#display {width: 600px;}
#display h3 { margin: 0px;  padding: 15px 0px 15px 0px;}
/* ID tleft da il nome e le caratteristiche alla colonna sinistra */
#tleft {
	width: 200px;
	background-color: #D74C10;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
/* ID tright da il nome e le caratteristiche alla colonna destra */
#tright {
	width: 200px;
	background-color: #F4E77D;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFF;
}
/* Nel css è possibile dare le stesse caratteristiche a molteplici id o classi elencandoli con la virgola */
#tleft, #tright {
	margin: 1px;
}

/* -------------- INIZIO TAG HTML -----------------------  */
/* Definizione di tutta la pagina html */
html {
	height: 100%;
	margin: 0 auto;
	margin-bottom: 1px;
	margin-top:0px;
	font-size:2em;
	/*verde acceso*/
	color: #333;
}
/* definizione dei font e alterzza linea per corpo pagina e td tabelle */
body,td {
	line-height: 135%;
	font-family: Helvetica, Arial, sans-serif;
	padding:1px;
	vertical-align:top;
}
/* definizione spazi e sfondo della pagina */
body { margin: 0 auto; padding: 0; background: #1e52b8 ; }
/* le seguenti classi sono definite per organizzare tutte le parti html della pagina  */
table,td { border-style:none; }
table {	width:100%; margin:0px; border-collapse:collapse; }
p { margin-top: 10px; margin-bottom: 15px;}
h1, h2, h3, h4 {
	padding-bottom: 5px;
	margin: 25px 0;
	font-family: Arial, Helvetica, sans-serif;
}
h1 { font-size: 200%; }
h2 {font-size: 175%;}
h3 { font-size: 150%;}
h4 {font-size: 120%;}
a { text-decoration: none;}
a:hover { text-decoration: none;}
a,h2  {
	color: #333;
}
a,h3  {
	color: #33;
}

a.nounder { text-decoration: none; border: 0; cursor: pointer;}
a.nounder:hover { text-decoration: none;}
/* ---------------------------- FINE TAG HTML ------------------------------ */

/* ------------------------ INIZIO TAG DIMESIONE FONT ---------------------------- */
body.f-smaller {	font-size: 10px; }
body, body.f-default { font-size: 12px;}
body.f-larger { font-size: 15px;}
/* ------------------------ FINE TAG DIMENSIONE FONT ---------------------------- */

/* -------------------------- INIZIO HEADER ---------------------------- */
/* ID header da il nome e le caratteristiche alla testata della pagina  qui potete cambiare le dimensioni, allineamento, altezza, sfondo */
#header{ width: 1000px; height: 111px; margin: 0 auto; padding: 0;   }
/* definizioni del posizionalmeno Logo */
#logo-space { text-align: left; position: relative; padding-left: 0px; height: 111px; border: 0; float: left; }
#logo {
	background-image: url(logo.png);
	border: 0px;
}
/* ID banner da il nome e le caratteristiche al blocco banner che si trova di fianco al logo  */
#banner { float: right; margin: 0px;}
/* -------------------------- FINE HEADER ---------------------------- */

/* -------------------------- INIZIO INFOPAGE ---------------------------- */
/* InfoPage */
/* ID InfoPage da il nome e le caratteristiche alla barra delle informazioni qui potete cambiare le dimensioni, allineamento, altezza, sfondo */
#InfoPage {
	width: 1000px;
	line-height: 0px;
	padding-left:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FfF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	}
/* Queste due classi sono applicate ai testi che compaiono a sinistra e destra nella InfoPage */
.InfoLeft {
	padding-left: 5px;
	text-align: left;
	line-height: 38px;
	width: 50% auto;
	color: #CCC;
	font-weight: bold;
}
.InfoRight {padding-right: 5px; text-align: right; line-height: 38px; width : 50% auto; color: #CCC;
	font-weight: bold;}
/* Questa classe è applicata alle informazioni data e autore che compaiono sotto le  notizie */
.InfoNews { font-size: 9px; margin: 0 auto; margin-top: 0px; margin-bottom: 5px; padding: 0px; text-align: left;}
/* -------------------------- FINE INFOPAGE ---------------------------- */

/* -------------------------- INIZIO MAINPAGE ---------------------------- */
/* ID MainPage da il nome e le caratteristiche al blocco pagina con le 3  o 2  colonne qui potete cambiare le dimensioni, allineamento, altezza, sfondo */
#MainPage
{
	/* width: 780px; */
	width: auto;
	margin: 0 auto;
	background-color: #F2F2F2;
}

/* -------------------------- INIZIO DEFINIZIONE COLONNE ---------------------------- */
/* Ripetizione degli ID tLeft e tRight per applicare stili grafici del template in uso come ad esempio il background nella colonna a destra o le spaziature in quella a sinistra */
/*  tLeft*/
#tleft{
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*background-color: #333;*/
}
/*  tRight*/
#tright{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;	/*background-color: #333;*/
}
#tright h3 {
	color: #666;
	top: 0;
	left: 0;
	font-size: 140%;
	font-weight: bold;
	line-height: 15px;
	/*background: url(img/content-icon.gif) top left no-repeat;*/
	padding-left: 0px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 25px 0 10px 0;
}	
#tleft h3 {
	color: #fff;
	top: 0;
	left: 0;
	font-size: 140%;
	font-weight: bold;
	line-height: 15px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 25px 0 10px 0;
}	
/* -------------------------- INIZIO MENU ---------------------------- */
#MainMenu h3 {
	display: none;
}
a.myTD { display: block;	line-height: 25px; text-indent: 28px; height: 25px; font-family: Century Gothic, Arial, sans-serif; font-size: 110%; text-decoration: none;}
/*definizione menu a sinistra*/
ul.menulist a, a.myTD {
	top: 0;
	left: 0;
	/* -------------------------- colore testo menu sinistra ---------------------------- */
	color: #fff;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}
ul.menulist { margin: 0; padding: 0;}
ul.menulist li { list-style: none; margin: 0; padding: 0;}
ul.menulist a:hover { text-decoration: none;}
ul.menulist li.active li a { font-weight: normal;}
ul.menulist span { display: block;}
ul.menulist a { display: block; line-height: 25px; text-indent: 30px; height: 25px; font-family: Century Gothic, Arial, sans-serif; font-size: 110%;}
ul.menulist a:hover {
	text-decoration: none;
	color: #006;
}
/* -------------------------- FINE MENU ---------------------------- */
/* -------------------------- FINE DEFINZIONE COLONNE ---------------------------- */
/* -------------------------- FINE MAINPAGE ---------------------------- */

/* ----------------------------- INIZIO FOOTER -------------------------------- */
/* ID footer da il nome e le caratteristiche al piede della pagina  qui potete cambiare le dimensioni, allineamento, altezza, sfondo */
#footer {
	margin: 0 auto;
	width: 1000px;
	text-align: center;
}
img#bweb { width: 23px; height: 20px; background: url(img/4bweb.gif) 0 0 no-repeat;}
.footer {
	/* Questo è il codice orinale*/
	background-color: #E2007A;
	border: 1px solid #000;
	margin-top: 5px;
	padding: 0px;
	text-align: center;
	width: 90%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	/*Questo codice genera le 2 righe fucsia, verificare ed eventualmente cancellare
	
	width:auto;
	line-height: 150px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F;*/
}
.alt{ display: none;}
/* ------------------------ FINE FOOTER ---------------------------- */

/* ------------------------ INIZIO CALENDARIO ------------------------ */ 
#calendario h3 {display: none;}
#calendarbox { background-color: #104867; color: #ecf3f8; font-size: 115%; margin-top: 10px;}
#CalendarioTabella { background-color: #ecf3f8;}
#thisweek { background-color: #d7e3f0; border: 1px solid #104867; margin: 0 auto; margin-top: 10px; padding: 5px; text-align: center; width: 90%;}
#thisweek a { color: #104867;}
/* ------------------------ FINE CALENDARIO ------------------------ */ 
/*BitForum----------

.tablelineHover {	border: maroon thin;
	font-size: 11px; text-align: left;
	color: #666666; background-color: #FF0000; }

.tablelineHover a { }

.myTitleForum { 	font-size: 12px; font-weight: bolder;	letter-spacing: 2px;  text-indent: 5px; 
		color: black; background-color: #E1E8F3; }
	
.myTitleForum a{color: black}