How do I reduce empty space between photo and text

Barnum, can you post the page with the revised css as a separate test URI? Or just post it to the working site temporarily? I can’t see the differences that you are describing between the before and after versions in Firefox or IE8. Both look the same except for the margins. It sounds like something may have been copied and pasted incorrectly, or something else is interfering with the rendering of the page. I just can’t tell without seeing your revised copy.

Will do tomorrow…too much going on tonight to go through all that. Thanks…

The text inside the yellow boxes is wrapped in <b> tags, which will make it look bold. That’s all I can see.

We may not have to go through all that work. What is the name of the font that you have been using for years? And can you post screen shots of how the page is supposed to look vs. what it looks like with the revised css? Finally, what is the default font in your browser?

The problem with the font amounts to an oversight.

Your original css contains a broken font-family declaration. I repaired it by changing the errant semicolons to commas which in turn made Verdana the default font for the site. Heretofore, the site had NO default font; thus, the user set his own font. The font that you have been enjoying for years is the font that you set as your default in your browser.

You can delete the font-family declaration from the css body element and restore the choice to the user, OR you can replace “Verdana” with the name of the default font in your browser, if you wish.

Cheers