.menu {
	background			: #01029E url(../images/menu_bg.jpg) repeat-x;
	border-top			: 1px solid #FFF;
	clear				: both;
	width				: 900px;
	height				: 35px;
	margin				: 0px;
}
/* remove the bullets, padding and margins from the lists */
.menu ul{
	list-style-type		: none;
	padding				: 0;
	margin				: 0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
	float				: left;
	position			: relative;
	z-index				: 100;
}
/* use the table to position the dropdown list */
.menu table{
	position			: absolute;
	border-collapse		: collapse;
	z-index				: 80;
	left				: -1px;
	top					: 25px;
}
/* style all the links */
.menu a, .menu :visited {
	display				: block;
	font				: bold 12px/1.6em Arial, Helvetica, sans-serif;
	width				: 119px;
	padding				: 7px 0;
	color				: white;
	background			: url(../images/menu_bg.jpg);
	text-decoration		: none;
	margin				: 0px;
	border-right		: 1px solid white;
	text-align			: center;
}
.menu .active {
	color				: orange;
}
/* style the links hover */
.menu :hover{
	color				: orange;
	background			: url(../images/menu_bg.jpg) repeat-x;
}
/* hide the sub level links */
.menu ul ul {
	visibility			: hidden;
	position			: absolute;
	width				: 149px;
	height				: 0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility			: visible;
}