﻿/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/*---------------------------------------------------MAIN MENU----------------------------------------------------
------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------*/


.top_menu ul
{
/*float:right;*/
padding:0px;
margin:0px;
list-style-type: none;
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px;

}

/*Top level list items*/
.top_menu ul li{
position: relative;
display: inline;
z-index:2;
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px;

/*background-color: #F3F3F3; overall menu background color*/
}

/*Top level menu link items style*/
.top_menu ul li a{
/*display: block;
width: 90px;*/ /*Width of top level menu link items*/
padding: 0px 52px 2px 52px;
/*border: 1px solid black;
border-left-width: 0;*/
text-decoration: none;
display:inline;
color: #fff;
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px;
width: 90px;

}

.top_menu ul li a:hover{
background-color:#5555df;
}
/*--------------------------------submenu----------------------------------*/	
/*1st sub level menu*/
.top_menu ul li ul
{
left:0; /* how left prints the submenu... 0 ==> in the leftiest corner of parent*/
position: absolute;
top: 2em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
padding:0px;
margin:0px 0px 0px 0px;	
background-color:#999999;
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px;
width:153px;
/*margin-top:2px;*/

}

/*Sub level menu list items (undo style from Top level List Items)*/
.top_menu ul li ul li{
display: list-item;
/*border: 1px solid #000000;*/
padding:0px;
margin:0px;	
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px;
border-top:1px solid #ffffff;
width:153px;

}



/* Sub level menu links style */
.top_menu ul li ul li a
{
display: block;
 /*width: 115px; width of sub menu levels*/
color: #ffffff;
text-decoration: none;
 padding:2px 0px 2px 16px;
/*padding: 1px 5px;*/
background-image:url(../images/arrow_menu.gif);
background-position:top left;
background-repeat:no-repeat;
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px;
width:137px;
}

.top_menu ul li ul li a:hover{
background-image:url(../images/arrow_menur.gif);
background-position:top left;
background-repeat:no-repeat;

}

/*Background image for top level menu list links */
.top_menu .level1{
/*background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;*/
}

/*Background image for subsequent level menu list links */
.top_menu .subfoldericon{
/*background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;*/
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .top_menu ul li { float: left; height: 1%; }
* html .top_menu ul li a { height: 1%; }
/* End */



/*All subsequent sub menu levels offset after 1st level sub menu */
.top_menu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}




/*---------------------------------------------------EXTRA MENU----------------------------------------------------
------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------*/


.extra_menu ul
{
float:right;
padding:0px;
margin:0px;	
list-style-type: none;
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px;
}

/*Top level list items*/
.extra_menu ul li{
position: relative;
display: inline;
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px;

/*background-color: #F3F3F3; overall menu background color*/
}

/*Top level menu link items style*/
/*.extra_menu ul li a{ sxoliastike giti yparxei kai sto menu css

padding: 0px 16px 5px 26px;

text-decoration: none;
color: #000000;
}*/

/*.extra_menu ul li a:hover{
color: #da2921;
}*/
/*--------------------------------submenu----------------------------------*/	
/*1st sub level menu*/
.extra_menu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
padding:0px;
margin:0px 0px 0px 12px;	
background-color:#d0b995;
filter:alpha(opacity=80);
-moz-opacity:0.8;
background-image:url(../images/bg_mn.png) !important; /* Mozilla only */
background-color: transparent !important;   /*Mozilla only */
background-position:top left; /*         IE only */        
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px; 


}

/*Sub level menu list items (undo style from Top level List Items)*/
.extra_menu ul li ul li{
display: list-item;
/*border: 1px solid #000000;*/
padding:0px;
margin:0px;	
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px;
}



/* Sub level menu links style */
.extra_menu ul li ul li a
{
text-align:left;
display: block;
width: 120px; /*width of sub menu levels*/
color: #ffffff;
text-decoration: none;
 padding:4px 0px 4px 12px;
/*padding: 1px 5px;*/
background-image:url(../images/arrow_menu.gif);
background-position:top left;
background-repeat:no-repeat;
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px;

}

.extra_menu ul li ul li a:hover{
color:#000000;
background-image:url(../images/arrow_menur.gif);
background-position:top left;
background-repeat:no-repeat;
font-family:Tahoma,Verdana,'Trebuchet MS', Arial, GRHelvetica;
font-size:11px;
}

/*Background image for top level menu list links */
.top_menu .level1{
/*background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;*/
}

/*Background image for subsequent level menu list links */
.top_menu .subfoldericon{
/*background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;*/
}


	
/* Holly Hack for IE \*/
* html .extra_menu ul li { float: left; height: 1%; }
* html .extra_menu ul li a { height: 1%; }
/* End */



/*All subsequent sub menu levels offset after 1st level sub menu */
.extra_menu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

