Needs Help with Fixing Colors for Links

Please look at both pictures: Calendar and Eternal Life at http://www.mountmoriahbc.org/samplehomepage.asp. Calendar is linked. Eternal Life is not linked. I am frustrated because I want the border around Calendar to be black. Both are supposed to be linked. I removed the link from Eternal Life to show you what I'm talking about. I would like for the border to be black for both pictures that are linked. How do I do this?

Here's my HTML code for both links:

<a href="calendar.asp"><img src="CalendarLink.jpg" width="160" height="145" border="1" BORDERCOLORDARK="#ffffff" BORDERCOLORLIGHT="#000000"></a></p>
<p><img src="EternalLifeLink.jpg" width="160" height="145" border="1" BORDERCOLORDARK="#ffffff" BORDERCOLORLIGHT="#000000"></p></td>

 

My code is:

 

<STYLE TYPE="text/css">
<!--

a.image:link {color: Black; text-decoration: none; border: none;}
a.image:visited {color: Black; text-decoration: none; border: none;}
a.image:hover {color: Black; text-decoration: none; border: none;}
a.image:active {color: Black; text-decoration: none; border: none;}

-->
</STYLE>

 

<tr>
    <td height="846" valign="top"> Under Construction. </td>
    <td valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td valign="top"><p><div><a class=image href="calendar.asp"><img src="CalendarLink.jpg" width="160" height="145" border="1" BORDERCOLORDARK="#ffffff" BORDERCOLORLIGHT="#000000"></a></div></p>
      <p><img src="EternalLifeLink.jpg" width="160" height="145" border="1" BORDERCOLORDARK="#ffffff" BORDERCOLORLIGHT="#000000"></p></td>
  </tr>