#navicol ul {
	margin: 0; padding: 0;	
	list-style-type: none;
	}

#navicol ul ul {
	width: 155px;
	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navicol li {
	float: left;
	}

/* hide the sub levels and give them a position absolute so that they take up no room */
#navicol ul ul {
	visibility: hidden; 
	position: absolute;
	top: 164px;
	left: 244px; 
	width: 121px;
	}

/* style the table so that it takes no part in the layout - required for IE to work */
#navicol table {
	position: absolute; 
	top: 0; left: 0; 
	border-collapse: collapse;
	}

/* style the second level links */
#navicol ul ul a.link {
	margin: 0; padding: 0;
	display: block;
	background: #396C94;
	font-size: 9px; 
	color: #FFF; 
	line-height: 20px; 
	width: 121px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	}

/* yet another hack for IE5.5 */
* html #navicol ul ul a { 
	width: 122px;
	w\idth: 122px;
	}

#navicol ul ul a.link:hover { 
	background: #004B7C;
	font-weight: normal;
	text-decoration: none;
	}

#navicol ul ul :hover > a.link { 
	background: #004B7C;
	font-weight: normal;
	text-decoration: none;
	}

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