/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { background-color: #6b98bf;}
.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.5em; }
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: #6b98bf;  }
nav a { text-decoration: none; color: white !important; background-color: #6b98bf; font-size: 14px}
#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:20px; padding-right: 20px;color: white !important; font-weight:bold; 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: 160px; }
#nav>li ul li a span { display: block; }
#nav>li ul li a:hover, #nav>li ul li a.active { border:none; background:#6b98bf; color: white;  padding-left: 15px; }