How do I specify text colors on Infoboxes that I

[Goanna]

Someone gave me a script that lets me use background images that wrap around the headers of my infoboxes, and the text is still printed on top of the newly created images.

 

It works great, but now I cant define the color of the infobox header text. It will only remain black, and I need it to be a light color, as the image is dark.

 

I am guessing that I need to make a new entry to the CSS but I dont know how to do that.

 

Here is the code, maybe someone can figure out how to edit the CSS so I can change the text color.

 

<tr>
          <td>
          <!-- BOX TOP //-->
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr height="15">
  <td height="15">
   <table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/infobox/btms.jpg" height="15">
    <tr height="15">
     <td align="left" valign="top" nowrap width="85" height="15"><img src="images/infobox/btl.jpg" alt="" height="15" width="85" border="0"></td>
     <td colspan="2" valign="top" height="15"><font size="1"> </font></td>
     <td align="right" valign="top" width="18" height="15"><img src="images/infobox/btr.jpg" alt="" height="15" width="18" border="0"></td>
    </tr>
   </table>
  </td>
 </tr>
 <tr>
  <td>
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td width="14" background="images/infobox/bml.jpg"></td>
     <td colspan="2" align="left" valign="top" background="images/infobox/bmbg.jpg"><font size="1" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular"><b><?php echo BOX_HEADING_SEARCH; ?></b></font></td>
     <td width="18" background="images/infobox/bmr.jpg"></td>
    </tr>
   </table>
  </td>
 </tr>
 <tr>
  <td>
   <table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/infobox/bbms.jpg" height="16">
    <tr height="16">
     <td align="left" valign="top" width="85" height="16"><img src="images/infobox/bbl.jpg" alt="" height="16" width="85" border="0"></td>
     <td colspan="2" height="16"><font size="1"> </font></td>
     <td align="right" valign="top" width="18" height="16"><img src="images/infobox/bbr.jpg" alt="" height="16" width="18" border="0"></td>
    </tr>
   </table>
  </td>
 </tr>
   </table>
         <!-- END BOX TOP //-->

[Goanna]

well, I just solved my own problem. I realized it is edited through the HTML area of the script and not through the CSS. That was pretty easy, lol.