/* Suckerfish menu CSS file */

/* for the benefit of IE */
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	overflow:visible;
}

#nav a {
	display: block;
	width: 10em;
}

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

#nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	overflow:visible;
}

/* causes the menu to appear */
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto; 
}

/* -------------------- post suckerfish update styles ------------------   */

/* 
HACK: 

ie 6 does not place the dropdown in position with text aligned center 
for top menu items; places incorrectly at the centre of the top menu item 

Suckerfish uses "left:auto" to put the menu in proper position with other browsers.

The hack margin value is calculated at minus half of the widtth of the 
top menu li/a tags 

*/

/* IE dropdown hack for custom suckerfish menu */
* html #nav li:hover ul, * html #nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: -4.5em;
}

/* first level styling */

#nav {
height:22px;
background-color: #333333;
background-image: url(../images/menu_bg.gif);
background-repeat: repeat-x;
background-position: top;
text-align:center; /* IE needs compensation later on for bad dropdown positioning - to follow later */

}

/* ---------------------------want to but cant get rid of this in decendants with FF */
#nav li {
	height:inherited;
	border-right: 2px groove black;
	line-height:150%; /* for creating padding for menu links */
}

#nav li a, #nav li a:link, #nav li a:visited  {
color: #ffffff;
text-decoration:none;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size:8pt;
height:22px;
width:100%;
}

/*
#nav li.sfhover:hover, #nav li a:hover {
background-image:url(../images/menu_bg_hover.gif);
}

#nav li a:active {
background-image:url(../images/menu_bg_active.gif);
}
*/

ul#nav li ul   { 
color:#fff;
text-align: left;
line-height: 140%;
border: 1px solid #3E6B25;
background: #60A739; /* background works for all, unlick background color */

}

/* second level dropdown item background and hover styles */

/* indent and color of dropdown link */
#nav li li a {
padding-left:12px;
}

#nav li  li:hover, #nav li li a:hover { /* second-level lists */
	background: #ffffff;
   color: #60A739;
}

#nav li ul li a:active {
   background:#fff;
	color:#000;
}

#nav li ul li {
	height:inherited;
	border: none;
	line-height:150%; /* for creating padding for menu links */
	width:168px; /* sync with other widths and borders */
}