/* December 04, 2018 3:33pm */
.container nav, .container ul, .container li, {margin: 0; padding: 0;}

.container a {text-decoration: none;}

.container {width: 100%;}

.tmc {

    -webkit-border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 9px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    overflow:hidden;
    display:  block;
    background: url(../image-files/menu-bg.png) no-repeat #e58218;
	float:left;
    width: 115px; height:36px;
	}

.nav {
    list-style: none;
     *zoom: 1; 
	 clear:both;
	 /*height: 27px;*/
	 margin: 2px 0 0 0; padding: 0 0 0 0;
	 /*margin-top:2px;*/
	 font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;
	 font-size: 14px;
	 line-height: 19px;
	 /* border-bottom-right-radius: 7px;
	 border-bottom-left-radius: 7px; */
    }

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
    }

.nav:after {
    clear: both;
    }

.nav ul {
    list-style: none;
    width: 9em;
	-webkit-padding-start: 0px;
    background-color: #202124;
	}

ul.nav {background: #202124;

}
.nav a {
    padding: 5px 25px;
    color:#fff;
    }

.nav li {
    position: relative;
    }


.nav > li > a {
    display: block;
    }

.nav li  ul {
    position: absolute;
    left: -9999px;
    }

.nav > li.hover > ul {
    left: 0;
    }

.nav li li.hover ul {
    left: 100%;
    top: 0;
    }

.nav li li a {
    display: block;
    position: relative;
    z-index:100;
    }

.nav li li li a {
    z-index:200;
    /* border-top: 1px solid #302d3d;
	border-bottom: 1px solid #56538a; */
    }

.active {
        display: block;
    }

.nav > li {
        float: none;
    }

.nav > li > .parent {
        background-position: 95% 50%;
    }


.nav ul {
        display:block;
        width: 100%;
    }

.nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

/*.nav li a, .nav li li a, .nav li li li a  {
    background: #202124;
    }*/

.tmc a:hover, .nav a:hover, .nav li a:hover, .nav li li a:hover, .nav li li li a:hover  {
    color:#fff;
    }

.nav li li a:hover, .nav li li li a:hover {
    color:#fff;
    background: #52545a;
    }

.tmc:hover {
    background: url(../image-files/menu-bg.png) no-repeat #52545a;
	}

.nav > li > .parent:hover {
        background-color: #52545a;
		}

/********** Tabs  **********/

.arrowDown {padding-left: 8px;}

.tab-list {margin: 0; padding: 0;}
  
.tab-list li {
  display: block;
  list-style-type: none;
  /* background-color: #202124; */
  font-family: sans-serif;
  text-align: left;
  margin-left: -5px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
  }
  

.tab-list li a {
  color: #f2f2f2;
  padding: 5px 5px 5px 10px;
  /* border-top-left-radius: 10px;
  border-top-right-radius: 10px; */
  /*width: auto;*/
  min-height: 18px;
  overflow:hidden;  
}		




/********** Hover State **********/
	

.tab-list li.active, .tab-list li.hover { 
	background-color: #202124;
	}  	

.tab-list li.hover {
	background-color: #202124;
	}	
	
.tab-list li a:hover{
	background-color: #52545a;
	}

.tab-list li.active a{
    background-color: #879bbd;
	}


    /********** Tab Panels **********/
.tab-panel {
  display: none;
  color: #666;
  min-height: 150px;
  overflow: auto;
  border-bottom-right-radius: 7px;  /* Bottom Radius on panel behind columns */
  border-bottom-left-radius: 7px;
  }

.tab-panel.active {
  display: block;
  background-color: #879bbd; 		/* Background color under columns */ 
  position:absolute;            /* Cause columns to be on top of page */
  max-width: 959px;				/* Max-width sets max width for menu elements */
  width: 100%;
  z-index:100;
  padding: 10px 0 20px 0;
  margin-top:25px;
  min-height:268px;
  }

.tab-panel p {
  margin: 0px 0px 0px 0px;
  color: #fff;
  text-align: center;
  font-size: 14px;			/*Font under Image */
  line-height: 150%;
   }


.centerImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    overflow:hidden;
	}
	
.tab-control {
	text-align: left;
	 color:white;
     font-size: 16px;                 /* Font on the tabs */
     font-weight: bold;
	 padding: 0px 17px 3px 0px;
     margin: 0px 5px 0px 5px !important;  
     float: left;
	 }
 
.tab-home {
	text-align: left;
	 color:white;
     font-size: 16px;                 /* Font on the tabs for LINKS (not just Home)*/
     font-weight: bold;
	 padding: 0px 17px 3px 0px;
     margin: 0px 5px 0px 15px !important;  
     float: left;
	 }
 
