body - background: bg.jpg

Explanation: This image is the background color for the entire page.

#container - background:back.jpg

Explanation: This image is the paper-like feature that displays in the middle of the page, the very bottom layer, but on top of the background image (bg.jpg). The image that contains the p tags and h3 tags display on top of this graphic.

#pageHeader - background:header.jpg

Explanation: This image is located at the top of the page and contains CSS Zen Garden and the top of the rose flower.

#quickSummary .p1 - background:summary.jpg

Explanation: this image contains the Web site summary and lower portion of the heading and bottom portion of the rose.

#quickSummary .p2 - background:download.jpg

Explanation: This image displays in the lower left-hand side bar and contains the links to download the sample html and css files.

#preamble - background:preamble.jpg

Explanation: The preamble.jpg is the image that looks like the right side of the pages. This is the background that displays the h3 and p tags.

#supportingText - background:paper.jpg

Explanation: This is a continuation of the preamble.jpg image and provides a layer for the p and h3 tags.

#preamble h3 - background:preamble.gif

Explanation: This image is the graphic for the heading The Road to Enlightenment. It contains a drop cap layer and text.

#explanation h3 - background:explanation.gif

Explanation: This is the graphic for the heading So What Is This About?. It contains a drop cap layer and text.

#participation h3 - background:participation.gif

Explanation: This is the graphic for the heading Participation. It contains a drop cap layer and text.

#benefits h3 - background:benefits.gif

Explanation: This is the graphic for the heading Benefits. It contains a drop cap layer and text.

#requirements h3 - background:requirements.gif

Explanation: This is the graphic for the heading Requirements. It contains a drop cap layer and text.

#lselect - background:lselect.jpg

Explanation: This is the background image for the Select a Design links in the left-hand side bar to the left of the opening paragraph "The Road to Enlightment."

#lselect h3.select - background:select.gif

Explanation: This is the graphic for the Select a Design heading that sits on top of the lselect.jpg image.

#larchives h3.archives - background:archives.gif

Explanation: The image of the Archives book that sits in the left-hand sidebar near the middle of the page to the left of the participation heading.

#larchives h3.resources - background:resources.gif

>

Explanation: This image is a heading for the resources section that contains links.

#lresources - background:resources.jpg

Explanation: This is the background image that displays the resources informaiton in the left-hand side bar to the left of the benefits and requirements headings.

#footer - background:footer.jpg

Explanation: This is the background image that displyes in the footer section, and serves as the background for the navigational links in the footer section.