/* START THE CODE FOR THE MENUS */

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

/* menu ver 6.0-V 2020 */


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

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

.menu-leftspace		{ width: 10px; }

/* START MENU TOP LAYERED COLOR BOX */

#menutop 		{
			background: #0093FB;
			position: relative;
			left: 0px;
			top: -130px;
			margin-bottom: -130px;
			height: 130px;
			z-index: 10;
			filter:alpha(opacity=45);
			-moz-opacity:.45;
			opacity:.45;
			}

.menu-background	{
			width: 220px;
			background-color: #ECECEC;
		  	border-left: 0px solid #000000;
		  	border-right: 0px solid #000000;
			border-collapse: separate;
			-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
			}

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

ul#top-nav li {
	position: relative;
	z-index: auto;
	left: 0;
	right: 0;
	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: 220px;
	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 #000000;
			border-bottom: 0px solid #000000;
			}

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

#top-nav a		{
			color: #FFFFFF;
			font: 15px arial, helvetica, sans-serif;
			font-weight: normal;
			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: #0093FB;
			border-top: 0px solid #5CB0EF;
			border-bottom: 1px solid #5CB0EF;
			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: #0085EF;
			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: 211px;
		border-top: 0px solid #000000;
		border-left: 0px solid #000000;
		border-right: 0px solid #000000;
		border-bottom: 0px solid #000000;
		}

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

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


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

#top-nav li ul li	{
			background-image: none;
			background-color: #0085EF;
			border-bottom: 0px solid #5CB0EF;
			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 #5CB0EF; }

/* SUB LEVEL HOVER BACKGROUND AND BORDERS */

#top-nav li ul li:hover	{
			background-color: #199EFB;
			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: #FFFFFF;
			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: 211px;
	left: 211px;
	top: 0px;
	}

/* 3RD LEVEL ARROWS */

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

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

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