CSS to Convert Name to Image?

[combs84]

When I have an event listed it comes up very simple and boring like:
Milwaukee Bucks Vs. Atlanta Hawks

the CSS code under it is Header Title and shows:

TD.tn_results_header_title { font-family: Verdana, Helvetica, Sans-Serif; font-size: 12pt; font-weight: bold; color: #000000;  } TD.tn_results_header_title A:link { font-family: Verdana, Helvetica, Sans-Serif; font-size: 12pt; font-weight: bold; color: #2091C0;  } TD.tn_results_header_title A:hover { font-family: Verdana, Helvetica, Sans-Serif; font-size: 12pt; font-weight: bold; color: #2091C0;  } TD.tn_results_header_title A:visited { font-family: Verdana, Helvetica, Sans-Serif; font-size: 12pt; font-weight: bold; color: #2091C0;  }

My question is, is there any way with CSS or any other way for me to make a list that when any certain word is displayed in the Results Header, that the word changes to an image?

Like Milwaukee Bucks would change to the Team Logo, and the words Atlanta Hawks would change to an image of their Team Logo as well.

Is this possible, how?

 

[user-7256]

Some Javascript or something server-side would work best.