/* stili generali per la pagina */
*{
margin:0px;
padding:0px;
border:0px;
}
* html ul ul li{
margin-bottom:0px;
}
* html ul ul li a,* html ul li a{

}

#content{
border:0px;
width:210px;
padding:20px;
}


/* stili dell'esempio */

/* regole generiche per la lista principale */
#example2{
margin:0;
padding:0;
width:210px;
list-style-type:none;
}

#example2 a{
display:block;
font-weight:normal;
text-decoration:none;
}

#example2 ul{
overflow: hidden;
margin:0;
padding:0;
}
#example2 li{
margin:0;
padding:0;
list-style-type:none;
}
/* aspetto dell'intestazione (item 1, item 2, etc) */
#example2 li a{
width:210px;
display:block;
margin:0px;
}
/* aspetto dell'intestazione (item 1, item 2, etc) quando è chiusa */
#example2 li a.closed{
color:#000000 !important;
background-image:url(ha-header.jpg) !important;
}
/* aspetto dell'intestazione di item 1 quando è chiuso */
#example2 li.firstitem a.closed{
color:#000000 !important;
background-image:url(ha-header-first.jpg) !important;
}
/* aspetto dell'intestazione di item 4 (ultimo) quando è chiuso */
#example2 li.lastitem a.closed{
color:#000000 !important;
background-image:url(ha-header-last.jpg) !important;
}
#example2 li li{
margin:0px;
border:0px;
}

#example2 li li A:link{
border:0px;
margin:0px;
}
/* aspetto delle intestazioni quando sono aperte/attive  */
#example2 li a.opened{
background-image:url(ha-header-active.jpg);
}
#example2 li.firstitem a.opened{
background-image:url(ha-header-first-active.jpg);
}
#example2 li.lastitem li{

}
#example2 li.lastitem ul{
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}