/*ie6 only detects hover over <a>, ie7 and ie8 and other browsers work with <li> hover.*/
/*importantly for ie6, the <a> must include href="#" other wise it doesn't detect a:hover.*/

ul.ulNav {
	list-style-type:none;
 	display: block;
	position: relative;
	margin: 0;
	padding: 3px 0 0 0;
	font-size: 1.2em;
}
ul.ulNav li {
	display: block;
	background: none;
	margin: 0;
	padding: 0;
	z-index:auto !important /*Non-IE6*/;
	z-index:1000 /*IE6*/;
}
ul.ulNav li a {
	display:block;
}
ul.ulNav li ul {
	display: block;
 	position: absolute;
	left: -999em; /* left to hide dropdown because display:none not handled by screen readers */
	z-index: 2;
}
ul.ulNav li ul li a { /* dropdown formatting */
	display: block;
	width: 10em;
	line-height: 20px;
	text-align: left;
	padding: 0 1em;
	font-weight:bold;
	border:solid 1px rgb(175,175,175);
	color: #ffff33;
	text-decoration: none; /* turn off underline on dropdown */
}
ul.ulNav table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
/* ie6 */
/* hover button */
ul.ulNav li a:hover {
	position:relative;
	z-index:1000;
}
ul#ulVis li a:hover ul {
	display:block;
	position:absolute;
	z-index:999;
	top: -70px ;
	left: 75px ;
}
ul#ulDept li a:hover ul {
	display:block;
	position:absolute;
	z-index:999;
	top: -120px ;
	left: 75px ;
}
ul.ulNav li a:hover ul li a {
	white-space:normal;
	display:block;
	padding:4px 1em;
	background-color:rgb(50,50,50);
}
/* hover dropdown item */
ul.ulNav li a:hover ul li a:hover {
	background-color:rgb(100,100,100);
	text-decoration:none;
}
/*ie7*/
/* hover button */
ul#ulVis li:hover ul {
	display:block;
	position:absolute;
	z-index:1001;
	top: -70px ;
	left: 75px ;
}
ul#ulDept li:hover ul {
	display:block;
	position:absolute;
	z-index:1001;
	top: -120px ;
	left: 75px ;
}
/* hover dropdown item */
ul.ulNav li:hover ul li a {
	white-space:normal;
	display:block;
	padding:4px 1em;
	background-color:rgb(50,50,50);
}
ul.ulNav li:hover ul li a:hover {
	background-color:rgb(100,100,100);
	text-decoration: none;
}