Need a CSS code for this layout thank you. Open the main.css file and format the header

$4.$ Add the rule set that specifies the font family and font size for the body, the rule set

that floats the image in the header, and the rule set that clears the floating in the

section.

$5.$ Add two rule sets for the header to the style sheet. The first one should set the color for

the h$1$ element in the header to #$800000$ and indent it $30$ pixels. The second one should

set the font style for the h$2$ element in the header to italic and indent it $30$ pixels.

$6.$ Test the HTML page in Chrome to make sure that the style sheet has been linked

properly, the image has been floated, and the headings have been formatted correctly.

If necessary, make corrections and test again.

Format the section and the footer

From now on$,$ test each change right after you make it$.$

$7.$ Add a rule set for the h$1$ elements in the section that sets the font size to $150\%$ and the

color to #$800000.$

$8.$ Add a rule set for the h$2$ elements in the section that sets the font size to $120\%.$

$9.$ Add a rule set for just the heading that says: $$Our $2011-2012$ Speakers$.$ To do that, first

add an id attribute to this heading in the HTML file with the value $$speakers$.$ Then

create a rule set that uses an id selector $($#speakers$)$ for that id$,$ and set the font size to

$175\%$ and the color to black.

$10.$ Add a rule set that italicizes any link that has the focus or has the mouse hovering over it$.$

$11.$ Add a rule set that centers the tag in the footer.

Format the section and the footer

$12.$ Add text shadow to the $75$th in the second heading in the header. To do that, enclose the

$75$th in the HTML in an em or span element and give that element a class attribute with a

value of $$shadow$.$ Then, create a rule set that uses a class selector $(.$shadow$)$ for that

class, and code a rule that adds shadow to the text with #$800000$ as the color of the

shadow.

$13.$ Experiment on your own to see if you can improve formatting. For instance, you may

want to enhance the formatting for the elements. Try to use pseudo$-$selector such

as a:link, a:visited, a:hover for formatting the a element.

Page background

$14.$ Enhance the rule set of the body, by setting the width to $600$ pixels, setting the top and

bottom margins to $0$ and the right and left margins to auto, and adding a $3-$pixel, solid

border with #$800000$ as its color. Then, test the change in Chrome. Make sure the page

is centered with a border.

$15.$ Add one more rule to the body that sets the background color to #fffded. Then test the

page, and note that entire window is set to the background color, not just the body.

$16.$ To fix this, code a rule set for the html element that sets the background color to white.

Then, test the page$\mathrm{.}4.$ Add the rule set that specifies the font family and font size for the body, the rule set

that floats the image in the header, and the rule set that clears the floating in the

section.

$5.$ Add two rule sets for the header to the style sheet. The first one should set the color for

the h$1$ element in the header to #$800000$ and indent it $30$ pixels. The second one should

set the font style for the h$2$ element in the header to italic and indent it $30$ pixels.

$6.$ Test the HTML page in Chrome to make sure that the style sheet has been linked

properly, the image has been floated, and the headings have been formatted correctly.

If necessary, make corrections and test again.

Format the section and the footer

From now on$,$ test each change right after you make it$.$

$7.$ Add a rule set for the h$1$ elements in the section that sets the font size to $150\%$ and the

color to #$800000.$

$8.$ Add a rule set for the h$2$ elements in the section that sets the font size to $120\%.$

$9.$ Add a rule set for just the heading that says: $$Our $2011-2012$ Speakers$.$ To do that, first

add an id attribute to this heading in the HTML file with the value $$speakers$.$ Then

create a rule set that uses an id selector $($#speakers$)$ for that id$,$ and set the font size to

$175\%$ and the color to black.

$10.$ Add a rule set that italicizes any link that has the focus or has the mouse hovering over it$.$

$11.$ Add a rule set that centers the tag in the footer.

Format the section and the footer

$12.$ Add text shadow to the $75$th in the second heading in the header. To do that, enclose the

$75$th in the HTML in an em or span element and give that element a class attribute with a

value of $$shadow$.$ Then, create a rule set that uses a class selector $(.$shadow$)$ for that

class, and code a rule that adds shadow to the text with #$800000$ as the color of the

shadow.

$13.$ Experiment on your own to see if you can improve formatting. For instance, you may

want to enhance the formatting for the