@CHARSET "ISO-8859-1";
/************************************************************
	Il foglio di stile CSS per il template
	cmsWebsite
	
	Note:
	Fare attenzione che il CSS renda il documento sia in IE che in Firefox.
	Alcuni suggerimenti sono:
	- fare attenzione al problema del Box Model
	- fare attenzione al problema del mouse over
	
	Fare attenzione ad usare dimensioni relative (meglio se in em) per tutti 
	i contenuti testo. Anche per per i blocchi strutturali nel caso in cui 
	si vuole che possano essere variate in dimensione con il menu A+ A-
	Alcuni suggerimenti sono:
	- Impostare una misura di base (in px) nell'elemento body, tutte le altre misure 
	saranno poi relative a questa misura.
*************************************************************/

/************************************************************
	body
	*/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
	background-color: #DEDEDE;
	font-family: verdana,Georgia, "Times New Roman", Times, serif;
	font-size: 10px /* dimensione base */;
	}
	
/* Hack: solo per IE. 
   Rimedia l'errore del mouse over
   Qui la url è relativa alla posizione della pagina web che richiama il css */
body {
	behavior: url("../css/csshover2.htc");
	}
	/* /Hack */

/************************************************************
	div#cmsWebsite
	il div che contiene tutto
	*/
div#cmsWebsite {
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}

div#cmsWebsite.home {}

/************************************************************
	div#container
	il div, contenuto in cmsWebsite, 
	che contiene tutto e che crea la zona utile 
	della pagina, separandola dallo sfondo
	
	Nota: Qui non mettere indicazioni su font-size. Viene indicato runtime
	dalla funzione di aumento/diminuzione del font-size tramite javascript
	*/ 
div#container {
	width: 1020px;
	margin: 0px auto;
	text-align: left;
	/*background-color: #DEDEDE;*/
	}

/************************************************************
	div#header
	il div, che contenuto in div#container, 
	contiene la testata con i vari div#sub_header
	*/
div#header {
   width: 650px;
	height: 80px;
	margin-left: 150px;
	background-color: #FFFFFF;
	background-image: url(../../images/banner_convegno2010_1.gif);
	background-position: center;
	background-repeat: no-repeat;	
	}

div#sub_header_1 {
	display: none;
	}
	
div#sub_header_1 h1 {
	display: none;	
	}
	
div#sub_header_2 {
	display: none;
	}
	
div#sub_header_2 h1 {
	display: none;	
	}
	
div#sub_header_3 {
	display: none;
	}
	
div#sub_header_3 h1 {
	display: none;	
	}
	
/************************************************************
	div#siteMenu
	il div, che sta sotto div#header, 
	e che contiene le varie parti del menu
	*/	
div#siteMenu {	
	width: 150px;	
	background-color: #DEDEDE;
	margin-top: 0.1em; 	
	font-size: 1em;/*10px*/ 	
	float:left;
	/*position:static;*/
	}

div#sub_siteMenu_1 {
	display: none;
	}

div#sub_siteMenu_2 {
	display: block;
	}
	
div#sub_siteMenu_3 {
	display: none;
	}
	
div#siteMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
/*
div#siteMenu li {
	padding: 0px;
	margin: 0px;
	}
*/
	

div#siteMenu ul li a {
   width: 133px;
	display: block;
	height: 2.2em; /*22px;*/ /* vedi hack per IE */
	padding: 0.4em 0.08em 0.08em 0.32em; /*10px 2px 2px 8px;*/
	border-left: 12px solid #EDEDED;
	border-right: 1px solid #DEDEDE;
	background-color: #FFFFFF;	
	color: #666666;
	text-decoration: none;
	}

/* Hack: solo per IE. 
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html div#siteMenu ul li a {
	height: 3.8em; /*35px;*/
	width: 150px;
	}
/* /Hack */


div#siteMenu ul li a:hover {
	border-left: 12px solid #CC0000;
	background-color: #CC0000;
	color: #FFFFFF;
	}
div#siteMenu li {
	position: relative;
}	

div#siteMenu ul ul {
	position: absolute;
	top:0;
	left: 100%;
	width: 100%;
	display: none;
}	

div#siteMenu ul li:hover ul {
	display: block;
}

div#siteMenu ul li:hover ul ul {
	display: none;
}	
div#siteMenu ul li:hover ul ul ul {
	display: none;
}		

div#siteMenu ul li:hover ul li a {
  	background-color: #660000;
	color: #FFFFFF;	
	}

	
