
#navigation_left .menu ul li a.indice{float:left;padding:5px 0 4px 26px;
    text-decoration:none;font-weight:bold;color:blue;border:none;border-top:3px solid #f5f8fe; }
#navigation_left .menu ul li ul li a{float:left;padding:5px 0 4px 0px;
    text-decoration:none;font-weight:bold;color:blue; width:190px;}

#navigation_left .menu ul li a.indice:hover{border-top: 3px solid #83D5FF;color:#333}

.menu ul li a#home{background: url(../images/wall1.png) no-repeat center left;}
.menu ul li a#dirigenza{background: url(../images/edu_miscellaneous.png) no-repeat center left;}
.menu ul li a#scuole{background: url(../images/colori_01.png) no-repeat center left;}
.menu ul li a#pof{background: url(../images/stappler.png) no-repeat center left;}
.menu ul li a#carta_servizi{background: url(../images/stamp_01.png) no-repeat center left;}
.menu ul li a#progetti{background: url(../images/pencil_benji_park_01.png) no-repeat center left;}
.menu ul li a#uffici_amministrativi{background: url(../images/clock_01.png) no-repeat center left;}
.menu ul li a#consiglio{background: url(../images/thumbtack_linda_kim_01.png) no-repeat center left;}
.menu ul li a#contatti{background: url(../images/simple_calculator_01.png) no-repeat center left;}
.menu ul li a#regolamento_circolo{background: url(../images/wall1.png) no-repeat center left;}


.menu ul li a#calendario{background: url(../images/edu_miscellaneous.png) no-repeat center left;}
.menu ul li a#patto{background: url(../images/stamp_01.png) no-repeat center left;}
.menu ul li a#patto-corresponsabilita{background: url(../images/pencil_benji_park_01.png) no-repeat center left;}


#navigation_left .menu ul li#current a.indice{
    color:#36c;border-top: 3px solid blue;}
#navigation_left .menu ul li#current a.indice:hover{
    color:#36c;border-top: 3px solid #83D5FF;color:#333;}



/* common styling */
.menu {font-family: arial, sans-serif; width:160px;
	height:150px; position:relative;
	margin:0; margin:50px 0;z-index:50;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;
	color:#000; width:155px;  text-align:center; border:1px solid #fff;
	border-width:1px 1px 0 0; line-height:17px;font-size:17px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover ul {display:block; position:absolute; top:0; left:181px;}
.menu ul li:hover ul li a.hide {color:#000;}
.menu ul li:hover ul li:hover a.hide {width:190px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#dde9f6; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:191px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dde9f6; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#6fc; color:#fff;}




#navigation_extra .menu_extra ul li a.indice{float:left;padding:5px 26px 4px 0;
    text-decoration:none;font-weight:bold;color:blue;border:none;border-top:3px solid #f5f8fe; }
#navigation_extra .menu_extra ul li ul li a{float:left;padding:5px 0 4px 0px;
    text-decoration:none;font-weight:bold;color:blue; width:190px;}

#navigation_extra .menu_extra ul li a.indice:hover{border-top: 3px solid #83D5FF;color:#333}
#navigation_extra .menu_extra ul li#current a.indice{
    color:#36c;border-top: 3px solid blue;}
#navigation_extra .menu_extra ul li#current a.indice:hover{
    color:#36c;border-top: 3px solid #83D5FF;color:#333;}


.menu_extra ul li a#modulistica{background: url(../images/tool_clipboard.png) no-repeat center right;}
.menu_extra ul li a#comunicazioni{background: url(../images/mix_audio.png) no-repeat center right;}
.menu_extra ul li a#galleria{background: url(../images/kolourpaint.png) no-repeat center right;}
.menu_extra ul li a#personal{background: url(../images/personal.png) no-repeat center right;}

/* common styling */
.menu_extra {font-family: arial, sans-serif; width:160px;
	height:150px; position:relative;
	margin:0; margin:50px 0;}
.menu_extra ul li a, .menu_extra ul li a:visited {display:block; text-decoration:none;
	color:#000; width:155px;  text-align:center; border:1px solid #fff;
	border-width:1px 1px 0 0; line-height:19px;font-size:17px;}
.menu_extra ul {padding:0; margin:0;list-style-type: none; }
.menu_extra ul li {float:left; margin-right:1px; position:relative;}
.menu_extra ul li ul {display: none;}

/* specific to non IE browsers */
.menu_extra ul li:hover ul {display:block; position:absolute; top:0; right:179px;}
.menu_extra ul li:hover ul li a.hide {color:#000;}
.menu_extra ul li:hover ul li:hover a.hide {width:180px;}
.menu_extra ul li:hover ul li ul {display: none;}
.menu_extra ul li:hover ul li a {display:block; background:#dde9f6; color:#000;}
.menu_extra ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu_extra ul li:hover ul li:hover ul {display:block; position:absolute; left:191px; top:0; color:#000;}
.menu_extra ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dde9f6; color:#000;}
.menu_extra ul li:hover ul li:hover ul li a:hover {background:#6fc; color:#fff;}
.menu ul li a#albo{background: url(../images/pencil_benji_park_01.png) no-repeat center left;}


