/* Rebranding CSS for dropdown menu */

/* Home */
#dropdownmenu li#main-menu-home {
	background-image: none;		/* for the first list item, we don't have a blue divider image */		
}

/* Shop */
#dropdownmenu li#main-menu-2696 {
/*	border-right: 1px solid #000; */		/* for the last list item, we want to add a border-right */		
}




/* Home */
#dropdownmenu li#main-menu-home a {
/*	width: 31px; */
	width: 2.8em;
	padding-left: 10px;		/* first item must have margin-left 10px */
}


/* About the Library */
li#main-menu-728 a {
/*	width:  99px; */
	width: 9em;
}

/* Using the Library */
li#main-menu-161 a {
/*	width:  97px; */
	width: 8.9em;
}

/* Discover Collections */
li#main-menu-6581 a {
/*	width:  116px; */
	width: 10.6em;
}

/* Exhibition and events */
li#main-menu-163 a {
/*	width:  115px; */
	width: 10.5em;
}

/* Collection Types */
/*
#dropdownmenu li#main-menu-164 {
	width:  12%;	
}
*/

/* old Research guides */
/*
li#main-menu-165 a {
	width: 8.6em; 
}
*/

/* new Research guides (link to LibGuides homepage) */
li#main-menu-196388 a {
	width: 8.6em; 
}



/* Services */
li#main-menu-166 a {
/*	width:  49px; */
	width: 4.4em;
}

/* Shop */
#dropdownmenu li#main-menu-2696 a {
/*	width: 18px; */
	width: 1.8em;
	background-image: none;			/* last item in menu doesn't have the divider slash */
}














/* ===================================== suckerfish dropdowns =========================================  */	


#dropdownmenu {
	clear: both;
	width: 100%;
	float: left;
	color: #000;
/*	background-color: #eceded; */
	background-color: #EBEBEB;			/* Frost web palette */
	background-image: none;
	text-align: left;
	font-size: 85%;
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 10px;
/*	border-top: 1px solid #000;
	border-bottom: 1px solid #000;		*/
}


#dropdownmenu ul { /* all lists */
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: normal;
/*	font-size: 110%; */
	color: #000;
/*	background-color: #eceded; */
	background-color: #EBEBEB;			/* Frost web palette */
	background-image: none;	
	overflow: visible;			/* needed to prevent scrollbars appearing in IE */
}



#dropdownmenu li a {
	display: block;
	color: #000;
	background: url("/archive/images/layout/dropdownmenu/menu_divider_slash.png") no-repeat right center;	
	background-color: transparent;
	line-height: 4;
	text-decoration: none;
	text-align: left;	
	padding-left: 7px;
	padding-right: 22px;	/* need to set padding-right for local main menu items that don't have explicit width set */
/*	border-right: 1px dotted Black; */
}

#dropdownmenu li a:hover {
	display: block;
/*	color: #FF0099; */
	color: #d10074;
	background-color: transparent;	
}	


/* Home */
#dropdownmenu li#main-menu-home a:hover {		/* for the first menu item, we don't show the left edge */
/*	background-image: url("/archive/images/layout/main-menu-first-hover-bg.gif");
	background-repeat: repeat-x; */
}

#dropdownmenu li li a:hover {
	color: #FFF;
/*	background-color: #FF0099;	*/
	background-color: #d10074;	
	background-image: none;
}









#dropdownmenu li { /* all list items */
	margin: 0;
	float: left;
	color: #000;
/*	border-right: 1px solid #191970; */
	text-align: center;
	background-color: transparent;
	background-image: none;
/*	background-image: url("/archive/images/layout/menubar-bluerules.gif");
	background-repeat: no-repeat;		*/
/*	text-transform: uppercase; */
}


#dropdownmenu li li  {		/* we don't want the blue rule image on dropdown list items */
	background-image: none;
}




#dropdownmenu li.submenu {
	background-image: url("/archive/images/layout/dropdownmenu/submenuarrow2.gif");
	background-position: right 8px;
	background-repeat: no-repeat;
}