/* HOLD CODE*/
/* --------------------------------START	
div#siteMenu ul li {
	float: left;
	position: relative;
	}

div#siteMenu ul li ul {
	display: none;
	
	}
	
div#siteMenu ul li:hover ul {
	display: block;
	}
	
div#siteMenu ul li:hover ul li a {
   border-left: 12px solid #DEDEDE;
	border-right: 0px solid #DEDEDE;
	background-color: #990000;
	color: #FFFFFF;
	
	}

div#siteMenu ul li:hover ul li a:hover {
   background-color: #660000;
	color: #FFFFFF;;
	}
	
div#siteMenu ul li:hover ul li ul {
	display: none;
	}
	
div#siteMenu ul li ul li:hover ul {
	display: none;
	}
	
div#siteMenu ul li ul li:hover ul li ul {
	display: none;
	}

div#siteMenu ul li ul li ul li:hover ul {
	display: none;
	}

div#siteMenu ul li ul li ul li:hover ul li ul {
	display: none;
	}

div#siteMenu ul li ul li ul li ul li:hover ul {
	display: none;
	}
-------------------------------------------------END */
	
/************************************************************
	div#buffer
	il div, che sta sotto div#menu, 
	e che contiene il submenu
	*/

div#buffer {
	/*width: 650px; /* vedi hack per IE */
	/*height: 2em; /* vedi hack per IE */	
	/*text-align: right;
	float: right;
	background-color: #EDEDED;
	color: Black;	*/
	display: none;
	}
	
/* Hack: solo per IE.
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html div#buffer {
	/*width: 650px;
	height: 2em;*/
	display: none;
	}
/* /Hack */	

/************************************************************
	div#mainContent
	il div, che viene dopo il div#submenu, e che contiene il contenuto principale
	*/

div#mainContent {
   border-top: 1px solid #cccccc;
	width: 630px;
	padding: 10px;
	float: left; 
	background-color:#FFFFFF;	
	color: #646464;
	line-height: 1.8em;	
}
/* Hack: solo per IE.
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html div#mainContent {
	width: 650px;
	}
/* /Hack */	

div#mainContent h1{
	display: none;
}
div#mainContent p {
	margin: 0;
	color: #333333;
	font-size: 1.1em;
	line-height: 1.5em;
	/* margin-bottom: -10px; */
}
div#mainContent p a:link {
	text-decoration: none;
	color: #cc0000;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
}

div#mainContent p a:visited {
	text-decoration: none;
	color:  #cc0000;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
}

div#mainContent p a:hover {
	color:  #cc0000;
	text-decoration:none;
	font-weight: normal;
}

div#contentMenu ul {	
	float: right;
	display: inline;
	margin: 0px;
	padding: 0px;
	
}
div#contentMenu li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

div#contentMenu ul a {	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;	
	line-height: 1.1em;
	text-decoration: none;
	color: Black;	
}
div#contentMenu ul a.selected {
	margin-left:10px;
	display: inline;
	margin-right: 5px;	
	font-weight: bolder;
	color: Black;
}
div#contentMenu ul a.notactive {
	display: none;
}
div#contentMenu ul .componentinfo {
	display: none;
}

/************************************************************
	div#sideContent
	il div, che viene dopo il div#mainContent, e che contiene il contenuto a bordo
	*/
div#sideContent {
	display: inline;
	width: 220px;
	float: right;
	}

div#sideContent img{
	padding-left: 5px;
	}
	
	
/************************************************************
	div#footer 
	il div, che viene dopo il div#mainContent, 
	e che contiene il piede
	*/
div#footer {
	clear: both;
	padding-left: 134px;
	width: 650px; /* vedi hack per IE */
	height: 60px; /* vedi hack per IE */
	background-position: top;
	background-repeat: no-repeat;
	margin-bottom: 50px;
	margin-top: 0px;
	text-align: center;
	font-size: 0.9em;
	color: #666666;
}

/* Hack: solo per IE. 
   Rimedia l'errore del Box Model (Box Model Problem)
   (per IE width/height effettivo = width/height + margin + padding) */
* html div#footer {
	width: 784px;
	
	}
/* /Hack */

div#footer p {
	margin: 0;
	padding: 10px 0;
}
div#footer a:link {
	text-decoration: none;
	color: #999999;
}
div#footer a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}
div#footer a:visited {
	text-decoration: none;
	color: #999999;
}