/* CSS Document */
#listyle{
background-color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#003399;
width:124px;
border-right:solid 1px #0033CC;

}
.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-size:11px;
	width:124px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:1px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0;
	padding-left: 0;
	background-color: #0066FF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #066DD5;
	border-bottom:solid 1px #FFFFFF;
}
/* style the links hover */
.menu :hover{
	color:#444;
	background-color: #DDEBFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E1EDFF;

}

/* hide the sub level links */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	width:149px;
	height:0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #066DD5;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}