/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * {margin:0; padding:0;list-style:none;}
.sf-menu {margin-left:0px; background-color: #0e2a42;}
.sf-menu ul {position:absolute; top:-999em;width:10em;/* 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;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:1.5em;/* match top ul list item height */ z-index:99; }
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:14.7em;/* match ul width */ top:-2.6em; }
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:14.7em;/* match ul width */ top:-2.5em; }
/* NAVIGATION ------------------------------------------------------------*/
nav .copyRight {width:auto;float:right; font-size:11px;padding-right:20px;}
nav {float: none;line-height:50px;color:#fff;background-color: #333366;}
nav a {text-decoration:none;color:white !important;background-color: #333366;font-size:16px;}
#nav ul {float:left;}
#nav { margin-top:1px; }
#nav li {display: inline; font-size:12px; float:left;}
#nav>li>a {display:block; overflow:hidden; margin:0 0px 0 0;padding-left:23px;padding-right:23px;color:white !important;font-weight:500;border-right:1px solid #fff;}
#nav>li>a:hover,
#nav>li.active>a {background-color: #5d84a6; }
#nav>li.active>a,
#nav a:hover { color: white !important; }
#nav>li>a>.subheader { color: #white; display: block; font-size: 14px; margin-top:10px; font-weight: lighter; }
#nav .sf-sub-indicator { float: right; }
#nav>li>a>.sf-sub-indicator { display: none; }
/* sub navigation -----------------------------------------------------*/
#nav>li ul { display: block; margin-top:31px; background: #5d84a6; width: 160px;}
#nav>li ul li { border-bottom:1px solid #ececec;}

#nav>li ul li a { background: #5d84a6 ; display: block; padding-left: 15px; font-size: 13px; color: white; text-decoration: none; width: 180px; }
#nav>li ul li a span { display: block; }
#nav>li ul li a:hover, #nav>li ul li a.active { border:none; background:#333366; color: white;  padding-left: 15px; }

#nav>li ul li li a { background:#333366; display: block; padding-left: 25px; font-size: 13px; color:white; text-decoration: none; width: 180px; }
#nav>li ul li li a span { display: block; }
#nav>li ul li li a:hover, #nav>li ul li a.active { border:none; background:#333366; color: white;  padding-left: 25px; }