/* 

	DiPASSI
	Dipartimento di Protezionistica Ambientale, Sanitaria,
	Sociale ed Industriale dell'Universita' di Messina

	Foglio di stile per le pagine del sito del Dipartimento
	(c) Carlo Sansotta, 2003-2004

	Thanks to: CoD, Marcolino, D-Web, Syme++

	NOTA: questo css mostra le scritte che sono per non vedenti
	e che vengono normalmente lette dai browser vocali. 
	Navigando il sito con un browser vocale o con un browser testuale 
	si ottiene lo stesso effetto di questo css (colori esclusi, ovviamente).

*/

/*----------------------*/
/*	impostazione pagina	*/
/*----------------------*/
body 
	{ 
	background-color: #FFFFFF; 
	color: #000000; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* font senza grazie */ 
	font-size: 0.8em; 
	font-weight: lighter; /* facilita la lettura, poi viene ridefinito in <strong> */ 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	} 

div#pagina 
	{ 
	width: 100%; 
	margin: 1em auto; 
	} 

div#pagina div#header 
	{ 
	position: relative; 
	height: 100px; 
	color: #ffffff;
	background-color: #002266; 
	} 

div#pagina div#header h1 
	{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* font senza grazie */ 
	font-size: 1.5em; 
	padding-left: 1em; 
	padding-right: 1em; 
	text-align: left; 
	color: #ffffff;
	background-color: #002266; 
	} 

div#pagina div#header h2 
	{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* font senza grazie */ 
	font-size: 1.0em; 
	padding-left: 1em; 
	padding-right: 1em; 
	text-align: right; 
	color: #ffffff;
	background-color: #002266; 
	} 

div#pagina div#menu 
	{
	color: #000000;
	background-color: #5FBBCB;
	padding: 5px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	}

div#pagina div#corpo 
	{ 
	position: relative; 
	width: 90%; 
	margin : 2px; 
	padding: 4px; 
	padding-left: 2em; 
	padding-right: 2em; 
	text-align: left; 
	background-color: #FFFFFF; 
	} 

div#pagina div#footer 
	{ 
	position: relative; 
	bottom: 0; 
	height: 20px; 
	width: 100%; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	text-align: right; 
	font-size: 0.7em; 
	background-color: #EEEEEE; 
	} 

/*----------------------------------*/
/* modifica di vari elementi <tags> */ 
/*----------------------------------*/
p 
	{
/* dimensionamento del campo occupato dal paragrafo */ 
	margin-top: 10px; 
	margin-bottom: 10px; 
	} 

p:first-letter 
	{
/* prima lettera sempre maiuscola e in grassetto */ 
	text-transform: uppercase; 
	font-weight: bold; 
	} 

strong 
	{
/* il testo è strong */ 
	font-weight: bold; 
	} 

img 
	{
/* le immagini non hanno mai il bordo */ 
	border: none; 
	} 

hr 
	{
/* le righe orizzontali non sono mostrate */ 
	display: none; 
	} 

fieldset
	{
/*	sposta dal bordo	*/
	padding: 10px;
	}

/*------*/
/* Link */
/*------*/
a 
	{
	color: #000000;
	background-color: transparent;
	font-style: normal;
	font-weight: normal;
	}

a:visited 
	{
	color: #333300;
	background-color: transparent;
	font-style: normal;
	font-weight: normal;
	}

a:hover 
	{
	color: red;
	background-color: transparent;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	}

a:active 
	{
	color: #333300;
	background-color: transparent;
	font-style: normal;
	font-weight: normal;
	}

/*==============================*/
/* impostazioni per non vedenti */
/*==============================*/
.Aural 
	{ 
	background: #ffffff; 
	color: #ff0000; 
	font-weight: bold;
	}

/*-----------------------*/
/* impostazioni dei link */
/*-----------------------*/
a.NavBar 
	{
	display: inline; 
	background: transparent; border: 1px solid #000000; 
	margin-left: 0.5em; margin-right: 0.5em; 
	padding-left: 0.5em; padding-right: 0.5em;
	font-size: 110%; color: #000000; 
	text-decoration: none;  
	}

a.NavBar:hover 
	{
	display: inline;  
	background: #4244A2; border: 1px solid #ffffff; 
	margin-left: 0.5em; margin-right: 0.5em; 
	padding-left: 0.5em; padding-right: 0.5em;
	font-size: 110%; color: #ffffff; 
	text-decoration: none; 
	}