/*** BEGIN ESSENTIAL STYLES FOR THE MENU - DO NOT TOUCH ***/
.sf-menu, .sf-menu * {								margin: 0;
															padding: 0;
															list-style: none; }
.sf-menu li {											position: relative; }
.sf-menu ul {											position: absolute;
															display: none;
															top: 100%;
															left: 0;
															z-index: 99; }
.sf-menu > li {										float: left; }
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {							display: block; }
.sf-menu a {											display: block;
															position: relative; }
.sf-menu ul ul {										top: 0;
															left: 100%; }
/*** END ESSENTIAL STYLES FOR THE MENU - DO NOT TOUCH ***/




/*** DISPLAY STYLES - SAFE TO TOUCH ***/



/* the container for the menu - used for positioning on the page */
#dropDownMenu { 										width: 100%;
															margin: 0;
															position: absolute;
															z-index: 1000;
															top: 150px;
															left: 0;
															right: -50%;
															height: 26px;
															text-align: center; }
										
/* the secondary container - necessary to keep menu items from wrapping to the next line */
#menuWrapper {											min-width: 910px; }										






.sf-menu {												display: inline-block; 
															float: none; }

.sf-menu > li {										border-top: 1px solid #4F4F4F; }	

.sf-menu li {											border-bottom: 1px solid #4F4F4F;
															background-color: #DADADA; 
															white-space: nowrap;  }

.sf-menu ul {											border-top: 1px solid #4F4F4F; 
															box-shadow: 2px 2px 6px rgba(0,0,0,.2);
															min-width: 12em; /* allow long menu items to determine submenu width */ }


.sf-menu a {											font-size: 11px;
															font-weight: bold;
															color: #4F4F4F;
															border-right: 1px solid #4F4F4F;
															padding: 5px 23px;
															text-decoration: none;
															zoom: 1; /* IE7 */ }
	
#homeLink { 											border-left: 1px solid #4F4F4F; }


/* browser hack to adjust menu padding in firefox */
body:not(:-moz-handler-blocked) .sf-menu a {	padding: 5px 21px; }


.sf-menu li:hover a,
.sf-menu li.sfHover a {								color: #FFF; }


.sf-menu li:hover,
.sf-menu li.sfHover {								background-color: #749cb5;
															-webkit-transition: none;
															transition: none; }



.sf-menu ul li { 										text-align: left; 
															border-left: 1px solid #4F4F4F; }

.sf-menu ul+li {										border-top: 1px solid #4F4F4F; }


.sf-menu ul li:hover,
.sf-menu ul li.sfHover {							background-color: #749cb5;
															-webkit-transition: none;
															transition: none; }


.sf-menu ul li a {									color: #4F4F4F!important; }
.sf-menu ul li a:hover {							color: #FFF!important; }





/* keep the menu hover effect for whatever section you're in. add these classes to the body, and to the menu link class. */
.grants .grants,
.discoveryDevelopment .discoveryDevelopment,
.repositories .repositories,
.databasesTools .databasesTools,
.ourOrganization .ourOrganization,
.contactUs .contactUs { 							background-color: #749cb5; 
															color: #FFF; }


.oad a.oad,								
.gcob a.gcob,	
.mpb a.mpb,	
.btb a.btb,	
.tpb a.tpb,	
.dscb a.dscb,	
.npb a.npb,	
.brb a.brb,	
.prb a.prb,	
.itb a.itb { 											background-color: #749cb5; 
															color: #FFF!important; }