#dropdownmenu li.submenu a:hover {
	background-image: url("/archive/images/layout/dropdownmenu/submenuarrow2_hover.gif");
	background-position: right 8px;
	background-repeat: no-repeat;
}

#dropdownmenu li.submenu li,
#dropdownmenu li.submenu li a:hover {
	background-image: none;
}


#dropdownmenu li ul { /* second-level lists */
	padding: 0;
	margin: 0;
	position: absolute;
	color: #000;
/*	font-size: 13px; */
	background-color: #FFF;
	background-image: none;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
/*	border: 1px solid #cacbcb; */
	border: 1px solid #AAA;
	border-bottom: none;
/*	border-bottom: 1px solid #666;			*/
	font-weight: normal;
	z-index: 999;  /* z-index needed to fix bug in FF2 where hover conflicts with a another hyperlink on page which is underneath fly-out menu */
}

#dropdownmenu li ul li a {
	width: 130px; /* width needed or else Opera goes nuts */
	color: #000;
	background-image: none;
	background-color: transparent;
	text-align: left;
	
/*	border-right: 1px solid #666;		*/
/*	padding: 5px 8px 5px 8px; */
	padding: 5px 20px 6px 8px;    /* padding-right needed to show submenuarrow background image for submenu items */
/*	line-height: 15px;	*/
	line-height: 1.2;
}



#dropdownmenu li ul li { /* all list items */
	padding: 0; 
	margin: 0;
	float: none;
	color: #000;
	text-transform: none;
	background-color: transparent;
/*	border-color: #A9A9A9;
	border-width: 1px; */
/*	border-bottom: 1px solid #BBB; */
	border-bottom: 1px solid #AAA;
	border-right: none;
}

#dropdownmenu li ul li.last-item {	/* last item in a sub list should display the thick bottom border for the menu */
/*	border-bottom: 1px solid #cacbcb; */
	border-bottom: 1px solid #AAA;
}


#dropdownmenu li ul ul {
/*	margin: -26px 0 0 208px; */
	margin: -25px 0 0 158px;
/*	margin: -28px 0 0 -192px; */
}

#dropdownmenu li ul li.two-lines ul {	/* for submenu items that span two lines, we apply the two-lines class and shift submenu up to compensate */
/*	margin: -39px 0 0 208px; */
	margin: -38px 0 0 158px;
/*	margin: -43px 0 0 -192px; */
}




/* =========== START Services menu special exception ================ */

#dropdownmenu li#main-menu-166 ul ul {		/* "Services" dropdown fly-out needs to appear on left instead of right of parent menu */
/*	margin: -26px 0 0 208px; */
	margin: -25px 0 0 -160px;
/*	margin: -28px 0 0 -192px; */
}


#dropdownmenu li#main-menu-166 ul {		/* "Services" dropdown needs to align to right edge instead of left edge of "Services" main menu item */
	margin-left: -94px;
/*	margin-left: -8.5em; */

}



#dropdownmenu li#main-menu-166 ul li.two-lines ul {	/* for submenu items that span two lines, we apply the two-lines class and shift submenu up to compensate */
/*	margin: -39px 0 0 208px; */
	margin: -35px 0 0 -162px;
/*	margin: -43px 0 0 -192px; */
}

#dropdownmenu li#main-menu-166 li.submenu {
	background-image: url("/archive/images/layout/dropdownmenu/submenuarrowleft2.gif");
	background-position: right 8px;
	background-repeat: no-repeat;
}

#dropdownmenu li#main-menu-166 li.submenu a:hover {
	background-image: url("/archive/images/layout/dropdownmenu/submenuarrowleft2_hover.gif");
	background-position: right 8px;
	background-repeat: no-repeat;
}

#dropdownmenu li#main-menu-166 li.submenu li,
#dropdownmenu li#main-menu-166 li.submenu li a:hover {
	background-image: none;
}


/* =========== END Services menu ================ */




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


#dropdownmenu li:hover ul, 
#dropdownmenu li li:hover ul, 
#dropdownmenu li li li:hover ul, 
#dropdownmenu li.sfhover ul, 
#dropdownmenu li li.sfhover ul, 
#dropdownmenu li li li.sfhover ul {
	left: auto;
}