ul { text-align: center; } 

ul{
  list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#33990F;
    font: .9em/15px Georgia, Palatino, serif;
    text-align:center;
}


ul li {
    display: inline;
 text-align:center;}

li a {
    display: inline-block;
    color:ivory !important;
    padding: 15px 10px;
    text-decoration: none;
 text-align:center;}

 a:hover {color:orange  !important; 
} 
a:active {color:orangered  !important; 
} 


<This next is a pointer to a javascript extra page containing Java Script for stopping hover in touch screen devicest>
 <script src="aaTouchNoHover.js"></script>