Hello,

I am working on a website and would really appreciate some help.

See: http://acenteroffreedom.org/redesign/

Template layout:
I formatted the template in separate background images but know that the p tag is not the right one but how should I format this instead? Also I would like to eliminate the vertical space between the "pieces".

Extension of Template:
I would also like the template to be able to be extended on some of the pages because some pages have more text then others. See original site:
http://acenteroffreedom.org/

Text Positioning:
I am having some trouble figuring out how to create the correct padding for the text areas so that the text isn't at the edge of the background image.

Also, I would like to put upcoming events in the blue side bar area so would like some advice on how to do this. Do I need to reslice the template?

Thank you very much

You're going to have huge problems with your current method. What you need to do is divide your content areas into different divisons, using a separate <div> tag for header, menu, sidebar, main content and footer. This will allow you to define how each division is layed out. Once you have defined these you can then add a background image for each.

As a rough guide for that sort of layout you'll be needing something like this as your main structure...

<div id="header"></div>
<div id="menu"></div>
<div id="left"></div>
<div id="content"></div>
<div id="footer"></div>

Check this out:

http://melnikoff.ru/help/001/index.html

Is this what you'd like to see?

If you decide to use this, you'll also need to take the following files:

http://melnikoff.ru/help/001/acof08.css
http://melnikoff.ru/help/001/images/mid.gif

In fact, blue-dreamer is right. You're gonna have some problems with this layout. Especially when it comes to side menu. However, I hope my sample will help you solve the problem.