.Menu {
	position: absolute;
	z-index: 1500;
	width:900px;
	background-color:#00274B;
	text-align:left;
	/*margin-top: 20px;*/ 
	padding-top: 0px;
	padding-bottom: 0px;
}

.MenuSearch{
	position: absolute;
	z-index: 1500;
	width:100%;
    left: 400px;
	text-align:left;
	padding-top: 0px;
	padding-bottom: 0px;
}
/*
The .clear class is so that you don’t need to put an element with clear: both after floated elements. It does that by using CSS to insert an element with clear: both after the matched element. The height: 100% does this trick for IE
*/
.clear { height: 100%; }
.clear:after { content: ''; display: block; clear: both; }
 
/*
This styles the top level menu.
We put float: left on #menu_ag li so that each li stays side by side, the a uses display: block so that it occupies the whole li, white-space: nowrap is used to prevent the text of each item from wrapping to the next line. 
*/
#menu_ag, #menu_ag ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	font-size:11px;
}
#menu_ag li { 
	background:#00274B; 
	/*border-right: 1px solid #fff; */
	position: relative; 
	float: left; 
	white-space: nowrap;
	/*border-top: 10px solid #ffffff;*/
}
#menu_ag li a { 
	display: block;
	padding: 2px 10px;
	text-decoration: none;
	color: #FB7015;
	font-weight: bold;
	/*font-size: 0.8em;*/
}
#menu_ag>li.hover{
 /*border-top: 10px solid #FFA51F;*/
}
#menu_ag>li.hover>a { 
	/*background-color: red;*/
	/*color: #330066;*/
}

/*
This styles the secondary menus
We put float: none on the lis so they stay one below the other. We also set position: absolute on each ul. What position: absolute does is position an element absolutely in the screen relative to the first parent element that has a position other than static, in our case their parent li which we put position: relative on it. The background declaration on the ul is to prevent a bug in IE

The first level uls don’t need anything else, it will already be positioned correctly. The second and further level ul will need to have it’s position changed. By setting top: -1px (not 0px because of the border) we make them have their top position right where their parent li starts. By setting left: 100% we make them have their left position at 100% the size of their parent li. 
*/

#menu_ag ul { 
	/*background: #ffffff; */
	background-color: #FB7015;
	display: none; 
	position: absolute; 
}
#menu_ag ul li { 
	/*background-color: #ffffff;*/
	background-color: #FB7015;
	color:#ffffff;
	border-right: 0px solid transparent; 
	float: none;
	border:1px solid #00274B;
	/*border-top: 10px solid #E7E6DF;*/
}
#menu_ag ul ul { 
	top: 0; 
	left: 100%;
}
#menu_ag ul li a { 
	/*color: #999999; */
	color:#ffffff;
	/*font-size: 0.8em;*/
	padding: 4px 5px;
}


/*
Now add some CSS to change the background of the lis that have the class hover
*/
#menu_ag li ul li.hover  { 
	background-color: #00274B;
    /*border-top: 10px solid #FFA51F;*/
	color:white;
}
#menu_ag li ul li.hover>a  { 
	color:white;
}

/*
And now we add this css to style the lis that have child uls (the has_child style is applied in the JS code)
*/
#menu_ag li.has_child { 
	background-image: url('/menu/menu_subarrow.gif'); 
	background-position: right center; 
	background-repeat: no-repeat; 
	padding-right: 10px;
}