Template issue - A header link should be simple right?

I have this template on my forum that was released at vB.org, the way it was originally coded gives me a headache anytime I have to edit anything. All I'm trying to do is make my logo link to forum home. Normally it's easy, this is code with CSS some how.

Here is part of my header:

<!-- logo -->
<a name="top"></a>
<div class="bn_tbg"><div class="bn_tl"><div class="bn_tr"></div></div></div>
<div class="bn_mbg"><div class="bn_ml"><div class="bn_mr"></div></div></div>
<div class="bn_btbg"><div class="bn_btl"><div class="bn_btr">
<!-- nav buttons bar -->Here is the applicable part of the CSS:


}
.bn_tbg { background: url(styles/dj/header/banner_02.png) repeat-x top left; height:26px; }
.bn_tl { background: url(styles/dj/header/banner_01.png) no-repeat top left; height:26px; }
.bn_tr { background: url(styles/dj/header/banner_03.png) no-repeat top right; height:26px; }

.bn_mbg { background: url(styles/dj/header/banner_05.png) repeat-x top left; height:129px; }
.bn_ml { background: url(styles/dj/header/banner_04.png) no-repeat top left; height:129px; }
.bn_mr { background: url(styles/dj/header/banner_06.png) no-repeat top right; height:129px; }

.bn_btbg { background: url(styles/dj/header/banner_08.png) repeat-x top left; height:30px; }
.bn_btl { background: url(styles/dj/header/banner_07.png) no-repeat top left; height:30px; }.bn_ml is the actual logo image I want to link to forum home in the header template. How do make a link out of the CSS code in the header?

Thanks for any insight :)

-Danny

Danny - you know, I am not sure you can create a link in CSS, only with a=href. I may very well be wrong, but I have never seen it done through simple CSS alone. CSS defines the style for links, not the link!

I've never done any links in CSS... didn't know you could, to be honest.

Thank you both, I googled first and didn't find anything. I'm about due for my own custom template anyways. :) Just trying to patch this one up for the time being.