<style>
#aie-banner .confluence-embedded-file-wrapper { display: flex; flex-direction: column; width: 550px; }
.header-nav-wrap { flex-direction: column; width: calc(100% - 590px); display: flex; justify-content: center; }
.header-nav-wrap ul { list-style: none; padding: 0 5px; }
.header-nav-wrap li { display: inline-block;line-height: 46px; }
.header-nav-wrap .header-nav .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="https://it.aie.edu/wiki/display/PORTFOLIO/Study+From+Home+Program" class="nav-button nav-button-active" >Home</a></li>
<li><a href="https://it.aie.edu/wiki/pages/viewpage.action?pageId=47940448" class="nav-button">Virtual Classes</a></li>
<li><a href="https://it.aie.edu/wiki/pages/viewpage.action?pageId=47940454#" class="nav-button" >VPN</a></li>
<li><a href="https://it.aie.edu/wiki/pages/viewpage.action?pageId=47940472" class="nav-button">Loan Program</a></li>
<li><a href="https://it.aie.edu/wiki/pages/viewpage.action?pageId=47940464" class="nav-button">Software</a></li>
<li><a href="https://it.aie.edu/wiki/pages/viewpage.action?pageId=47940505" class="nav-button" >Help & Support</a></li>
</ul>
</div>
</div> |