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}


 

h2.maintitle a:link, a:visited{ color: black; text-decoration: none;}
h2.maintitle a:hover { color: blue; background-image: url(images/alphawhite60.png); text-decoration: none;}

p.maintext a:link, a:visited{ color: black; text-decoration: none;}
p.maintext a:hover{ text-decoration: underline; } 


div.split2, div.split3 {clear: left;}

div.split2 div{ float: left; width: 218px; \width: 228px; w\idth: 218px; padding: 0 12px;}



div.split3 div{ float: left; width: 155px; \width: 165px; w\idth: 155px; padding: 0 5px; border-top: 1px dotted white;}

img.split2img {width: 110px; height: 50px; float: left; padding-right: 5px;}
img.split3img {width: 110px; height: 50px; padding-right: 5px;}

h4.split a:link, a:visited{ color: black; text-decoration: none; }
h4.split a:hover{ color: white; background-image: url(./images/alphablack75.png); }

p.splittext {text-align: justify; }
p.splittext a:link, a:visited{ color: black; text-decoration: none; }
p.splittext a:hover{  text-decoration: underline; }



/* 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#fotogallery 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: blue; 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 */