#menu {
	position:			absolute;
	top:				60px;
	left:				200px;
	margin:				0;
	padding:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;	
	background:			#278EAA;	
	height:				40px;
}
#menu .mi1 {
}
#menu .mi2 {
	width:				179px;
}
#menu .mi3 {
	width:				146px;
}
#menu .mi4 {
}
#menu ul {
	padding:			0; 
	margin:				0;
	list-style-type:	none;
}
#menu ul li {
	position:			relative;
	display:			block;
	width:				138px;
	height:				40px;
	float:				left;
}
#menu ul li a, #menu ul li a:visited {
	position:			relative;
    display:			block;
	text-decoration:	none;
	height:				40px;
	width:				128px;
	font-size:			14px;	
	font-weight:		bold;
	color:				#BACB1B; 
	padding-left:		10px; 
	line-height:		1.4em;
	margin-right:		2px;
}
#menu ul li a:hover {
	background-color: #278EAA;
}
/* hack for IE5.5 to correct the faulty box model */
* html #menu ul li a, #menu ul li a:visited {
	width:				138px;
	w\idth:				128px;	
}
/* hide the drop down menu */
#menu ul li ul {
	display:			none;
}

#menu ul li ul li {
	height:				auto;	
}

/* remove all table style so that it does not interfere with the menu */
#menu table {
	margin:				-1px; 
	border-collapse:	collapse;
	font-size:			1em;	
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */
/* style the top level hover */
#menu ul li:hover a, #menu ul li a:hover {
	cursor:				default;	
	text-decoration:	none;	
}

/* make the drop down menu show and correctly position it */
#menu ul li:hover ul, #menu ul li a:hover ul {
	display:			block;	 
	position:			absolute; 
	top:				29px;
	margin:				11px 0 0 0;
	left:				0; 
	width:				138px;
	background:			transparent;
	background:			#005B67;
}

/* style the drop down links with no hover */
#menu ul li:hover ul li a, #menu ul li a:hover ul li a {
	display:			block;
	cursor:				pointer;
	background:			#005B67; 
	border:				0;
	margin:				0;
	color:				#FFFFFF;
	font-size:			10px;
	font-weight:		bold;
	height:				auto; 
	line-height:		1.2em;
	padding:			4px 0 4px 11px; 
	width:				130px;
	text-decoration:	none;	
}

/* style the drop down menu links when hovered */
#menu ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover {
	color:				#BACB1B;
	text-decoration:	underline;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
#menu ul li a:hover ul { 
	margin-top:10px; /* for IE5.5 faulty box model */
	marg\in-top:11px; /* for IE6 */
}

/* IE5.5 hack for faulty box model in drop down menu */
#menu ul li a:hover ul li a {
	background:#005B67;
	width:136px; /* for IE5.5 faulty box model */
	w\idth:126px; /* for IE6 */
}