.tier2 .nav{bottom:8px}
.nav ul{margin:0;padding:0;list-style: none;line-height:1em;}
.nav li{float:left;}
.nav li a{display:block;}
.nav ul li div a{text-indent:-2000px;}
.nav ul #north div a{width:90px;height:30px;background: url(images/north.jpg) 0 0 no-repeat;}
.nav ul #south div a{width:90px;height:30px;background: url(images/south.jpg) 0 0 no-repeat;}
.nav ul #central div a{width:90px;height:30px;background: url(images/central.jpg) 0 0 no-repeat;}
.nav ul li div a:hover{ background-position: bottom !important;}



.nav li ul li a {text-decoration:none;
color:#000000;
	display: block;
	width: 160px;
	padding:5px 8px 5px 20px;
	border-top:1px solid #a1b4bb;border-left:1px solid #a1b4bb;border-right:1px solid #a1b4bb;
}


.nav li ul li a:hover {
	background:#ffffff url(images/bg-active.jpg) left no-repeat;
}

.nav li ul li { /* all list items */
	float: left;
	/* width: 1em;  width needed or else Opera goes nuts */
}

.nav li ul  { /* second-level lists */
	position: absolute;
	background: #c2d6dd  url(images/bg-inactive.jpg) left repeat-y;
	width: 190px;
	margin:0 0 0 9px;
	border-bottom:1px solid #a1b4bb;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 190px;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
	left: -999em;
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.nav li ul ul{display:none;}