﻿.sf-menu, .sf-menu *{margin:0;padding:0;list-style:none;}

.sf-menu {
	/* line-height:	1.0; */
}

.sf-menu ul{position:absolute;top:-999em;width: 225px; /* left offset of submenus need to match (see below) */z-index:9999;}

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

.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}

.sf-menu li{float:left;position:relative;z-index:9999;}

.sf-menu a{display:block;position:relative;}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul{left:0;top:2.7em; /* match top ul list item height */z-index:9999;}

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:225px; /* match ul width */top:0;}

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:225px; /* match ul width */top:0;}

 

/*** EDIT THIS SECTION ***/

.sf-menu{float:left;}

.sf-menu a{text-decoration:none;margin:0 2px;font-size:14px;font-weight:bold;}

ul.sf-menu li ul li:first-child{z-index:9999;}

a.top-sf-menu, a:visited.top-sf-menu{
	border-bottom: 2px solid #00789B;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
.sf-menu li.current {
	border-left: 1px solid #454545;
	padding: 20px;
}
.sf-menu li{margin:0;}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{z-index:99999999;outline:0;}

ul.level1, ul.level2{background-color: black;background-color: rgba(0, 0, 0, 0.8);z-index:99999999;width:20em;position:absolute !important;}

.level1 a, .level2 a{padding: 10px 10px 10px 20px;color: #FEFEFE;border-bottom: 0px !important;white-space:normal !important}

.level1 li, .level2 li{min-width:200px !important;margin:0;padding:4px 0;border-top: 1px solid #000000;border-bottom: 1px solid #454545;}

.level1 a.popout, .level2 a.popout{background-image:url('../images/nav-arrow.png') !important;}

.level1 li:hover, .level1 a:focus, .level1 a:hover, .level1 a:active, .level2 li:hover, .level2 a:focus, .level2 a:hover, .level2 a:active{background-color: #00789B;background-color: rgba(0, 120, 155,0.9);
}