.banner {
background: #E7B601;
}
.banner ul#nav {
position: relative;
z-index: 10;
top:0px;
left: 0px;
margin: 0px;
padding: 0px;
border: 0px;
background: #E7B601;
 /*this is vertical placing for gecko */
}

.banner ul {
position:relative;
padding: 0px;
list-style: none;
text-align: left;
width: 749px; /* #of items & width of ul li */
}

/*list items top menues*/
.banner ul li {
position: relative;
float:left;
left: 0px;
border-top: 0px;
}
/*submenues*/
.banner li ul {
float:left;
position:absolute;
top: 20px;
left: 0px;
display: none;
z-index: 60;
width: 127px; 
border-top: 1px solid #CFA000;
background: #E7B601;
}
*html .banner li ul{
    left: -40px;
}
*:first-child+html .banner li ul {
left: -35px;
}

.banner ul ul.wide{
width: 255px; 
}
.banner li li {
display: block;
width: 100%;
border-bottom: 1px solid #CFA000;
}
.banner ul li a {
	display: block;
	text-decoration: none;
	color: #1334A6;
	font: bolder 12px  Tahoma, sans-serif;
	background: #E7B601;
	padding: 3px 11px;
	z-index: 60;
}
.banner ul li a:hover {
background: #1334A6; 
color: #E7B601;
}
.banner ul li a:active {
background: #FFEDD5; 
color: #1334A6;
text-decoration: none;
}
.banner li ul li a {
z-index: 10;
}
.banner li:hover ul, li.over ul { display: block; } /* The magic */