TOP HEADER nav

#navi {
top: 0px;
position: fixed;
left: 0px;
height: 30px;
width: 100%;
font-family: trebuchet MS;
font-size: 12pt;
text-transform: uppercase;
text-align: center;
letter-spacing: 2pt;
background-color: #d4ddda;
padding-bottom: 8px;
margin-bottom: 40px;
z-index: 999;
border-bottom: 5px solid #0085af;
}

.navlink:link, .navlink:active, .navlink:visited {
color: #0085af;
height: 25px;
line-height: 25px;
font-family: Trebuchet MS;
font-size: 7pt;
font-weight: lighter;
text-transform: uppercase;
font-weight: lighter;
padding: 2px;
width: 100px;
margin-top: 5px;
text-align: center;
display: inline-table;
background: transparent;
letter-spacing: 1px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
}

.navlink:hover {
color: #fafafa;
height: 25px;
line-height: 25px;
font-size: 7pt;
text-transform: uppercase;
font-style: normal;
font-weight: lighter;
text-align: center;
margin-top: 5px;
display: inline-table;
background: #0085af;
border-radius: 25px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
}



<div id="navi"><center><a href="http://vampirefreaks.com" class="navlink"> VF Main</a>
<a href="http://vampirefreaks.com/cults/group_edit.php?c=CULTNAMEHERE" class="navlink">Edit Cult</a>
<a href="http://vampirefreaks.com/group_edit_members.php?c=CULTNAMEHERE" class="navlink">Edit Mem.</a>
<a href="http://vampirefreaks.com/cults/controlpanel.php?c=CULTNAMEHERE" class="navlink">C Panel</a>
<a href="http://vampirefreaks.com/cults/statistics.php?c=CULTNAMEHERE" class="navlink">Cult Stats</a>
<a href="http://vampirefreaks.com/group_invite.php?c=CULTNAMEHERE" class="navlink">Invite</a>
<a href="http://vampirefreaks.com/USER" class="navlink">C. Credit</a>
</div>