Community Outreach Programs
Here is the basic template. It has been coded using XHTML and CSS. At present the template validates and works in all modern browsers which run on Windows.
Images
You may notice that some of the images may be slightly different from the original images you sent me, especially the font types. This is due to the fact that I had to redo the basic image in order to cut it up to form the different parts of the template, namely the "header", "content area" and "footer".
Header
As far as possible I have attempted to use text as apposed to graphics to form the header. This is a better approach as it will ensure better accessibility, improve SEO and ensure that the most important information is visible even when images and CSS is disables (an option many people use when browsing sites on their cell phones.
Content
The content section is made up of two parts a left column and a right column. The content area will expand automatically as text is inserted. In order to ensure both columns are equal in height I have used a small 1px high image as a background in the the wrapper column.
The font of the text in the content area still needs to be styled (I was not sure of what look you were going for). This can be done on the style sheet. The area is clearly marked using comments.
America's Poverty Fighting Network
I have set the logo to always appear just above the footer. This is created in the div called "bottom".
Other Information
You may find the following tutorial links helpful:
This demo illustrates how css can be used to style fonts and links
This demo explains two methods of creating beautiful mouse-overs using a single image and css
Please feel free to email me if you have any problems.