Style Problems

[snyx]

Okay I have a menu, and its a mouse over one, but its conflicting with my vB styles and its getting all messed up.

Here is the link to see:
http://www.form-kaos.com/forum/

Here is the menu style I added:

<style type="text/css">
<!--

.Navlink {COLOR: #FFFFFF; TEXT-DECORATION: none; font-family: arial; font-size: 8pt; font-weight: bold;}
a:link.Navlink {color : #FFFFFF;}
a:visited.Navlink {color : #FFFFFF;}
a:active.Navlink {text-decoration: none;}
a:hover.Navlink {text-decoration: none;}

-->
</style>
<script language = "javascript">
<!--

function LmOver(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#849CB6";
elem.style.cursor = 'hand'}

function LmOut(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#FFFFFF";}

function LmDown(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#849CB6";}

function LmUp(path)
{location.href = path;}

//-->
</script>
Now the links are suppost to look like the attachment.
Help me please!

snyx