/*--------Columns ---------/
/* Create three equal columns that floats next to each other */

.column {
    float: left;
    width: 25%;
    height: auto;
	}

.column li a {
	float: none;
    color: black;
    padding: 0px;
    text-decoration: none;
    display: block;
    text-align: left;
	}

.column li a:hover {
    background-color: #b6c4db;
    padding: 4px 4px 4px 20px;
    /*width:87%;*/       /*  Column Hover */ 
	}

.columnImg a:hover {
	background-color: #879bbd;		/* background color behind image when hove#202124 */			
	}	
	
.column li a:hover {
    color: #0100bd;       /*  Menu item Hover Text */ 
	}

.column li {
	list-style-type:none;
	}

.column li a{
	/*background: #879bbd;*/  /* column Color */
	color: white;
	font-size: 14px;
    padding: 4px 4px 4px 20px;
    /*padding: 3px 7px 3px 20px;*/ /* panel spacing */
     }
    
.row:after {
    content: "";
    display: table;
    clear: both;
}

.spaceOnDesktop {
   min-width: 165px !important ;
}

.columnHeading {
    
    color:#000 !important;
      font-weight:bold !important;
      margin-top: 6px !important;
      margin-bottom: 2px !important;
    padding: 0px 0px 3px 15px !important;
	cursor: default;
  }	
 
<!--.column > li > a.columnHeading:hover {
    background: #879bbd;
}-->  


._menu-item-highlight {
	color: palegoldenrod !important;
}

.column > li > a._menu-item-highlight:hover {
    color: #0100bd !important;
}  

/*******************************************************************Adjust for Width 610px**************************************/
@media (max-width: 610px) {
	
.nav, .tab-list ul{display: grid; width: 260px; background-color: #202124;
				 border-top-right-radius: 10px;  border-top-left-radius: 10px;} /*#202124*/

.nav ul {
    list-style: none;
    width: 9em;
	-webkit-padding-start: 0px;
	border-top-left-radius: 10px;
    }
    
.nav ul {
    display: block;
    width: 100%;
}

.tmc{ background: url(../image-files/menu-bg.png) no-repeat #202124; float: left; width: 115px; height:36px;}

.tmc{float:none; width: 150px;}

.tmc:hover {
    background: url(../image-files/menu-bg.png) no-repeat #52545a; float: left;
	}
	
.tmc a{margin: 12px 10px 10px 35px;}


a.tab-control {
    width: 260px;
    height: 45px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
   
}

a.tab-control.active {
    width: 245px;
    height: 25px;
}

a.tab-control:hover {
    width: 245px;
  
}

a.tab-control {
	padding-left: 25px;
	width: 235px;
	padding-top: 10px;
	height: 30px;
}
 .tab-control > a {
    padding-left:15px;
}   

.tab-home {
	text-align: left;
	 color:white;
     font-size: 16px;                 /* Font on the tabs */
     font-weight: bold;
	 padding: 0px 17px 3px 0px;
     margin: 0px 5px 0px 5px !important;  
     float: left;
	 }
 
.tab-list li a{ 
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px; 
    padding: 0px;
    width:230px;
}

.tab-list li.active a{
    outline:none;
	}

.tab-list > li > a {
    padding-left: 15px;
    padding-top: 10px;
    height: 22px;
}

.tab-panel.active {
	display: block;
	position:inherit;            /*   Cause columns to be on top of page */
	width: 260px; 
	z-index:100;
	margin-top: -3px;
    padding-bottom: 10px;
    border-bottom-right-radius: 0px;  /* Bottom Radius on panel behind columns */
    border-bottom-left-radius: 0px;
	}

#tab-1.active, #tab-2.active, #tab-3.active {
    border-top: 1px solid grey;
}

#tab-2{margin-top: 0px;}

#tab-3{margin-top: 0px;}

.column {
   width: 100%;
    height: auto;
    overflow: hidden;
	}

.column a {
	float: none;
    color: black;
    padding: 0px;
    display: block;
	}
	
.column li a {

	font-size: 14px;
    width:260px;
    height:40px;
    padding: 4px 4px 4px 20px;
    height: auto;
   }

.column li a:hover {
    width:100%;       /*  Column Hover */ 
	}   	

.columnHeading {
      margin-top: 6px !important;
      margin-bottom: 0px !important;
      padding: 0px 0px 3px 15px !important;
  }	

.columnImg {Display:none;}

.columnCenter{margin:auto;width:260px;} /* Center body of menu */

.columnMenu{margin-left: 30%; margin-right: 70%;} /* Sort of Center Menu... */

.spaceOnDesktop {
    width: 245px !important;
}

}