.top-bar, .title-bar, .top-bar ul {

	background: #41888C !important;	
}

/*
  nav.top-bar {
    text-align:center;
  }
  section.top-bar-section {
    display: inline-block;
  }
*/
/* 
	.top-bar.expanded .title-area {
		background: #41888C !important; 
	}
	
	.top-bar-section * {
		background: #41888C !important;
	}
 */	
		

.top-bar {
	padding: 0;	
}

.title-bar button.menu-icon {
	background: transparent !important;
	outline: none;
	border: none !important;
}
	
	.top-bar ul li > a {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		background: #41888C !important;
		color: #FFFFFF !important; 
		font-size: 18px;
		text-decoration: none !important;
		/*text-transform: uppercase !important*/;
		min-width: 100px;
		text-align: center;
		
	}
		
	.top-bar ul li > a:hover {
        background: #606163 !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
		/*text-transform: uppercase !important*/; 
    }
	
	.top-bar ul li > a.active {
        background: #606163 !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
		/*text-transform: uppercase !important*/; 
    }
    
    
@media screen and (max-width: 39.9375em) {
	.top-bar ul, .top-bar ul li {
		border: none;
		width: 100%;
	}	
}
	
	
	
	
	
	
	
	
	
	
	
	
	
/* 	
@media only screen and (min-width: 40.063em) { 	
	.top-bar-section ul li.first {

		margin: 0;
	}
	.top-bar-section ul li.last {
		border-right: 0px !important;
		margin: 0;
	}
	.top-bar-section ul li {
		border-right: 1px solid #FFF;	
		padding: 0 !important;
	}
	.top-bar {

	}
}


	.top-bar-section ul li > a {
		background: #41888C !important;
		color: #FFFFFF !important; 

		font-weight: bold;
		text-decoration: none !important;
		text-transform: uppercase !important;
		text-align: left;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader;

	}
.amenuhref95 {
	font-size:95% !important;
	padding-left: 29px !important;
	padding-right: 29px !important;
}
.amenuhref93 {
	font-size:95% !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.amenuhref90 {
	font-size:90% !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.amenuhref85 {
	font-size:85% !important;
}

.amenuhref80 {
	font-size:80% !important;
}
.amenuhref75 {
	font-size:75% !important;
}
	.top-bar-section ul li > a:hover, .top-bar-section ul li > a:hover img  {
        background: #2B5B5E !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
		text-transform: uppercase !important; 
    }
	
	.top-bar-section ul li > a.active, .top-bar-section ul li > a.active img {
        background: #2B5B5E !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
		text-transform: uppercase !important; 
    }
    
for medium screens the last menu item is shown in second row - fixed by changing the font-size for medium screens
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.top-bar-section ul li > a {

	}
	.top-bar {
		border-right: 0px;	
	}	
	.top-bar-section ul li.first {
		border-left: 0px;	
		margin: 0;
	}
	.top-bar-section ul li {
		border-right: 0px;	
		padding: 0 !important;
	}

}


    
#menuRow * {
	background: #41888C;  
  	background-position: top left;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;		
    
} */