.nav{position:absolute;bottom:0;left:0;}
.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 #pageid66 div a{width:87px;height:41px;background: url(../images/aecl/nav-aboutaecl.gif) 0 0 no-repeat;}
.nav ul #pageid68 div a{width:100px;height:41px;background: url(../images/aecl/nav-regulatory.gif) 0 0 no-repeat;}
.nav ul #pageid70 div a{width:104px;height:41px;background: url(../images/aecl/nav-commercialbusiness.gif) 0 0 no-repeat;}
.nav ul #pageid72 div a{width:65px;height:41px;background: url(../images/aecl/nav-projects.gif) 0 0 no-repeat;}
.nav ul #pageid74 div a{width:85px;height:41px;background: url(../images/aecl/nav-candureactors.gif) 0 0 no-repeat;}
.nav ul #pageid76 div a{width:97px;height:41px;background: url(../images/aecl/nav-nuclearscience.gif) 0 0 no-repeat;}
.nav ul #pageid78 div a{width:122px;height:41px;background: url(../images/aecl/nav-sustainabledevelopment.gif) 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/aecl/flyoutbg-active.gif) 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/aecl/flyoutbg-inactive.gif) 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;}
