#topnav ul li.last {
background-image:none;
width:161px;
}

#topnav {
	width:957px;
	padding:0;
	margin:0;
	margin-left:22px;
	position:relative; 
	z-index:100;
}

#topnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-top:3px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#topnav li {
	float: left;
	position:relative;
	margin: 0;
	padding: 0;
	background-image:url(../static/bg_topnav_li.gif);
	background-repeat:no-repeat;
	background-position:right top;
	width:159px;
	z-index:10;
  }
  
/* style the links for the top level */
#topnav a {
	background: transparent;
	display:block;
	color: #0071ae;
	font-size: 1.1em;
	line-height: 1em;
	text-decoration: none;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
}


#topnav a.act {
	background:transparent; 
	font-weight: bold;
}

#topnav a.act:hover,
#topnav a:hover {
	background-color:#6ccff6; 
}

#topnav li li {
	float: none;
	background-image:none;
	padding:5px;
	text-align: left;
  }

#topnav li li a {
	text-align: left;
  }
  
/* hide the sub levels and give them a positon absolute so that they take up no room */
#topnav ul ul {
	visibility:hidden; 
	position:absolute;
	top:0;
	left:0; 
	width:100%;
	background-color:#6ccff6; 
	margin: 0;
	padding: 0;
	padding-top:27px;
	padding-bottom:10px;
	z-index:-10;
	overflow:hidden;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#topnav table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	z-index:-9;
	width:107%;
	width:158px;
	font-size:90%;
}

#topnav table,
#topnav table tr td {
	margin:0;
	padding:0;
}

#topnav table tr td a {
padding-top:0px;
padding-bottom:0px;
line-height:1em;
}

#topnav li.last table {
	width:160px;
}
/* style the second level links */
#topnav ul ul a {
height:auto; 
font-size: 1em;
line-height:1.1em;
color:#FFFFFF;
font-weight:bold;
margin-left:0;
margin-right:0;
padding-top:1px;
padding-bottom:1px;
padding-left:10px;
padding-right:5px;
width:auto;
}

/* style the top level hover  , /** html #topnav ul ul a:hover*/
* html #topnav a:hover {color:#0071ae; background:#6ccff5; }

#topnav ul ul a:hover,
#topnav ul ul a.act:hover,
#topnav ul ul :hover > a {
background:transparent;
color:#0071ae;
}

#topnav ul ul a.act {
	font-weight: bold;
	color:#0071ae;
}

/* make the second level visible when hover on first level list OR link */
#topnav ul li:hover ul,
#topnav ul li a:hover ul {visibility:visible;}