/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none; font-size: 1em;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			250px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width:			100%;

}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	text-align: center; /*Aug 2017 - added to center nav text after removing image nav*/}

.sf-menu > li  {
		border-right: 2px solid;
		border-image: linear-gradient(to right, rgba(242,243,248,1) 0%, rgba(217,219,232,1) 50%, rgba(180,185,207,1) 51%, rgba(225,229,249,1) 100%);
}

.sf-menu > li:last-child  {
	border-width: 0px;
	border-style: solid;
	border-image: linear-gradient(to right, rgba(242,243,248,1) 0%, rgba(217,219,232,1) 50%, rgba(180,185,207,1) 51%, rgba(225,229,249,1) 100%);
}

.subnav li {
	text-align: left;
}

.orgmenu {
	text-align: left;
}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			48px; /* match top ul list item height */
	z-index:		999;
}
/*aligning Submit menu - ecg sept 2017*/
.sf-menu > li:last-child:hover ul,
.sf-menu > li:last-child.sfHover ul {
	left:			auto;
	right: 			0;
	z-index:		999;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			250px; /* match ul width */
	top:			0;
}
ul.sf-menu li:last-child li:hover ul,
ul.sf-menu li:last-child li.sfHover ul {
	right:			250px; /* match ul width */
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	position:relative;
	z-index:999;
}
.sf-menu a {
	text-decoration:none;
	padding-top:14px;
}

.sf-menu ul li a {
/*	border-left:	1px solid #6F8FBE;
	border-right: 1px solid #6F8FBE; */
	text-decoration:none;
	padding: 10px 10px;
	width:228px;
}

.sf-menu ul li a, .sf-menu ul li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
}
.sf-menu li {
	background: transparent;

}
.sf-menu li li {
	background:		#28508C;
	border-bottom: 1px solid #6F8FBE;
}
.sf-menu li li li {
	background:		#486EA6;

}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:	transparent;
	outline:		0;
}

.sf-menu ul li:hover > a {
	color: #FFFFFF;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul a:active {
	background:		#486EA6;
	color: #FFFFFF;
	outline:0;
}

.sf-menu ul ul li:hover, .sf-menu ul ul li.sfHover,
.sf-menu ul ul li a:focus, .sf-menu ul ul li a:hover, .sf-menu ul ul a:active {
	background:	#6F8FBE;
	color: #FFFFFF;
	outline:0;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
/*	background: url('../images/shadow.png') no-repeat bottom right;*/
/*	padding: 0 8px 9px 0;*/

	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px#333;
	box-shadow: 0 0 5px #333;

}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* CUSTOM ITEMS
========================================== */
.sf-menu .nav {
	display: block;
	height: 32px;

	}

/*"unhide" navigation text* - Aug 2017*/
/*
.sf-menu .nav span {
	visibility: hidden;
}*/

.sf-menu .nav a {
	text-decoration: none;
}

.sf-menu .corehome {
	width: 142px;
	background-image: linear-gradient(to bottom, #ededed, #c5c5c5);
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;

}

.sf-menu .corehome:hover {
	background: #28508c;
	color: #fdfdff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}

.sf-menu .about {
	width: 142px;
	background-image: linear-gradient(to bottom, #ededed, #c5c5c5);
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}

.sf-menu .sfHover .about, .sf-menu .current .about, .sf-menu .about:hover {
	background: #28508c;
	color: #fdfdff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.sf-menu .topics {
	width: 142px;
	background-image: linear-gradient(to bottom, #ededed, #c5c5c5);
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.sf-menu .sfHover .topics, .sf-menu .topics.current, .sf-menu .topics:hover {
	background: #28508c;
	color: #fdfdff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.sf-menu .organisms {
	width: 142px;
	background-image: linear-gradient(to bottom, #ededed, #c5c5c5);
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.sf-menu .sfHover .organisms, .sf-menu .organisms.current, .sf-menu .organisms:hover {
	background: #28508c;
	color: #fdfdff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.sf-menu .resources {
	width: 142px;
	background-image: linear-gradient(to bottom, #ededed, #c5c5c5);
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.sf-menu .sfHover .resources, .sf-menu .resources.current, .sf-menu .resources:hover {
	background: #28508c;
	color: #fdfdff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.sf-menu .gloss {
	width: 142px;
	background-image: linear-gradient(to bottom, #ededed, #c5c5c5);
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.sf-menu .sfHover .gloss, .sf-menu .gloss.current, .sf-menu .gloss:hover {
	background: #28508c;
	color: #fdfdff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.sf-menu .submit {
	width: 142px;
	background-image: linear-gradient(to bottom, #ededed, #c5c5c5);
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}

.sf-menu .sfHover .submit, .sf-menu .submit.current, .sf-menu .submit:hover {
	background: #28508c;
	color: #fdfdff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
}

.sf-menu .orgmenu h1 {padding: 7px 0px; color:#FFF;}
.sf-menu a.megamenu:link, .sf-menu a.megamenu:visited {padding: 7px 20px; color:#FFF;}
.sf-menu a.megamenu:active, .sf-menu a.megamenu:hover {background: #486ea6;}

.sf-menu li>a>span {
	text-transform: uppercase;
}