﻿/* --- MEGA MENU Ver 1.2.CEO --- */



/* OUTER MENU BACKGROUND COLOR */



#menu-box	{

		display: flex;

		justify-content: flex-end;

		align-items: center;

		min-width: 290px;

		width: 100%;

		max-width: none;

		cursor: default;

		padding: 7px 20px;

		margin: 0;

		border: none;

		background: #ffffff;

		box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);

		position: fixed;

		top: 0;

		left: 0;

		right: 0;

		z-index: 9999;


		}








#menu-box:hover {
		--nav-brand-size: 22px;
		--nav-item-size: 19px;
		padding: 7px 20px;
		box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
		}

@media screen and (min-width: 1051px) {

#menu-box:hover #menu li a.drop {
		padding-left: 24px;
		padding-right: 24px;
		}

#menu-box:hover #menu li a.dropred {
		padding: 12px 22px;
		border-radius: 24px;
		}

}

.menu-brand {

		font-family: "Open Sans", arial, sans-serif;


		font-weight: 700;

		letter-spacing: 0.5px;

		text-transform: uppercase;

		color: #001546;

		transition: font-size 0.25s ease;

		}

.menu-brand .brand-link {

		color: #001546;

		text-decoration: none;

		}

.menu-toggle {
		display: none;
	}









/* DEFAULTS - & MENU HEIGHT */



#menu, #menu ul, #menu li 

		{

		line-height: normal;

		text-align: left;

		padding: 0px;

		margin: 0px;

		flex-wrap: nowrap;

		}



#menu		{

		list-style: none;

		padding: 0px;

		margin: 0px;

		display: flex;

		align-items: center;

		flex-wrap: nowrap;

		}





/* TOP LEVEL - DEFAULTS */



#menu li a.drop	{

		display: block;

		text-decoration: none;

		outline: 0;

		}





/* ALL LEVELS - DEFAULTS */



#menu li a	{

		outline: 0;

		text-decoration: none;

		}









/* TOP LEVEL */



/* TOP LEVEL - PADDING (SEE MENU HEIGHT ABOVE) */



#menu li {

	display: inline-block;

	text-align: left;

	position: relative;

	z-index: 1500;

	padding: 2px 0px 2px 0px;

	margin-right: 22px;

	margin-top: 0px;

	border: none;

	}





/* TOP LEVEL - FONT FACE, COLOR & SIZE & LR PADDING */



#menu li a.drop {

		color: #001546;


	font-size: 19px;
	font-weight: 600;

	line-height: 20px;

	padding-left: 24px;

	padding-right: 24px;

	transition: color 0.2s ease, padding 0.3s ease;

	}

	

#menu li a.dropred {

		display: block;


		color: #ffffff;

		font-family: "Open Sans", arial, sans-serif;


		font-size: 19px;
		font-weight: 700;

		line-height: 20px;

		padding: 12px 22px;

		/* margin: 5px 0px 5px 0px; */

		border-radius: 24px;

		/* align-items: center; */

		background: #c1272d;

		transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease, padding 0.3s ease;

		}



/* TOP LEVEL - HOVER COLORS */



#menu li:hover a.drop { 

	color: #003f87;

	background: transparent;

	}



#menu li:hover a.dropred { 

	color: #ffffff;

	background: #9e1f24;

	transform: translateY(-1px);

	box-shadow: 0 4px 14px rgba(158,31,36,0.32);

	}




/* TOP LEVEL - MENU OPTIONS - BORDER */



#menu li .drop {

	padding: 0px;

	background: none;

	border: none;

	}



#menu li:hover .drop {

	background: none;

	}





/* TOP LEVEL MENU SUB TEXT & HOVER COLOR */



#menu li div.menu-sub { 

	color: #A7B1BC;

	font-size: 15px;

	font-weight: 400;

	padding: 0px 0px 1px 0px;

	cursor: pointer;

	margin-bottom: 6px;

	}



#menu li:hover div.menu-sub { 

	color: #9DE3FD;

	padding: 0px 0px 0px 0px;

	cursor: pointer;

	}









/* SUB LEVEL */



/* SUB LEVEL - BACKGROUND & BORDER COLORS, LOCATION, PADDING */



.dropdown_1columns, 

.dropdown_2columns, 

.dropdown_3columns, 

.dropdown_4columns,

.dropdown_5columns {

	float: left;

	position: absolute;

	left: -999em;  /* HIDES THE DROP DOWN */

	text-align: left;

	margin: 0px auto;

	padding: 0px 0px 0px 0px;

	border-top: 12px solid #001546;

	border-right: 1px solid #001546;

	border-bottom: 6px solid #001546;

	border-left: 1px solid #001546;

	background: #FFFFFF;

	}





/* SUB LEVEL - WIDTHS */



.dropdown_1columns	{ width: 140px; }

.dropdown_2columns	{ width: 280px; }

.dropdown_3columns	{ width: 420px; }

.dropdown_4columns	{ width: 560px; }

.dropdown_5columns	{ width: 700px; }



#menu li:hover .dropdown_1columns, 

#menu li:hover .dropdown_2columns, 

#menu li:hover .dropdown_3columns,

#menu li:hover .dropdown_4columns,

#menu li:hover .dropdown_5columns 

	{

	left: 0px;

	top: auto;

	}



.col_1,

.col_2,

.col_3,

.col_4,

