/*
Autore   : Informinds Consulting
Data     : 19/09/2007
Progetto : CSS per il sito del Rotary di Fabriano
*/

body
{
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
 	margin:0 auto;
 	padding:0px;
	color: #0135ac;
	background: #FEF5D5;
}

/*
   Contenitore complessivo della pagina.
*/
div#container
{
	width: 955px;
	height:649px;
	margin: 0 auto;
	text-align: left;
   border-left:   1px solid #000;
   border-right:  1px solid #000;
	border-bottom: 1px solid #000;
	border-top:    1px solid #000;
}

/*
   Header grafico della pagina.
*/
div#header
{
	background-color:#36C;
	background: url(images/header.jpg);
	color: #ff0;
	height:99px;
	overflow:hidden;
}

/*
   Menu di navigazione del sito.
*/
div#navigation
{
	float:left;
	position:relative;
	overflow:hidden;
	width: 255px;
   height:535px;
	background-color:#fff;
}

/*
  E' l'immagine di raccordo della testata con il menu di navigazione a sinistra.
*/
div#menu-background
{
	background: url(images/menu-background.jpg);
	float:left;
	position:relative;
	overflow:hidden;
	width: 255px;
	height:54px;
	background-color:#dbe5ee;
}

/*
   Sezione dei contenuti principali della pagina.
*/
div#content
{
   float:left;
	width: 640px;
	height:499px;
	overflow: auto;
	background-color: #fff;
	color:#0135ad;
	padding-top:35px;
	padding-left:20px;
	padding-right:40px;
	font-size: 13px;
}

div#content h1
{
	text-align: justify;
	font-size:13px;
}

div#content h1.error
{
	text-align: justify;
	font-size:13px;
	color: Red;
}

div#content h2
{
	text-align: justify;
	font-size:13px;
}

div#content p
{
	text-align: justify;
	font-size:13px;			
}

div#content p.clear-right
{
	text-align: justify;
	font-size:13px;
	clear:right;
}

div#content p.center
{
	text-align: center;
	font-size:13px;
}

div#content a
{
	color:#0135ad;
	outline:0;
	text-decoration:none;
}

div#content a:visited
{
	color:#0135ad;
}

/*
   I due elementi width 420 servono per ottenere un layout con testo giustificato a sinistra largo 420 pixel in 
	modo da avere a destra spazio per le foto.
*/
div.width420
{
	text-align: justify;
	font-size:13px;
	width:420px;
}

h1.width420
{
	text-align: justify;
	font-size:13px;
	width:420px;
}

/*
   Stile per un div che contiene foto e testo a destra dell'elemento  width420
*/
div.fotoDx
{
	width:160px;
	float:right;
	text-align:center;
}

div#content news-right
{
	text-align: justify;
	font-size:13px;
	width:100px;
}

div#content-left
{
   float:left;
	width: 492px;
	height:100%;
}

div#content-left h1
{
	text-align: justify;
	font-size:13px;
}

div#content-left h2
{
	text-align: justify;
	font-size:13px;
}

div#content-left p
{
	text-align: justify;
	font-size:13px;
}

/*
   Footer della pagina.
*/
div#footer
{
	width:955px;
	height:15px;
	clear:both;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	text-align:center; 
   background-color: #fff; 
	font-size:11px;
	color:#0135ad;	
}

div#footer a
{
	text-decoration:none;
	outline:0;
}

div#footer a:visited
{
	color:#0035ac;
	outline:0;
}

/*
   Sezione di sfondo blu del footer.
*/
div.blu-footer
{
	float:left;
	background-color:#0135ad;
	height:15px;
	width:219px;
}

/*
   Stili da utilizzare per il menu a sinistra.
*/
div#navigation a
{
	text-align: left;
	float: left;
	width:192px;
	height:14px;
	font-size: 13px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	background: #0135ad;
	color: #fff;
	text-decoration:none;
	outline:0;
	padding: 7px 2px 9px 25px;
}

div#navigation a:hover 
{
	color: #fed64d;
}

div#navigation a.active
{
	text-align: left;
	float: left;
	width:192px;
	height:14px;
	font-size: 13px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	background: #0135ad;
	color: #fff;
	outline:0;
	padding: 7px 2px 9px 25px;
	text-decoration:underline;
}

div#navigation a.active:hover 
{
	color: #fed64d;
}

div#navigation a.white 
{
	text-align: left;
	float: left;
	width:209px;
	height:14px;
	font-size: 13px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	background: #fff;
	color: #0135ad;
	text-decoration:none;
	padding: 7px 2px 9px 25px;
}

div#navigation a.white-active 
{
	text-align: left;
	float: left;
	width:192px;
	height:14px;
	font-size: 13px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	background: #fff;
	color: #0135ad;
	text-decoration:underline;
	padding: 7px 2px 9px 25px;
}

div#navigation a.white:hover 
{
	color: #fed64d;
}

/*
   Sezione di sfondo blu tra i link del menu e il footer nel div navigation.
*/
div.blu-menu
{
	float:left;
	background-color:#0135ad;
	height:181px;
	width:219px;
}

/*
   Stile per il logo con il tema dell'anno.
*/
div.blu-menu img
{
   padding-top:70px;
	padding-left:15px;
	float: left;
}

/*
   Stili per il menu che deve comparire in alto sulla testata.
*/
div#menu-superiore
{
	width:650px;
	height:20px;
	float:left;
	padding-left:300px;
	padding-top: 78px;
   font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
}

html>body #menu-superiore {	padding-top: 78px;}

#menu-superiore a
{ 
	font-size: 11px;
	font-weight:bold;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #ffe;
	text-decoration:none;
	outline:0;
	margin-right:95px;
}

