<style>
.header-nav-wrap ul { list-style: none; padding: 0 5px; }
.header-nav-wrap li { display: inline-block;line-height: 46px; }
.header-nav-wrap .nav-button {
background-color: #00afd7;
padding: 8px 20px 10px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
font-weight: 700;
font-size: 20px;
}
.header-nav-wrap .nav-button:hover { background-color: #84bd00; }
<.header-nav-wrap .nav-button-active { background-color: #84bd00; } </style>
<div class="header-nav-wrap">
<div class="header-nav">
<ul>
<li><a href="#" class="nav-button nav-button-active" >Home</a></li>
<li><a href="/wiki/pages/viewpage.action?pageId=47940448" class="nav-button" >Virtual Classes</a></li>
<li><a href="#" class="nav-button" >VPN</a></li>
<li><a href="#" class="nav-button" >Equipment</a></li>
<li><a href="#" class="nav-button" >Software</a></li>
<li><a href="#" class="nav-button" >Contact</a></li>
</ul>
</div>
</div> | 
