.menu ul{ list-style-type:none;	margin: 0; padding: 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:0px; top:30px; }
.menu ul ul a, .menu ul ul a:visited {	
	font-size:11px;
	display: block;
	width:200px;
	padding-left:10px;
	background-image:none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #c6d5e4;
}

/* style all the links */
.menu a, .menu :visited {
	font-weight:normal;
	display:block;
	font-size:12px;
	width:130px;
	color:#FFFFFF;
	text-decoration:none;	
	background: url(../images/navMain.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 31px;
}


/* style the links hover */
.menu a:hover{ color:#a0bac7;  background-image: url(../images/navGradOver.gif); background-color:#dddddd}
/* hide the sub level links */
.menu ul ul { visibility:hidden;
	position:absolute;	
	background: url(../images/subNavBg.gif) #487891 repeat-x;
	padding-top: 3px;
	text-align: left;
	border: 1px solid #c6d5e4;	
	border-top:0px;
}

.menu ul li:hover a {background-image: url(../images/navMainOver.gif); color:#456a7d}
.menu ul li:hover ul li a {background-image: none;color:#456a7d}
.menu ul li:hover ul li a:hover {color:#a0bac7}


.menu ul li{ margin-right:5px; }
.menu ul li ul li{ margin-right:0px; }
.menu ul li a:hover{ background-image: url(../images/navMainOver.gif); color:#456a7d}
.menu ul li ul a:hover{ color:#FFFFFF; background-image:none;background-color:transparent }

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{ visibility:visible; }
.menu {
	width: 920px;
	position: relative;
	z-index: 50;
	margin-right: auto;
	margin-left: auto;
}