#menu-superiore a:hover 
{
	color: #fed64d;
}

#menu-superiore a.active
{ 
	font-size: 11px;
	font-weight:bold;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #ffe;
	text-decoration:underline;
	outline:0;
	margin-right:95px;
}

#menu-superiore a.active:hover 
{
	color: #fed64d;
}

#menu-superiore a.last
{ 
	font-size: 11px;
	font-weight:bold;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #ffe;
	text-decoration:none;
	outline:0;
	margin-right:0px;
}

#menu-superiore a.last:hover 
{
	color: #fed64d;
}

#menu-superiore a.last-active
{ 
	font-size: 11px;
	font-weight:bold;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #ffe;
	text-decoration:underline;
	outline:0;
	margin-right:0px;
}

#menu-superiore a.last-active:hover 
{
	color: #fed64d;
}

/*
	Elemento per lo stile delle liste con il simbolo del rotary
*/
ul.rotary-ul
{
	list-style-image: url(images/elenco.gif);  
	line-height: 16px;
 }
 
ul.rotary-ul li
{
	margin-top:10px;
	padding-left:10px;
}

/*
	Elemento per lo stile dei link alle pagine dove l'amministratore puņ effettuare le operazioni per la gestione del sito
*/
div#content a.amministratore
{
	font-size:13px;
	text-decoration:none;
	margin-left:10px;
}

div#content a.amministratore:visited
{
		color:#0135ac;
}

/*
	Elemento per lo stile dei link nella pagina dei contatti
*/
div#content a.contatti
{
	font-size:13px;
	text-decoration:none;
}

div#content a.contatti:visited
{
	color:#0135ac;
}

/*
   Elementi di stile per i form con il bordo esterno
*/
form.rotary-form
{
    background: #fff;
	 padding:10px;
    width: 600px;
    border: 1px solid #000;
}

form.rotary-form input.text
{
	 border: 1px solid #000;
	 color: #0135ac;
}

form.rotary-form input.text:focus 
{
    border: 1px solid #000;
    background: #DFFFFF;
}

form.rotary-form input.button
{
	 color:#000;
}

/*
   Elementi di stile per i form senza bordo esterno
*/
form.noborder-form
{
    background: #fff;
	 padding:0px;
    width: 600px;
}

form.noborder-form input.text
{
	 border: 1px solid #000;
	 color: #0135ac;
}

form.noborder-form input.text:focus 
{
    border: 1px solid #000;
    background: #DFFFFF;
}

form.noborder-form input.button
{
	 color:#000;
}

form.noborder-form textarea.text
{
	 border: 1px solid #000;
	 color: #0135ac;
}

form.noborder-form textarea.text:focus 
{
    border: 1px solid #000;
    background: #DFFFFF;
}

/*
	Stile per  link sottolineati che non cambiano colore quando visitati.
*/
a.nodecoration
{
	text-decoration:underline;
	outline:0;
	color: #000;
}

a.nodecoration-blue
{
	text-decoration:underline;
	outline:0;
	color: #0135ac;
}

/*
	Stile per la sezione dei link che non devono avere sottolineature o cambiare oclore quando sono cliccati.
*/
a.link
{
	text-decoration:none;
	outline:0;
	color: #000;
}

/*
Stile per inserire una elemento allineato al centro
*/
div.center
{
	text-align:center;
	margin:0 auto;	
}

/*
Stile per inserire immagine allineate a destra e annegate nel testo.
*/
img.right
{
	float:right;
	margin-left:15px;
}

/*
Stile per inserire immagine come link.
*/
a img
{
	border:0;
}

/*
Stile per la tabella di impaginazione dei bollettini.
*/
table.bollettini
{
	border:0px;
	text-align:center;
}

table.bollettini td
{
	height:220px;
	width:160px;
}

table.bollettini img
{
	height:150px;
	width:100px;
}

/*
Stile per la tabella di impaginazione dell'organigramma.
*/
table.organigramma
{
	border:0px;
	text-align:center;
}

table.organigramma td
{
	height:220px;
	width:140px;
}

/*
Stile per la tabella di impaginazione dell'elenco dei soci.
*/
table.soci
{
	text-align:left;
	width:590px;
	border-collapse: collapse;
}

table.soci th
{
	border-bottom:1px solid #000;
	width:130px;
	padding-left:5px;
}

table.soci th.background
{
	background-color: #EAFFFF;
}

table.soci td
{
	height:30px;
	width:130px;
	padding-left:5px;
}

table.soci td.background
{
	background-color: #EAFFFF;
	height:30px;
}

/*
Stile per la tabella di impaginazione dei contatti.
*/
table.contatti
{
	border:0px;
	text-align:center;
	margin-top:30px;
}

table.contatti td
{
	height:180px;
	width:200px;
	vertical-align: top;
}

/*
Stile per la tabella di impaginazione dei link.
*/
table.link
{
	border:0px;
	text-align:center;
}

table.link td
{
	height:180px;
	width:300px;
	vertical-align: top;
}

/* Stili per la pagina newsletter */
#newsletter
{
	margin-bottom:10px;
}

/*
Stile per avere testo giustificato in bold colorato di blu
*/
span.evidenziato
{
	text-align: justify;
	font-size:13px;
	font-weight: bold;
	color: #0135ac;
}

/*
Stile per avere testo in bold colorato di blu allineato a sinistra
*/
span.evidenziato-left
{
	text-align: left;
	font-size:13px;
	font-weight: bold;
	color: #0135ac;
}

/*
Stile per avere testo in bold 
*/
span.bold
{
	font-weight: bold;
}

/*
Stile per i messaggi in verde 
*/
.green
{
	color:Green;
	font-weight: bold;
}