This is where your header goes. If you open the style.css file, you'll see that the header is defined as 850x150 pixels. So if you wanted to make this area bigger or smaller, you'd adjust those values. Keep in mind, the "container" is also 850 pixels wide. So if you make the header area smaller, you'll also need to adjust the size of the "container".

If you want to put an image here, make sure the image is the same size as the header or it won't fill up this entire space. To add an image you would add the following code in the "header" section in the file, style.css.

background-image: url(images/header.jpg); (Be sure to change images/header.jpg to the correct path and image filename.)

The entire left column layout and color is controlled by the "leftnav" section on the style sheet.

The nav links above are controlled by the a leftnav, a leftnav, leftnav a:hover and leftnav ul section.

Play around with different attributes to see different results.

Title of Page (Edit the H1 Tag on style sheet to change look of title.)

This area is controlled by the "container" section on your style sheet. If you want to adjust the size of this space, change the gray background color, etc. then you can play with the values underneath "container" section in the style.css file.

To change the font size and style, edit the "p" attribute.

This is a hyperlink. To change the color of the hyperlink and the color it changes when you mouseover it, edit the "a", "a: visited" and "a: hover" sections in style.css.

This is H2 Subtitle Text. Change the H2 tag in the style sheet to change the design of this text.

Lorem ipsum dolor sit amet consectetuer netus ut ante vel pede. Maecenas condimentum tristique justo vitae tortor eget ligula tempor fermentum ipsum. Lorem elit sed orci Quisque leo ut condimentum nibh elit mattis.

This is H3 Subtitle Text. Change the H3 tag in the style sheet to change the design of this text.

This is a box (This title is defined by the H2 tag)

To change the look of this box (size, background, border color, etc.) edit the "box1" attribute in the style sheet.

To create more box styles, just use the box1 code as a template and create more with new styles, colors and widths.