/* ==============
/* DESKTOP: Menu
========================================================================== */
.menu-header {
    background: #2550c3 url("../images/bar.png") no-repeat scroll 93% center;
     
}
.menu-header a   {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 7px;
    text-decoration: none;
    text-transform: uppercase;
	font-family: Arial, sans-serif
}
div.menu {
	position:relative;
	margin:0;
	padding:0;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	line-height: 1;
	width:100%;
	height:100%;
	}
div.menu ul li { position:relative; display:block; list-style:none; background-color:#f5f3f4 }


/* HOME button */
 
div.menu > ul > li.home.active, div.menu > ul > li.home.selected, 
div.menu > ul > li.active, div.menu > ul > li.selected { background-color:#193c96; }


/* Last button */
 
div.menu > ul > li.last:after { position:absolute; content: "\0020"; display:block; width:170px; height:11px; bottom:-10px; left:0; background-color:none; }


/* Anchors */
div.menu a { line-height: 1.3; text-decoration:none; }
div.menu > ul > li > a { display:block; position:relative; font-size:12px; color:#193c96;border-bottom:1px solid #ccc;  font-weight:600;}
div.menu > ul > li > a:hover{background-color:#193c96; color:#fff;}
 
div.menu > ul > li > a.no-divider:after { background:none!important }


/* SPAN Arrow */
div.menu > ul > li > a { display:block; padding:10px; font-weight:bold;}
div.menu > ul > li.last > a  { padding-bottom:10px }

div.menu ul li.subnav > a{background: url(../images/arrow-rt.png) no-repeat 95% center; }


/* Active State */
div.menu > ul > li.active > a, div.menu > ul > li.selected > a { color:#fff; }
div.menu > ul > li.subnav.active.firstActive > a {background:url(../images/arrow-dwn.png) no-repeat 95% center;} 
div.menu ul li.subnav > a:hover{background: #193c96 url(../images/arrow-rt-white.png) no-repeat 95% center;}

 


/* Sub Menu */
div.menu ul li.subnav.active > ul { display:block;}
div.menu ul ul { display:none; }
div.menu ul ul li { position:relative;  background-color:#e9e9e9;}
div.menu ul ul li.active, div.menu ul ul li.active a { background-color:#142985;  color:#fff;}
div.menu ul ul a { display:block; padding:10px 30px; font-weight:normal; color:#142985; border-bottom: 1px solid #ccc; font-size:12px; }
div.menu ul ul li a.no-divider:after, div.menu ul ul li.active a:after, div.menu ul ul li.last a:after { background:none }

/* REMOVING TABLET STYLES
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
menu-header a { padding: 5px 0 5px 10px;}
div.menu > ul > li > a { padding: 8px 0 8px 10px; }
.sassist { margin-top:3px;}
.main div.leftCol {top:3px }
}*/

/* ==============
/* MOBILE: Menu
========================================================================== */
@media only screen and (max-width: 1194px) {
	.menu-header a {padding:10px; }
	.main div.leftCol { position:relative; top:0; left:0; width:100%; height:auto; z-index:100 !important; }
	/* Menu Hamburger Button */
	li.mmenu { position:relative; cursor: pointer; display:block; width:30%!important }
	li.mmenu a:after { position:absolute; content: "\0020"; display:block; top:4px; right:-8px; width:10px; height:6px; background:url("../images/global/darkblue_arrow-dwn.png") no-repeat; }
	li.mmenu.active a:after { background:url("../images/global/darkblue_arrow-up.png") no-repeat }
	/* Menu */
	div.menu { display:none; }
	div.menu, div.menu ul, div.menu ul li {/* max-width:188px; width:188px;*/ }
	div.menu > ul > li > a:after {  content: "\0020"; display:block; }
	div.menu ul ul li { width:100%; }
	div.menu > ul > li.last, div.menu ul ul li.last {
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0; /* future proofing */
		-khtml-border-radius:0; /* for old Konqueror browsers */
	}
	div.menu > ul > li.mpage > a { font-weight:normal; color:#6c7d89; }
	div.menu > ul > li.subnav > a span { background: url("../images/global/arrow-right.png") 94% center no-repeat; }
	div.menu > ul > li.m-subnav > a span { background: url("../images/global/arrow-right.png") 94% center no-repeat; }
	div.menu > ul > li.subnav > a span.arrow-dwn { background: url("../images/global/arrow-right.png") 94% center no-repeat !important; }
	div.menu > ul > li.subnav.active > a span,
	div.menu > ul > li.subnav.selected > a span { background: url("../images/global/darkblue_arrow-dwn.png") 94% center no-repeat; }
	div.menu > ul > li.signup { background-color:#FFF; text-align:center; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;
		border-radius:0 0 5px 5px; /* future proofing */
		-khtml-border-radius:0 0 5px 5px; /* for old Konqueror browsers */
		 }
	div.menu > ul > li.signup > a { display:block; padding:15px 0 0 0; height:46px; background:url("../images/menu/mobile/signup_graphic_m.png") center center no-repeat; }
	div.menu > ul > li.signup > a span { display:none }


}