/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu li {
	position:relative;
}
.sf-menu ul {
	position:absolute;
	display:none;
	top:55px;
	left:0;
	z-index:99;
	background:#333;
	width:100%;
}
/*.sf-menu ul:before {background:#333; content:" "; display:none; position:static; width:100%; z-index:98;}*/
.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%;
}


/*** DEMO SKIN ***/
.sf-menu {
	/*float:left;
	margin-bottom:1em;*/
	border-top:1px solid #333;
	text-transform:uppercase;
}
.sf-menu ul {
	box-shadow:2px 2px 6px rgba(0,0,0,.2);
	min-width:12em; /* allow long menu items to determine submenu width */
	*width:12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	/*border-left:1px solid #fff;
	border-top:1px solid #dFeEFF;*/ /* fallback colour must use full shorthand */
	/*border-top:1px solid rgba(255,255,255,.5);
	padding:.75em 1em;
	text-decoration:none;
	zoom:1;*/ /* IE7 */
	color:#000;
	height:55px;/*needed so height of secondary menu items forces header_strip to correct height, preventing gap between colored background and the menu strip/s below*/
	padding:.7em 1em;
	text-decoration:none;
	zoom:1; /* IE7 */
}
/*.sf-menu a {
	color:#13a;
}*/
.sf-menu li {
	/*background:#BDD2FF;*/
	white-space:nowrap; /* no need for Supersubs plugin */
	*white-space:normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition:background .2s;
	transition:background .2s;
}
.sf-menu ul li {
	/*background:#AABDE6;*/
	font-size:14px;
}
.sf-menu ul ul li {
	background:#9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	/*background:#CFDEFF;*/
	/* only transition out, not in */
	-webkit-transition:none;
	transition:none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right:2.5em;
	*padding-right:1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	background:url(../images/secondary-nav-arrows.png) no-repeat center top;/*the little arrows under each secondary nav element*/
	content:'';
	position:absolute;
	top:37px;
	left:50%;
	margin-left:-50px;
	height:20px;
	width:79px;
	/* order of following 3 rules important for fallbacks to work */
	/*border:5px solid transparent;*/
	border-top-color:#dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color:rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color:white; /* IE8 fallback colour */
	/*
	background:url(../images/arrow-up.png) no-repeat center bottom;
	height:25px;
	width:79px;
	bottom:0;
	left:25%;
	*/
}
.sf-arrows > li.sfHover > .sf-with-ul:after {
	border-top-color:white; /* IE8 fallback colour */
     background-position:center bottom;/*positioning to bottom points the little arrows under each secondary nav element 'up'*/
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top:-5px;
	margin-right:-3px;
	border-color:transparent;
	border-left-color:#dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color:rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color:white;
}

.sf-menu ul li a {height:auto;}/*reset height of links within the dark greg tertiary menus*/