/**
 * nav_drop_menu_sf Stylesheet
 *
 */


/* Styles for navigation drop down menu (based on son of suckerfish) */

div.navDropMenuSFContainer {
	font-size: 1.2em;
	float: left;
}

div.navDropMenuSFContainer span {
	float: left;
	font-weight: bold;
	display: block;
	text-align: left;
	color: #008000;
	text-decoration: none;
	padding: 0.25em 0.5em;
}

#navDropMenuSF, #navDropMenuSF ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2em;
  background: white;
}

#navDropMenuSF a {
	display: block;
  text-decoration: none;
	font-weight: bold;
  color: #cc5500;  
  padding: 0.2em 0.7em 0.1em 0.7em; /* @@CQ+ Padding for top list item (must be changed in 'li ul li' style) */
/*	width: 10em; @@CQ- No set width for top level */
}

#navDropMenuSF a.hasSubmenu {
	background: url(../images/cat_pointer_right.gif) center right no-repeat;
}

/* @@CQ+ for all levels *below* top level */
#navDropMenuSF li ul li a {
	display: block;
	font-weight: normal;
	width: 12em;
  padding: 0.1em 0 0.1em 0.5em; /* @@CQ+ Reset padding from top list item (see 'li' style) */
}

#navDropMenuSF li { /* all list items */
	float: left;
/*	width: 12em; @@CQ- */ /* No set width for top level (prev: width needed or else Opera goes nuts) */
}

/* @@CQ+ */
#navDropMenuSF li ul li { /* second-level list items??? */
	float: left;
	width: 13em; /* width needed or else Opera goes nuts */
/*  border-bottom: 1px solid #ffff99; */
}

#navDropMenuSF li ul { /* second-level lists */
	position: absolute;
/*	background: orange; */
	width: 13em;
  border: solid #ffff99;
  border-width: 0.1em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navDropMenuSF li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0em 13.0em; /* top = line-height + border-width + top padding + bottom padding; right = width + right padding */
}

#navDropMenuSF li:hover ul ul, #navDropMenuSF li:hover ul ul ul, #navDropMenuSF li.sfhover ul ul, #navDropMenuSF li.sfhover ul ul ul {
	left: -999em; /* move non-selected submenus off page */
}

#navDropMenuSF li:hover ul, #navDropMenuSF li li:hover ul, #navDropMenuSF li li li:hover ul, #navDropMenuSF li.sfhover ul, #navDropMenuSF li li.sfhover ul, #navDropMenuSF li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; /* move back into position */
}

#navDropMenuSF li:hover, #navDropMenuSF li.sfhover {
	background: #ffff99; /* background color for hover item */
}

/* Support for hiding IE select elements (from the iehover-fix.js) */

ul.navDropMenuSF iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

* html ul.navDropMenuSF li { z-index: 201; }

/* this is for IE 5.0 */
select.hide { visibility: hidden; }

/* End Support for the iehover-fix.js */