/* CSS Document */
/* http://www.ideavita.com */
/* Creato da AWD - Alex Web Designer - http://alexwd.altervista.org/ */

/* Foglio di stile sezione "L'Associazione" */

/* --- [ STRUTTURA ] --- */
/* --- AREA SUPERIORE/TITOLO --- */

div#linea3d {
	background: #3399CC url(../img/linea_3d_1.jpg) no-repeat;
}

div#foto {
	background: url(../img/foto_1.jpg) no-repeat;
}

div#titolo {
	background: url(../img/title_1.jpg) no-repeat;
}

/* --- AREA CENTRALE/CONTENUTI --- */
/* --- menu secondario --- */

div#menu2 li a:hover, div#menu2 li a:active {
	color: #3399CC;
	background: url(../img/freccia_1.gif) no-repeat center left; 
}
div#menu2 li.on {
	color: #3399CC;
	background: url(../img/freccia_1.gif) no-repeat center left;
}

/* --- area del contenuto --- */

/* -- Stili generici per tutte le pagine -- */

div#content a {
	font-weight: bold;
	color: #333;
}
div#content a:hover, div#content a:active {
	color: #3399CC;
}

h3 {
	font-size: 0.86em;
	font-weight: bold;
	color: #3399CC;
	text-align: right;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding-bottom: 2px;
	border-bottom: 1px solid #3399CC;
}
h4 {
	font-size: 0.86em;
	font-weight: normal;
	color: #333;
	text-align: right;
	margin-top: -15px;
	margin-bottom: 15px;
}

img.left { /* allinea le immagini a sinistra */
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
img.right { /* allinea le immagini a destra */
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
}

div#content p#autore { /* l'autore del testo */
	font-size: 0.62em;
	text-align: right;
}

div#content li {
	color: #333;
}

/* -- Pagina "index" -- */

div#citazione blockquote {
	background: url(../img/quote1a.gif) no-repeat top left; /* regola specifica per sezione */
}
div#citazione p#frase {
	background: url(../img/quote1b.gif) no-repeat bottom right; /* regola specifica per sezione */
}

/* -- Pagina "motivi.php" -- */

div#riquadromotivi {
	color: #333;
	background-color: #F8F8F8;
	padding: 0 10px;
  border-top: 2px dotted #CCC;	
  border-bottom: 2px dotted #CCC;
}
div#riquadromotivi p {
	text-align: left;
}
div#riquadromotivi p.titolo {
	font-size: 0.86em;
}
ul#intenti li, ul#proposte li {
	font-size: 0.76em;
	margin-bottom: 5px;
	line-height: 1.2em;
	list-style-type: disc;
}
ul#promotori li, ul#rassegna li {
	font-size: 0.76em;
	margin-bottom: 2px;
	line-height: 1em;
	list-style-type: circle;
}
ol#sottoproposte {
	margin-top: 5px;
}
ol#sottoproposte li {
	font-size: 1em;
	line-height: 1.1em;
	margin-bottom: 2px;
	list-style-type: decimal;
}

/* -- Pagine "storia90-99.php" e "storia2000.php" -- */

dl { /* lista per immagini con didascalia */
	font-size: 0.62em;
	color: #333;
	width: 160px; /* le due img sono larghe uguali (che culo) */
	text-align: center;
	margin: 0 0 5px;
}
dl.left { /* allinea la lista con l'immagine a sinistra */
	float: left;
	margin-right: 10px;
}
dl.right { /* allinea la lista con l'immagine a destra */
	float: right;
	margin-left: 10px;
}
dl dt {
	margin: 0;
	padding: 0 0 5px;
}
dl dd {
	margin: 0;
}
dl img { 
	display: block;
	margin: 0 auto;
}

/* -- Pagina "hannocollaborato.php" -- */

div.cornice {
	background: url(../img/cornice_testo.gif) bottom;
	padding-bottom: 5px;
}
div.cornice dl {
	font-size: 100%;
	color: #333;
	text-align: left;
	width: 100%;
	margin: 0;
}
div.cornice dt {
	font-size: 0.76em;
	font-weight: bold;
	background: #FFF url(../img/cornice_testo.gif) top;
	margin: 0;
	padding: 0 0 5px 10px;
}
div.cornice dt span {
	background-color: #FFF;
	padding: 0 3px 0 3px;
}
div.cornice dd {
	font-size: 0.76em;
	margin: 0;
	padding: 0 0 5px 13px;
}