html,body{margin: 0;padding:0}

body{font-family: arial,sans-serif; font-size: 12px; text-align: center;}

a img {border: none;}

div#container{position: relative; width: 800px; margin: 0px auto;
    border-left: 1px solid #000; border-right: 1px solid #000; background-image: url(./images/alphawhite.png); color: #000;text-align: justify;}


 
/*stili generici, su header e footer*/

div#header{height: 172px;background-image: url(./images/intestazione.jpg); color: #fff}

h1,h2,h3,h4,h5,h6,p {margin: 0}

p{padding-bottom: 10px;}

h3{padding-top: 0px; font-style: Italic; font-variant: small-caps;}

h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}

h2{font-size: 1.4em; font-style: italic; font-variant: small-caps;}


h3{font-size: 1.2em}

h4{font-size: 1.1em; padding-top: 6px; font-style: italic; font-variant: small-caps;}


h5{font-size: 1.0em; font-style: italic; font-variant: small-caps;}

h6 {font-size: 0.8em; font-style: italic; padding: 5px;}

div#footer a{color:#ff0; font-weight: bold;text-decoration: none;}
div#footer p a:hover{ color:#ff7; text-decoration: none; border-bottom: dotted 1px;}
div#footer a:link a:visited { text-decoration: none; }
div.mail { text-align: center; }
div.mail img{ padding-left: 10px;}



 
/*stili specifici per il layout*/

div#nav {position: absolute; top: 172px; left: 0; height: 438px;
    width: 90px;\width: 90px;w\idth: 80px;padding: 0 0 0 0px}

div#extra{position: absolute; top: 172px; right: 0; height: 423px; 
    width: 180px;\width:180px;w\idth:180px;padding: 20px 5px; background-image: url(./images/alphawhite60.png);}

div#content{margin: 0px 190px 0px 90px; height: 438px; padding: 1em 10px; background-image: url(./images/alphawhite25.png);}

div#footer{text-align: center; padding: 5px 20px;
    background-image: url(./images/alphablack75.png); color: #ff7; border-top: 1px solid white;}



/*stili per la sezione extra*/

div#extra div.newsbox{font-size: 90%;margin-bottom: 1em; margin-top: 1em;}

div#extra div.newsbox h2{padding: 1px 2px;background-image: url(./images/alphablack75.png);color: #fff;font-size: 1.2em}

div#extra div.newsbox p{margin: 0}



 


/*stili per i contenuti*/

div#content{border-left: 1px solid white; border-right: 1px solid white}

div.textimage{border-bottom: 1px dotted white; width: 100%} /*risolve il peek-a-boo bug di IE6*/

div.textimage img{float:left;margin: 10px}

div.textimage h2{margin-top: 10px}


 

/* stili per il menu di navigazione */

div#nav{margin: 0px 0px 0px 0px; padding: 0px;}

div#nav ul{width: 90px;height: 352px;list-style-type: none; margin: 0;padding: 0;}
div#nav li{margin: 0;padding: 0;}
div#nav li,div#nav a{display: block; width: 90px; height: 32px;}

div#nav a{text-indent: -9000px; text-decoration: none;padding: 32px 0 0 0;
    overflow: hidden; height: 0px !important; height /**/:352px;}

li#homepage, li#homepage a{background-image: url(images/home.gif)}
li#branco, li#branco a{background-image: url(images/branco.gif)}
li#reparto, li#reparto a{background-image: url(images/reparto.gif)}
li#clan, li#clan a{background-image: url(images/clan.gif)}
li#coca, li#coca a{background-image: url(images/coca.gif)}
li#foto, li#foto a{background-image: url(images/foto.gif)}
li#storia, li#storia a{background-image: url(images/storia.gif)}
li#forum, li#forum a{background-image: url(images/forum.gif)}
li#locri, li#locri a{background-image: url(images/locri.gif)}
li#contatti, li#contatti a{background-image: url(images/contatti.gif)}
li#link, li#link a{background-image: url(images/link.gif)}


