.mainmenu{
	margin-top: 10px;
	float: right; 
}
.mainmenu ul{
	z-index:1000; /* added για κάποια παλιά browsers */
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mainmenu ul li{
	position: relative;
	display: inline-block;
	float: left;
	margin-left: 10px;
	z-index:1001;
}

.mainmenu ul li a {
	display: block;
	width: 85px;
	line-height: 20px;
	padding: 5px;
	font-size: 14px;
	color: #E0E0DA;
	text-decoration: none;
	font-weight: 400;
	text-align: center;
	background-color: #006084;
}

* html .mainmenu ul li a{ 
	display: inline-block;
}

.mainmenu ul li a.selected, .mainmenu ul li a:hover { 
	color: #fbb920;
	background-color: #004f6c;
}

/* -------- SUBMENU STYLES ---------------- */

.mainmenu ul li ul {
	position: absolute; /* θέλουμε το submenu ul να βγαίνει πάνω από όλα */
	width: 140px; /* το πλάτος του ul για τα submenus με βάση και το font-size πιο κάτω */
	margin: 0;
	padding-bottom:10px;
	display: none; /*κρύβει όλα τα submenus στην αρχή */
	visibility: hidden; /* όπως πιο πάνω – αυτά τα αλλάζει το javascript όταν κάνεις hover */
	background-color: #004f6c; /* το χρώμα πίσω από τα submenus */
}
.mainmenu ul li ul li{
	display: block; /*το κάθε submenu li θα είναι σε ξεχωριστή γραμμή */
	float: none; 
}
/* το styling για τα submenu lines */
.mainmenu ul li ul li a{
	font-weight: 400; /* κάντε το bold ή 700 αν θέλετε  */
	width: auto; /* θα μεγαλώνει ανάλογα με τα γράμματα */
	margin: 0;
	height: auto; /* το ύψος καθορίζεται αυτόματα με βάση το font-size και το line-height */
	line-height: 30px; /* καθορίζει το ύψος του κάθε li στο text */
	padding: 0 5px; 
	font-size: 11px; /* αν θα κάνετε το font-size πολύ πιο μεγάλο θα πρέπει να αλλάξετε ανάλογα και το width στο .mainmenu ul li ul πιο πάνω */
	text-align: left;
	background: none; 
	color: #E0E0DA; /* το χρώμα του text */  	
}
.mainmenu ul li ul li a:hover {
	color: #fbb920; /* το χρώμα του text όταν κάνεις hover πάνω από ένα submenu */  
	background: #006084 !important; /* το background χρώμα πίσω από το text */  
	opacity: 0.8px; /* λίγη διαφάνεια στο background για να γίνετεια πιο light  */  
}


/* MHN ΑΛΛΑΞΕΤΕ ΟΤΙΔΗΠΟΤΕ AΠΟ ΔΩ ΚΑΙ ΚΑΤΩ */

/* Hack for IE \*/
* html .mainmenu{height: 1%;} 

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
.subshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}
.toplevelshadow{ 
opacity: 0.5;
}