/*** ESSENTIAL STYLES ***/

.menu li:hover ul,
.menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left:			0; /* match ul width */
	top:			0;
}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top:			-999em;
}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left:			0; /* match ul width */
	top:			0;
}


/*** SKIN ***/

.menu h1 {margin:0; width:120px;}
.menu a, .menu h1 {display:block; text-decoration:none; padding:0;}
.menu h1 a {color:#FFF; background:url("../images/btn_topnav.jpg") no-repeat center 0; font:bold 12px Arial; text-transform:uppercase; text-align:center;
cursor:pointer; margin:0; padding:10px 0 6px 0;}
.menu h1:hover a {color:#FFF; background:url("../images/btn_topnav.jpg") no-repeat center -35px; width:120px;}

.menu a {color:#FFF; background:#A4C0A4; font:normal 12px arial; text-decoration:none; border-bottom:1px solid #FFF; padding:3px 10px;}
.menu a:hover {color:#FFF; background:#005600; width:99px;}
.menu li {position:relative; list-style:none;}
.menu li li {position:relative; width:119px;}
.menu li:hover h1 a {color:#FFF; background:url("../images/btn_topnav.jpg") no-repeat center -70px;}
.menu li a.current {color:#FFF; background:url("../images/btn_topnav.jpg") no-repeat center -70px;}

.menu ul { /* all lists */
	padding:0; margin:0; list-style:none;}

.menu li { /* all list items */
	float:left; width:120px; z-index:999;}

.menu li ul { /* second-level lists */
	text-align:left;
	position:absolute;
	margin:2px 0 0 -1px; width:119px;
	border-right:1px solid #FFF; border-left:1px solid #FFF; border-bottom:2px solid #005600;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

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