I've just changed the design of my 2 larger (non-commerical) sites.

However, from the navigation menu I created, I'm getting a clash with the CSS of vBulletin - it's causing left-hand nav links to be underlined when I've tried to stipulate against that in their class description.

I don't know enough about this to sort it out. Essentially, I'm running the following code:

Code:
A.leftLink 
{ BACKGROUND-COLOR: #ffffff; 
BORDER-BOTTOM: #333333 1px solid; 
BORDER-LEFT: #ededed 1px solid; 
BORDER-RIGHT: #999999 1px solid; 
BORDER-TOP: #ededed 1px solid; display:block; 
COLOR: #000000; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
display:block;
FONT-SIZE: 9px; PADDING-LEFT: 10px; 
TEXT-DECORATION: none } 

A.leftLink:hover 
{ BACKGROUND-COLOR: #dbdbdb; 
BORDER-BOTTOM: #ededed 1px solid; 
BORDER-LEFT: #999999 1px solid; 
BORDER-RIGHT: #ededed 1px solid; 
BORDER-TOP: #999999 1px solid; 
COLOR: #000000; 
TEXT-DECORATION: none } 


which is interfered with by the vBulletin CSS - I think this:

Code:
BODY A:link {
COLOR: #666666; TEXT-DECORATION: underline
}
BODY A:visited {
COLOR: #000000; TEXT-DECORATION: underline
}
BODY A:hover {
COLOR: #666666; TEXT-DECORATION: underline
}
BODY A:active {
COLOR: #666666; TEXT-DECORATION: underline
}


How can I ensure that my left-hand navigation links in the forum are not underlined?

You can see an example of how the left-hand nav menu normally looks here:

http://www.comparative-religion.com

compared to here:

http://www.comparative-religion.com/forum/index.php

which should illustrate the underline issue.

Apologies - I'm very much the trial and error person.