/* Mobile Menu */
.mobMenuConOuter{position:absolute;width:100%;left:0;}
ul.TopMenu{display:none;}
.topmenu{margin-top:15px;background:#4B99C7;padding:20px !important;}
.menuPos{position:absolute;width:100%;z-index:999;line-height:0;top:0;}
.menuCon {}
	.mobMenu{display:block;font-size:170%;padding:0 0 20px 0;}
	.mobMenuTxt{float:left;padding:0;margin:0;line-height:1em;font-weight:700;color:#fff;}
	.mobMenuBtn{float:right;}
		.mobMenuBtn span {display:block;margin:4px 0px 4px 0px;height:2px;background:#fff;width:20px;}
		
		
/* Main menu styles */		
ul.TopMenu {padding:0;margin:10px 0 0 0;list-style:none;list-style-type: none;min-height:50px;position:relative;z-index:999;background:#4B99C7;}

ul.TopMenu li {float:none;display:block;position:relative;z-index:999;list-style:none;list-style-image:none;margin:0 0 0 20px;width:100%;}

ul.TopMenu li a,
ul.TopMenu li a:link,
ul.TopMenu li a:visited{display:block;line-height:50px;color:#fff;text-decoration:none;font-size:1.3em;width:100%;}
ul.TopMenu li a:hover {position:relative;color:#000;}

/*  Drop-downs */
ul.TopMenu ul {padding:0; margin:0 0 0 20px; list-style:none; list-style-type:none;}
ul.TopMenu ul li {line-height:1.5em;display:block;clear:both;padding:8px 0 8px 0;margin:0;}
ul.TopMenu ul li a,
ul.TopMenu ul li a:link,
ul.TopMenu ul li a:visited{color:#fff;padding:0px;font-weight:normal;font-size:120%;border-right:none;line-height:1.5em !important;height:auto;}

ul.TopMenu ul li a:hover {height:auto;color:#000;}
ul.TopMenu ul.right li a {border-left:1px solid #e60; border-right:0;}
ul.TopMenu ul li a.last {border:0;}
ul.TopMenu :hover ul {left:0px;}

/* Fly outs */
/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.TopMenu ul ul{}
/* keep the third level hidden when you hover on first level list OR link */
ul.TopMenu :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
ul.TopMenu :hover ul :hover ul{ visibility:visible;display:block;left:14em; top:0px; width:14em;position:absolute;border-left:1px #e15c6d solid;}

/* Selected item */
ul.TopMenu li.CurrentItem a,
ul.TopMenu li.CurrentItem a:link,
ul.TopMenu li.CurrentItem a:visited{height:15px;color:#d80029;border-bottom:3px #d80029 solid;}

/* Selected sub item */
ul.TopMenu li.CurrentItem ul li a,
ul.TopMenu li.CurrentItem ul li a:link,
ul.TopMenu li.CurrentItem ul li a:visited{color:#fff;padding:0px 10px 0 10px;width:10.3em;font-weight:normal;font-size:120%;border-right:none;line-height:1.5em !important;height:auto;border-bottom:none;}
ul.TopMenu li.CurrentItem ul li.CurrentSubItem a {color:#000;}
ul.TopMenu li.CurrentItem ul li a:hover {color:#000;}

/* Selected flyout menu */
ul.TopMenu li.CurrentItem ul li ul a,
ul.TopMenu li.CurrentItem ul li ul a:link,
ul.TopMenu li.CurrentItem ul li ul a:visited{color:#fff;padding:0 10px 0 10px;height:auto;}
ul.TopMenu li.CurrentItem ul li.CurrentSubItem ul a {color:#fff;}
ul.TopMenu li.CurrentItem ul li ul li.CurrentSubItem a {color:#000;}
ul.TopMenu li.CurrentItem ul li ul a:hover {color:#000;}

/* first top level item */
ul.TopMenu li .LastItem {border-right:none;}

/**---------------------- Media Queries Mobile first----------------------**/
@media only screen and (min-width : 320px) {

}
	
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Large Devices, tablets */
@media (min-width: 768px) {
	.menuPos{position:absolute;width:100%;line-height:0;top:0;right:20px;}
	.mobMenuConOuter{padding:0;background:#4B99C7;}
}


/* Desktop */
@media (min-width: 992px) {
	/* Menu */
	.menuPos{position:absolute;width:100%;line-height:0;top:0;left:0;}
	.mobMenuConOuter{background:#4B99C7;position:relative;}
	.menuCon{padding:0;clear:none;margin-top:0px;margin-right:0px;margin-left:30px;display:block;background:transparent;float:left;}
	.mobMenu{display:none;}
	ul.TopMenu {display:block;margin:0;}
	.topmenu{margin-top:35px;background:rgba(255,255,255,0.2);}
	
	ul.TopMenu li {float:left;position:relative;z-index:999;list-style:none;list-style-image:none;margin:0 0 0 35px;width:auto;}
	ul.TopMenu ul {padding:0; margin:0; list-style:none; list-style-type:none; position:absolute; height:auto; width:15em; background:#4B99C7; left:-9999px; top:50px;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.75);-moz-box-shadow:0px 3px 5px rgba(0, 0, 0, 0.75);box-shadow:0px 3px 5px rgba(0, 0, 0, 0.75);}
	ul.TopMenu ul li {line-height:1.5em;display:block;clear:both;border-bottom:1px #fff solid;width:inherit;padding:8px 0 8px 0;margin:0;height:auto;}
	
	/* top level links */
	ul.TopMenu li a,
	ul.TopMenu li a:link,
	ul.TopMenu li a:visited{display:inline-block;line-height:50px;float:left; color:#fff; text-decoration:none;font-size:1.3em;}
	ul.TopMenu li:hover > a {position:relative;color:#000;}
	
	/* drop-down links */
	ul.TopMenu ul li a,
	ul.TopMenu ul li a:link,
	ul.TopMenu ul li a:visited{color:#fff;padding:0px 10px 0 10px;width:12.3em;font-weight:normal;font-size:120%;border-right:none;line-height:1.5em !important;height:auto;}
	ul.TopMenu ul li a:hover {height:auto;color:#000;}
}

/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
	.menuCon{margin-top:20px;margin-right:20px;float:right;margin-left:0px;}
}