/* Menu container styling */
.menu {
	font-family: Arial, Helvetica, sans-serif;
	width:955px;
	position:relative;
	margin:0;
	font-size:12px;
	margin-top:0px;
	margin-left:0px;
	z-index:100;
}

/* Dimensions for the 1st level menu */
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none; 
	color:#062E4B; 
	width:157px;
	height:28px;
	border:0px solid #fff;
	line-height:28px;
	font-size:12px;
	overflow:hidden;
}
.menu ul {
	padding:0px;
	margin:0px;
	list-style-type: none;
}

/* Style for the 1st level menu */
.menu ul li {
	color:#062E4B;
	height: 28px;
	line-height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	background-color:#CCC;
	background-image: url(images/eumenu.png); 
	background-repeat: no-repeat;
	background-position: -159px;
	border: 1px solid #CCC;
	border-width:1px 1px 1px 1px;
	display:block;
	text-decoration:none;
	text-align:center;
	float:left;
	margin-right:0px;
	position:relative;
}
.menu ul li ul {
	display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a {
	background:#00549A;
	color:#fff; 
}

/* Style for the 2nd level menu */
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:28px;
	left:-1px;
}

/* Style for the 2nd level menu that have 3rd level links*/
.menu ul li:hover ul li a.hide {
	color:#062e4b;
	background:#e0e0e0; 
	text-align:left;
	padding-left:5px;
	width:152px;
}
/* Style the 2nd level menu hover */
.menu ul li:hover ul li:hover a.hide {
	background:#00549A;
	color:#fff;
}
.menu ul li:hover ul li ul {
	display: none;
}

/* Style for the 3rd level menu */
.menu ul li:hover ul li a {
	display:block;
	color:#062e4b;
	background:#e0e0e0;
	text-align:left;
	padding-left:5px;
	width:152px;

}

/* Style for the 3rd level menu hover */
.menu ul li:hover ul li a:hover {
	background:#00549A;
	color:#fff;
}

/* Dimensions for the 3rd level menu container */
.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:158px;
	top:-1px;
}
.menu ul li:hover ul li:hover ul.left {
	left:-158px;
}