#nav li, #nav a:hover{background-position: 0 -32px;}

body#home li#homepage a, body#branco li#branco a, body#reparto li#reparto a,
body#clan li#clan a, body#coca li#coca a, body#foto li#foto a, 
body#storia li#storia a, body#forum li#forum a, body#locri li#locri a, 
body#contatti li#contatti a, body#link li#link a {background-position: 0 32px;}




/* --- stile calendario --- */

table#calendar { background-image: url(./images/alphawhite60.png); font-family: arial, verdana, sans serif; font-size: 9px;}
table#calendar a:hover { font-style: italic; }
table#calendar a:link {color: red; text-decoration: none;}
div#divEventi {border: 1px black solid; font-size: 8.5px; text-align: center; margin-left: 0px; margin-right: 0px; padding: 0px; width: auto; background-image: url(./images/alphawhite60.png); }

/* --- fine stile calendario --- */







/* --- stile accordion --- */

#slider {width:178px;}
.header {width:158px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
.header:hover {background:url(images/header_over.gif)}
.content {overflow:auto;}
.text {width:144px; height: 140px; border:2px solid #9ac1c9; border-top:none; padding:15px; padding-top: 2px;}


ol.listaccordion {
              list-style-image: url(./images/punto_elenco.gif); 
              font-family: arial, verdana, sans serif; 
              font-size: 10px;
              margin-left: 0.5px;
              padding-left: 5px;
              color: black;         
                }

ol.listaccordion a:hover {
              font-style: italic;
              color: blue;     
                }

ol.listaccordion a:link, a:visited {
              text-decoration: none;
              color: black;
                }

div.lista {height: 180px; overflow: auto; }


/* --- fine stile accordion --- */


	





/* ---  blue --- */
.blueBody { background: #000066; }


/* ---  black --- */

.blackBody {background: #000000; }


/* ---  red --- */

.redBody { background: #990000; }


/* ---  orange --- */

.orangeBody { background: orange; }

/* --- yellow --- */

.yellowBody { background: yellow; }

/* --- white --- */

.greenBody { background: green; }






/*[k] inizio stile pulsanti */
#colorOptions {
	position: absolute;
	right: 30px;
	top:0px; 
	margin-top:0em; 
	margin-right:0em; 
}
#colorOptions ul { 
	list-style-type: none; 
	float: left; 
	display: inline; 
	margin-left: 0px; 
        margin-top: 1px;
        
}
#colorOptions li { 
	margin:0 0px; 
	padding: 2px; 
	float:left; 
}
#colorOptions li a { 
	border: 1px solid black; 
	display: block; 
	width: 14px; 
	height: 14px; 
}
#colorOptions li a span { display:none; }

#colorOptions li#blue a { background: #000066; }
#colorOptions li#black a { background: #000000; }
#colorOptions li#red a { background: #990000; }
#colorOptions li#orange a { background: orange; }
#colorOptions li#yellow a { background: yellow; }
#colorOptions li#green a { background: green;}
#colorOptions ul a {
	cursor: pointer;
	 /*cursor: hand; retro compatibilità con ie 5.5*/

}

body.blue #colorOptions li#blue, body.black #colorOptions li#black, body.red #colorOptions li#red, body.orange #colorOptions li#orange, body.yellow #colorOptions li#yellow, body.white #colorOPtions li#white, #colorOptions li:hover { padding: 2px; background-color:#FFCC00; }
/*

*/
/*[k] fine stile pulsanti */












/*STILI ALTRE PAGINE */





/* inizio stile FOTOGALLERY */

/* Stili on mouse over - fotogallery */

div.fotogallery { clear: left;  }
div.fotogallery div{ float:left;}
div.fotogallery p{text-align: left; font-family: arial, Verdana; font-size: 11px; padding: 0px; margin-bottom: 2px;}
div.fotogallery p a:visited{ text-decoration: none; color: black;}
div.fotogallery p a:link{ text-decoration: none; color: black; }
div.fotogallery p a:hover{ text-decoration: underline; color: brown; }

