/* CSS Document */

/* LEVEL 0 */

#mainmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none; 
	margin-left: 0px; 
	margin-bottom: 0px; 
	border: 0px;
	height:26px;
	width:96px;
	font-weight:bold;
text-align:center;
	/*position: relative;*/
}
		
#mainmenu ul a {color:#000000; 
	text-decoration:none;
}

#mainmenu li {
	background-position: -50px;
/* dioti allios fainetai to bullet point pou einai sto main.css, opote prepei edo na to kripso */	
}

/* Styles for Menu Items */

#mainmenu ul li {
	position: relative;
	padding: 0px; 
	margin: 0px;
	border: 0px;

}

#mainmenu li ul {
    display: none;
	position: absolute;
	left: 0px;
	top: 24px;
	height: auto;
	/*width:106px;*/

}
#mainmenu li ul li ul {
    display: none;
	position: absolute;
	left: 96px;
	top: 0px;
	height: auto;
	/*width:106px;*/

}

#mainmenu ul li a {
	display: block;
	padding: 5px 0px 0px 0px;
	height:20px;
	/*border-bottom: 1px solid black;*/

}
	
#mainmenu ul li ul li a {
	display: block;
	text-decoration: none;
	color: #000000;
	font-weight:bold;
	font-size:11px;
	line-height:12px;
	background-color:#f2eee2;
	border-bottom: 1px solid #4d3e87;
	height: auto;
font-weight:normal;
text-align:left;
padding: 8px 5px 5px 5px;

}

/* Fix IE. Hide from IE Mac \*/
* html #mainmenu ul li {float: left; height: 1%;}
* html #mainmenu ul li ul li {width:115px; height: 1%;} 
/* End */

#mainmenu ul li a:hover {color: #ffffff; background-color:#007cc2; height:20px; padding: 5px 0px 0px 0px;} /* Hover Styles */

		
#mainmenu li ul li a {padding: 8px 5px 5px 5px;} /* Sub Menu Styles */
#mainmenu li ul li a:hover {height:auto; padding: 8px 5px 5px 5px;} /* Sub Menu Styles */
	
#mainmenu li:hover ul, 
#mainmenu li.over ul,
#mainmenu li:hover ul ul, 
#mainmenu li.over ul ul,
#mainmenu li:hover ul ul ul, 
#mainmenu li.over ul ul ul
{display: none;} 

#mainmenu li:hover ul, 
#mainmenu li.over ul,
#mainmenu li li:hover ul, 
#mainmenu li li.over ul,
#mainmenu li li li:hover ul, 
#mainmenu li li li.over ul
{display: block; background-color:#007cc2; } /* The magic */