#nav
{
	background-image: url('../imagesNavBar/navTopBK.gif'); 
	height:26px; 
	width:750px;
} 

/* all list items */
#nav ul { padding:0; margin:0; list-style:none; }
#nav li { float:left; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

#nav a 
{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	display: block;
}
#nav a:hover { text-decoration: underline; }

#nav a.hasChildren {
	background-image: url('../imagesNavBar/navBKArrow.gif');
	background-repeat: no-repeat;
	background-position: 120px 0px;
}
#nav a.hasChildren:hover {
	background-image:url(../imagesNavBar/navBkArrowHover.gif);
	background-repeat: no-repeat;
	background-position: 120px 0px;
}

/*--- first-level lists ---*/
#nav li {padding-left:50px;}
#nav li a 
{
    font-weight: bold;
    color: #fff;
    padding: 5px 0 7px 0;
}

/*--- second-level lists ---*/
/* using left instead of display to hide menus because display: none isn't read by screen readers */
#nav ul ul
{
	position: absolute;
	left: -999em;
	width: 140px;
	background-image: url('../imagesNavBar/navBKBot140.png');
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:6px;
}
#nav li li { 
	width: 140px;
	padding:0;
	background-image: url('../imagesNavBar/navBK.png');
}

#nav li li a
{
	display: block;
	color: #fff;
	float: none;
	font-weight: normal;
	padding: 5px 15px 5px 10px;
}


#nav li li a:hover
{
	color: #000;
	background-image: none;
	background-color: #e7e7e7;
	text-decoration: underline;
}

/* last item, leftward menu */
#nav ul.last ul
{
	margin-left: -45px;
}

/*--- third-and-above-level lists ---*/
#nav ul ul ul
{
	position: absolute;
	left: -999em;
	background-image: url('../imagesNavBar/navBKBot190.png');
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:6px;
	width: 190px;
	margin-left: 140px;
	margin-top: -24px;
}
#nav ul ul ul li {
	width:190px;
	border-left: solid 1px #999;
}
#nav ul.course ul ul li {
	width:140px;
	border-left: solid 1px #999;
}
#nav ul.course ul ul
{
	background-image: url('../imagesNavBar/navBKBot140.png');
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:6px;
	width: 140px;
	margin-left: 140px;
	margin-top: -24px;
}
/* 3rd level leftward menu */
#nav ul.l3 ul ul
{
	background-image: url('../imagesNavBar/navBKBot140.png');
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:6px;
	width: 140px;
	margin-left: -140px;
	margin-top: -24px;
}
#nav ul.l3 ul ul li {
	width:140px;
	border-left:0;
	border-right: solid 1px #999;
}

/* last item, leftward menu */
#nav ul.last ul ul
{
	background-image: url('../imagesNavBar/navBKBot140.png');
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:6px;
	width: 140px;
	margin-left: -140px;
	margin-top: -24px;
}
#nav ul.last ul ul li {
	width:140px;
	border-left:0;
	border-right: solid 1px #999;
}

/* hide 4th level, if any */
#nav ul ul ul ul
{display: none;}