/* START THE CODE FOR THE MENUS */

/* IF YOU EDIT THE SUB MENU WIDTH - EDIT 197 3 PLACES PLACE BELOW */

/* menu ver 6.0-V 2016 */


#menulocation 		{
			padding: 0;
			margin: 0px 0px 0px 0px;
			}

.menuwidth		{ width: 204px; }    /* AND EDIT left: 203px; BELOW */

.menu-leftspace		{ background-color: #00314E; width: 17px; }

/* START MENU TOP LAYERED COLOR BOX */

#menutop 		{
			background: #00314E;
			position: relative;
			left: -17px;
			top: -155px;
			margin-bottom: -155px;
			height: 155px;
			width: 238px;
			margin-right: -34px;
			z-index: 10;
			filter:alpha(opacity=60);
			-moz-opacity:.60;
			opacity:.60;
			}

.menu-background	{
			background-color: #00314E;
		  	border-left: 0px solid #2D516C;
		  	border-right: 0px solid #2D516C;
			padding: 0px 17px 0px 0px;
			}

ul#top-nav,
ul#top-nav ul {
	margin: 0;
	padding: 0;
	background: #000000;   /* IE6 BUG */
	}

ul#top-nav li {
	position: relative;
	z-index: auto;
	list-style: none;
	}

/* HIDE FROM IE MAC */
* html ul#top-nav li { float: left; height: 1%; }
* html ul#top-nav li a { height: 1%; }
/* END HIDE */

ul#top-nav ul {
	position: absolute;
	z-index: 500;
	display: none;
	left: 204px;
	top: 0px;
	}

ul#top-nav li:hover ul ul,
ul#top-nav li:hover ul ul ul,
ul#top-nav li.over ul ul,
ul#top-nav li.over ul ul ul { display: none; }/* START WITH HIDDEN MENUS */

ul#top-nav li:hover ul,
ul#top-nav li li:hover ul,
ul#top-nav li li li:hover ul,
ul#top-nav li.over ul,
ul#top-nav li li.over ul,
ul#top-nav li li li.over ul { display: block; }/* SHOW MENUS */




/* START TOP LEVEL CODE ----------------------- */

ul#top-nav 		{
			border-top: 0px solid #335277;
			border-bottom: 0px solid #335277;
			}

/* TOP LEVEL MARGINS, PADDING, FONT FACE & FONT COLORS */

#top-nav a		{
			color: #F0F0F0;
			font: 12px arial, helvetica, sans-serif;
			font-weight: bold;
			text-decoration: none;
			text-align: left;
			padding: 12px 0px 12px 0px;
			/* NOTE: ABOVE ARE | top | right | bottom | left */
			text-indent: 12px;
			width: 100%;
			display: block;
			cursor: pointer;
			}

/* TOP LEVEL BACKGROUND AND BORDERS */

#top-nav li		{
			background-color: #00314E;
			border-top: 0px solid #2D516C;
			border-bottom: 1px solid #2D516C;
			padding: 0px;
		/* FADE OUT */
			transition: background-color 0.5s ease;
			-webkit-transition: background-color 0.5s;
			}

/* TOP LEVEL HOVER BACKGROUND */

#top-nav li:hover, #top-nav li:hover a.L1 
			{
			background-color: #335277;
			cursor: pointer;
		/* FADE UP */
			transition: background-color 0.5s ease;
			-webkit-transition: background-color 0.5s;
			}

/* TOP LEVEL HOVER FONT COLOR */

ul#top-nav li a:hover, ul#top-nav li:hover a.L1 
			{
			color: #FFFFFF;
			text-decoration: none;
			cursor: pointer;
			}




/* START SUB LEVEL CODE ----------------------- */

/* SUB LEVEL OUTER BORDER */

#top-nav li ul 	{

		width: 197px;
		border-top: 1px solid #003C60;
		border-left: 1px solid #003C60;
		border-right: 1px solid #003C60;
		border-bottom: 1px solid #003C60;
		}

/* SUB LEVEL FONT & FONT COLOR & PADDING */

#top-nav li ul a 	{
			color: #3D6078;
			font: 12px arial, helvetica, sans-serif;
			font-weight: normal;
			display: block;
			text-decoration: none;
			text-align: left;
			cursor: pointer;
			padding: 11px 0px 11px 0px;
			text-indent: 7px;
			}


/* SUB LEVEL BACKGROUND COLOR & BORDER OPTION FOR EACH LINK */

#top-nav li ul li	{
			background-image: none;
			background-color: #FFFFFF;
			border-bottom: 1px solid #CCCCCC;
			background-image: none;
		/* FADE OUT */
			transition: background-color 0.0s ease;
			-webkit-transition: background-color 0.0s;
			}

#top-nav li ul li:last-child 
			{ border-bottom: 0px solid #003C60; }

/* SUB LEVEL HOVER BACKGROUND AND BORDERS */

#top-nav li ul li:hover	{
			background-color: #DCE7F3;
			background-image: none;
		/* FADE UP */
			transition: background-color 0.0s ease;
			-webkit-transition: background-color 0.0s;
			}

/* SUB LEVEL FONT HOVER COLOR */

#top-nav li ul a:hover, #top-nav li ul li:hover a.parentSSM 
			{
			color: #00314E;
			text-decoration: none;
			cursor: pointer;
			}




/* START 3RD LEVEL MENU CODE  ----------------------- */

/* 3RD LEVEL WIDTH & LOCATION */

#top-nav li ul li ul {
	position: absolute;
	z-index: 501;
	display: none;
	width: 197px;
	left: 197px;
	top: -1px;
	}

/* 3RD LEVEL ARROWS */

#top-nav li ul li a.parentSSM		{ background: url("picts/menu-arrow-black.gif") center right no-repeat; }

#top-nav li ul li:hover a.parentSSM	{ background: url("picts/menu-arrow-black.gif") center right no-repeat; }

/* END 3RD LEVEL MENU CODE  ----------------------- */