*{
margin:0;
padding:0;
border:0px none #FFFFFF;
}
* html ul ul li{
margin-bottom:-1px;
}
* html ul ul li a,* html ul li a{
height:100%;
}
a{
color:#FFFFFF;
text-decoration:underline;
}


h1{
margin:1em 0 0.5em 0;
display:block;
font-weight:normal;
}
h2{
border-top:1px solid #F0F0F0;
padding-top:0.5em;
margin:1em 0 1em 0;
display:block;
font-weight:normal;
}
#content{
margin:30px;
width:400px;
border-top:1px solid #999999;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
border-left:1px solid #999999;
padding:20px;
}



/* Styles for Example #2 */
#example2{
margin:0;
padding:0;
width:300px;
list-style-type:none;
background-color:#FFFFFF;
color:#000000;
line-height:120%;
/*height:300px;*/
}
#example2 a{
display:block;
font-weight:normal;
text-decoration:none;
}
#example2 ul{
overflow: hidden;
}
#example2 li{
margin:0;
padding:0;
list-style-type:none;
}
#example2 li a{
width:300px;
padding:5px 0 0 15px;
display:block;
color:#000000;
background-image:url(../images/ha-header.jpg);
height:25px;
}
#example2 li a.closed{
color:#000000 !important;
background-image:url(../images/ha-header.jpg) !important;
}
#example2 li.firstitem a.closed{
color:#000000 !important;
background-image:url(../images/ha-header-first.jpg) !important;
}
#example2 li.lastitem a.closed{
color:#000000 !important;
background-image:url(../images/ha-header-last.jpg) !important;
}
#example2 li li{
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding:0 15px 0 15px;
/*height:175px;*/
}
#example2 li a.opened{
background-image:url(../images/ha-header-active.jpg);
color:#FFFFFF;
}
#example2 li.firstitem a.opened{
background-image:url(../images/ha-header-first-active.jpg);
color:#FFFFFF;
}
#example2 li.lastitem li{
margin-bottom:-4px;
}
#example2 li.lastitem ul{
background-image:url(ha-footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:0px;
}
/* Styles for ΑχΝ¨ΠΕΟ’ */
#example1{
margin:0;
padding:0;
width:760px;
list-style-type:none;
background-color:#FFFFFF;
color:#000000;
line-height:120%;
/*height:300px;*/
}
#example1 a{
display:block;
font-weight:normal;
text-decoration:none;
}
#example1 ul{
overflow: hidden;
}
#example1 li{
margin:0;
padding:0;
list-style-type:none;
text-align:left
}
#example1 li a{
width:760px;
padding:5px 0 0 15px;
display:block;
color:#;
background-image:url(../images/ha-header.jpg);
height:25px;
}
#example1 li a.closed{
color:#000000 !important;
background-image:url(../images/ha-header.jpg) !important;
}
#example1 li.firstitem a.closed{
color:#000000 !important;
background-image:url(../images/ha-header-first.jpg) !important;
}
#example1 li.lastitem a.closed{
color:#000000 !important;
background-image:url(../images/ha-header-last.jpg) !important;
}
#example1 li li{
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding:0 15px 0 15px;
height:200px;
}
#example1 li a.opened{
background-image:url(../images/ha-header-active.jpg);
color:#FFFFFF;
}
#example1 li.firstitem a.opened{
background-image:url(../images/ha-header-first-active.jpg);
color:#FFFFFF;
}
#example1 li.lastitem li{
margin-bottom:-4px;
}
#example1 li.lastitem ul{
background-image:url(ha-footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:0px;
}