.col_5	{

	display: inline;

	float: left;

	position: relative;

	margin: 0px;

	}



.col_1	{ width: 140px; }

.col_2	{ width: 280px; }

.col_3	{ width: 420px; }

.col_4	{ width: 560px; }

.col_5	{ width: 700px; }









/* TOP & SUB LEVEL - FOR RIGHT ALIGN MENUS */



#menu .menu_right 

	{

	float: right;

	margin-right: 0px;

	}



#menu li.menu_right .drop 

	{



	border-width: 0px 0px 0px 1px;

	}



#menu li .align_right {

	outline: 0;

	}



#menu li:hover .align_right 

	{

	left: auto;

	right: 0px;

	top: auto;

	}









/* SUB LEVEL - FONT DEFAULTS */



#menu ul li {

	font-family: "Open Sans", arial, sans-serif;

	line-height: normal;

	text-align: left;

	margin: 0px;

	}





/* SUB LEVEL - OUTER LINK PADDING AND MARGINS */



#menu div ul	{ margin: 10px 10px 10px 10px; }









/* SUB LEVEL - LINK FONT & LINK COLORS */



#menu a:link, #menu a:visited, #menu a:active 

	{

	color: #154D6B;

	font-size: 15px;

	line-height: 160%;

	}



/* SUB LEVEL - LINKS HOVER */



#menu div a:hover 

	{

	color: #0099D8;

	}









/* PLAIN TEXT MENU PARAGRAPHS */



p.textbox	{

		color: #000000;

		font: 12px "Open Sans", arial, sans-serif;

		font-weight: 400;

		line-height: normal;

		text-align: left;

		margin: 0px;

		padding: 10px 10px 10px 10px;

		}





/* FONT DEFAULTS */

.strong		{ font-weight: 700; }	

.italic		{ font-style: italic; }

.td-center	{ text-align: center; }









/* SUB LEVEL - H2 H3 TITLE FONTS */



#menu h2, #menu h3, #menu h4 {

	font-family: "Open Sans", arial, sans-serif;

	font-weight: 400;

	line-height: normal;

	text-align: left;

	}



#menu h2 {

	color: #FFFFFF;

	font-size: 19px;

	font-weight: 600;

	background: #2D3D76;

	margin: 0px 0px 0px 0px;

	padding: 6px 10px 14px 10px;

	}



#menu h3 {

	color: #000000;

	font-size: 19px;

	font-weight: 600;

	margin: 14px 10px 9px 10px;

	padding-bottom: 3px;

	}









/* UNDERLINES & BORDERS */



#menu .line1	{ border-bottom: 1px solid #C0C0C0; }



#menu .line2	{ border-bottom: 1px solid #C0C0C0; }



#menu .bord1	{ height: 1px; margin: 0px 0px 10px 0px;  }









/* LEFT COLORED AREA STYLES */



p.cltext	{

		color: #D0D6DB;

		font: 13px "Open Sans", arial, sans-serif;

		font-weight: 400;

		line-height: normal;

		text-align: center;

		margin: 0px;

		padding: 12px 15px 10px 15px;

		}





/* LEFT COLORED AREA STYLES LINK COLORS */



#menu .cltext a:link, #menu .cltext a:visited, #menu .cltext a:active 

	{

	color: #99FFFF;

	font-size: 14px;

	line-height: normal;

	}



#menu .cltext a:hover 

	{

	color: #FFFFFF;

	text-decoration: underline;

	}





/* LEFT COLORED AREA MINIMUM HEIGHT & BACKGROUND */



.colleft_1	{ min-height: 222px; background: #2D3D76; }

.colleft_2	{ min-height: 222px; background: #2D3D76; }

.colleft_3	{ min-height: 222px; background: #2D3D76; }



.textplus	{

		color: #FFFFFF;

		font-size: 14px;

		font-weight: 700;

		}





/* LEFT COLORED AREA LARGE IMAGES */



.menuimage {

	background: #FFFFFF;

	display: block;

	margin: 15px auto 0px auto;  /* CENTERS IMAGE */

	border: 4px solid #FFFFFF;

	}









/* SMALL IMAGES (MAP & SUPPORT) */



.menuimage-small {

	display: block;

	margin: 3px auto 10px auto;  /* CENTERS IMAGE */

	border: 0px solid #000000;

	}









/* SUB LEVEL - LIST LINK DEFAULTS */



#menu li ul {

	list-style: none;

	}



#menu li ul li {

	position: relative;

	padding: 0px;

	margin: 0px;

	float: none;

	}



#menu li ul li:hover {

	background: none;

	border: none;

	padding: 0px;

	margin: 0px;

	}









/* SETS MENUS TO OPEN FAR LEFT */



#menu li.shift-left-top  { position: static; }



#menu li:hover .shift-left

	{

	position: absolute;

	left: 0px;

	top: auto;

	z-index: 1500;

	}









/* SETS MENUS TO OPEN FAR RIGHT */



#menu li.shift-right-top  { position: static; }



#menu li:hover .shift-right

	{

	position: absolute;

	right: 0px;

	top: auto;

	z-index: 1500;

	}









/* HIDE TOP LEVEL ON NON-MOBILE */



#menu li.hidemenu	{ display: none; }









/* HIDE / UNHIDE BUTTONS */



#menu li.hidemenu1, #menu li.hidemenu2, #menu li.hidemenu3 

	{ display: block; }







@media screen and (min-width: 1151px) {
