/* START THE CODE FOR THE MENUS */

/* FONT AND COLOR CODES ARE AT THE BOTTOM */
.mob-menu{ display:none;}
#menulocation 		{
			padding: 0px 0px 0px 0px;
			z-index: 5;
			width: 200px;
			}

.topmargin		{ padding-top: 8px; }

.menutop 		{
			border-top: #445056 1px solid;
			border-bottom: #445056 0px solid;
			}

.menu-background	{
			border-right: #445056 1px solid;
			width: 200px;
			}

/*.menuseparator		{
			font-size: 1px;
			border: #445056 1px solid;
			background-color: #15191B;
			color: #15191B;
			height: 3px;
			width: 139px;
			padding: 0px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: 5px;
			}*/



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

ul#top-nav li {
	position: relative;
	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;
	display: none;
	left: 200px;
	top: -1px;
	}

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 */





/* TOP LEVEL MENU CODES */



ul#top-nav 		{
	 		border-top: 0px solid #445056;
		  	border-left: 0px solid #445056;
		  	border-right: 0px solid #445056;
		  	z-index:5;
		  	width: 200px;
			}

ul#top-nav li
{
    display: block;
    text-decoration: none;
    color: #2D3E5C;
    font-family: 'Book Antiqua';
    font-size: 14px;
    font-weight: bold;
    z-index: 5;
    padding: .3em 0 .3em .3em;
}


ul#top-nav li.menuT
{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 1px 0px 1px 0px;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    
	padding: .3em 0 .3em .3em;
    line-height: 2.5em;
    border-top: 1px solid #DFECEE;
}

ul#top-nav li.menuT:hover, ul#top-nav li.over
{
    border-top: 1px solid #59656B;
    border-bottom: 1px solid #59656B;    
	padding: .3em 0 .3em .3em;    
    border-top-color: #0D0479;
    border-bottom-color: #0D0479;
    border-top-style: solid;
    border-bottom-style: solid;        
}

ul#top-nav li a:hover  		{
				background-color: #303535;
				color: #FFFFFF;
				}


#top-nav a.parentM 		{
				background: url(picts/menuoff-arrow.gif) center right no-repeat;
				}

#top-nav a:hover.parentM 	{
				background: url(picts/menuon-arrow.gif) center right no-repeat;
				}




/* SUB LEVEL MENU CODES */



ul#sub-nav 		
{
    display: block;
	border-top: 1px solid #59656B;
	border-right: 1px solid #59656B;
	border-bottom: 1px solid #59656B;
	border-left: 1px solid #59656B;
	z-index:6;
	width: 210px;
}


ul#sub-nav li a
{
    display: block;
    color: #221D21;
    font: 13px arial, verdana, helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    z-index: 6;
    padding: 5px;
}




ul#sub-nav li
{
    background-color: #BBC6DC;
    border-top: 0px solid #59656B;
    border-left: 0px solid #59656B;
    border-right: 0px solid #59656B;
    border-bottom: 0px solid #59656B;
    padding: 4px;
}



ul#sub-nav li a:hover
{
    background-color: #485E85;
    color: #FFFFFF;
}


/* SUB-SUB LEVEL MENU CODES */


ul#sub-sub-nav 		
{
	border-top: 1px solid #59656B;
	border-right: 1px solid #59656B;
	border-bottom: 1px solid #59656B;
	border-left: 1px solid #59656B;
	z-index:7;
	width: 210px;
}


ul#sub-sub-nav li a
{
    display: block;
    color: #221D21;
    font: 13px arial, verdana, helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    z-index: 7;
    padding: 5px;
}




ul#sub-sub-nav li
{
    background-color: #BBC6DC;
    border-top: 0px solid #59656B;
    border-left: 0px solid #59656B;
    border-right: 0px solid #59656B;
    border-bottom: 0px solid #59656B;
    padding: 4px;
}



ul#sub-sub-nav li a:hover
{
    background-color: #485E85;
    color: #FFFFFF;
}

@media (max-width:500px){
	*{box-sizing: border-box; padding:0px; margin:0px;}
	.mob-menu{ display:block; width:100%; line-height:35px;    text-align: left; padding: 0 10px;}
	#menubar{ position:relative;}
	#menubar #menu{ display:none; position:absolute; top:100%; background:#297bb3; padding:5px; width:100%;z-index: 100; border-radius: 5px;}
	#menubar #menu li { width:100%; display:block; float:left;}
	#menubar #menu li a{ display:block;  margin:0px; line-height:30px; padding:0px; float:none;}
	#menubar #menu li.current a {border-radius: 0px;}
	
	.right{ float:right; background:rgba(255,255,255,.6); border:1px solid #ccc; padding:5px; border-radius: 3px; margin-top:3px;}
	ul#top-nav { width:100%;}
	ul#top-nav #sub-nav{ top:100%; left:0px; z-index:1; position:relative;width:100%;}
	ul#top-nav #sub-nav #sub-sub-nav{top:100%; left:0px; z-index:1; position:relative; width:100%;}
	
	}