div#textonmouseov1 { width: 170px; height: 260px; overflow: auto;}
div#imgonmouseov1 { width: 320px;}
div.fotogallery img{ width: 320px;}

/* fine stili on mouse over - fotogallery */


div.title { text-align: center; padding-bottom: 0px;}
div.title img{ width: 300px;}
div.legenda { clear: both; padding-top: 0px; width: 500px; text-align: center;}
div.legenda p{ font-size: 10px; font-family: arial, verdana; font-style: italic; color: brown;}


/* fine stile fotogallery*/


/* inizio stile pagina */

/* stili on mouse over - pagina */

div.pagina { clear: left;  }
div.pagina div{ float:left;}
div.pagina p{ text-align: center; font-family: arial, Verdana; font-size: 12px; }
div.pagina p a:visited, a:link{ text-decoration: none; color: Brown;}
div.pagina p a:hover{ text-decoration: none; border-bottom: dotted 1px;}
div#textonmouseov { width: 100px; }
div#imgonmouseov { width: 200px; }
div.pagina img{ width: 180px;}

/*fine stili on mouse over - pagina */

/* fine stile pagina */



/* inizio stile branco */

/* stili on mouse over - branco */

div.branco { clear: left;  }
div.branco div{ float:left;}
div.branco p{ text-align: center; font-family: arial, Verdana; font-size: 12px; }
div.branco p a:visited, a:link{ text-decoration: none; color: Brown;}
div.branco p a:hover{ text-decoration: none; border-bottom: dotted 1px;}
div#textonmouseov { width: 100px; }
div#imgonmouseov { width: 350px; }
div.branco img{ width: 350px;}

/*fine stili on mouse over - branco */

/* fine stile branco */


/* inizio stile reparto */

/* stili on mouse over - reparto */

div.reparto { clear: left;  }
div.reparto div{ float:left;}
div.reparto p{ text-align: center; font-family: agency fb, Verdana; font-size: 10px; }
div.reparto p a:visited, a:link{ text-decoration: none; color: Brown;}
div.reparto p a:hover{ text-decoration: none; border-bottom: dotted 1px;}
div#textonmouseov { width: 60px; }
div#imgonmouseov { width: 400px; }
div.reparto img{ width: 420px;}

/*fine stili on mouse over - reparto */

/* fine stile reparto */


/* inizio stile contatti */

div.istruzioni { padding: 0px; margin: 0px;}
div.istruzioni p{text-align: center; font-size: 10px; font-family: arial, verdana; font-style: italic; color: brown;}
div.formmail p{margin: 0px; padding: 0px;}

/* fine stile contatti */


/* inizio stile link */

div.ullink { text-align: center; }
ul#link { list-style-type: none; padding: 0px; margin: 0px; }
ul#link img{ width: 140px; height: 30px; }

/* fine stile link */


/* inizio stile clan */

div.clan { clear: left; padding: 0px; margin: 0px; }
div.clan div{ float: left; padding: 0px; margin: 0px; }
div#nossy { width: 170px; padding: 0px; margin: 0px; }
div#nossy img{ width: 170px; }
div.clandownload { width: 325px; text-align: center;}
div.clandownload img{}
div.clandownload p{ text-align: left; font-family: arial, verdana; font-size: 16px; font-weight: bold; }
div.clandownload p a:visited, a:link{ color: black; text-decoration: none;}
div.clandownload p a:hover{ color: yellow;border-left: dotted yellow 1px;}
div.clandownload li{ list-style-type: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 90px; margin: 0px; }
div.clandownload li a:hover{ list-style-type: none; padding: 15px;}
div.clandownload ol{ padding-top: 5px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; margin: 0px; }
div.clan img{ width: 350px;}


/* fine stile clan */