NAVI

<style>
#dir {
left: 30px;
top: 15px;
position: fixed;
height: auto;
width: 210px;
background-color: #1f1f1f;
border-top: 3px solid #8b547f;
border-bottom: 3px solid #8b547f;
border-left: 3px solid #637987;
border-right: 3px solid #637987;
text-align: center;
font-family: century gothic;
font-size: 8pt;
letter-spacing: 1pt;
overflow: hidden;
padding: 4px;
padding-bottom: 9px;
border-radius: 20px;
}

#direct {
left: 30px;
top: 400px;
position: fixed;
height: auto;
width: 210px;
background-color: #1f1f1f;
border-top: 3px solid #8b547f;
border-bottom: 3px solid #8b547f;
border-left: 3px solid #637987;
border-right: 3px solid #637987;
text-align: center;
font-family: century gothic;
font-size: 8pt;
letter-spacing: 1pt;
overflow: hidden;
padding: 4px;
padding-bottom: 9px;
border-radius: 20px;
}

.dlink:link, .dlink:active, .dlink:visited {
color: #9dc46c;
border-radius: 10px;
font: 8pt century gothic;
font-weight: lighter;
text-transform: uppercase;
padding: 2px;
text-align: center;
display: block;
margin-top: 3px;
background: #282828;
letter-spacing: 1px;
line-height: 10px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.dlink:hover {
color: #7a7986;
text-transform: uppercase;
font-style: normal;
font-weight: lighter;
text-align: center;
display: block;
background: #202020;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
</style>

HTML FOOTER:
<div id="dir"><h2>Subforum Directory</h2>
<a href="" class="dlink">Link title here</a> </div>