.NavContainer{
   float: left;
   width: 100%;
   position: relative;
}
.NavContainer ul.ModNav {
   clear: left;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   left: 50%;
   text-align: center;
}
.NavContainer ul.ModNav li {
   display: block;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   right: 50%;
}
.NavContainer ul.ModNav li a {
   display: block;
   margin: 0 0 0 1px;
   padding: 3px 10px;
   text-decoration: none;
}
.NavContainer ul.ModNav li ul{
	left: 0%;			
}
.NavContainer ul.ModNav li ul li{
	right: 0%;	
	float:none;		
}
@media all and (max-width: 767px){	
	.NavContainer{
   		float: none;
   		width: 100%;
   		position: static;
	}
	.NavContainer ul.ModNav {
   		clear: none;
   		float: none;
   		list-style: none;
   		margin: 0;
   		padding: 0;
   		position: static;
   		left: 0%;
   		text-align: center;
	}

	.NavContainer ul.ModNav li {
    	display: block;
    	float: none;
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	position: static;
    	right: 0%;
	}
}