How to create CSS with the following rule?

1. Use the body selector to configure the global properties for the document. Margins should be 0 for top and bottom set to auto for the left and right to auto to center the page. Page background color to a light blue color and text to black. Define a font family. 2. Use the header selector to format the logo area. Define the logo area to a darkblue to match the logo and the text to a contrasting blue. The selected colors should go with the logo colors. Define the max-width to 1000px Margins should be the same on all sides based on the space on the page (hint: what does auto do?). 3. Create the style that formats an image inside a header selector that sets the image width to 100%. 4. Use the nav selector to format the navigation area. Use a dark blue textcolor, Light blue background color, No underlining on the links and a large font. Define the font as bold Width of the navigation 150px Float the navigation to the left Add padding 2px on the top and bottom and 10px on the right and left. 5. Create the pseudo-class for the navigation specific hover to be white. 6. Create pseudo-classes for the for all links (a:link a:visited a:hover). Link color is dark blue Visited color is black Hover color is white 7. Create style for all links to have no underlines. 8. Use the Heading 2 selector to format the heading "Circlesoft Will..". Define Text color as light blue and a background of white,

Define the padding to 10px

9. Use the footer selector to format the footer.

Clear the floats.

Use a .75em for your font- size, italic, choose a fontfamily.

Text should be centered.

Define max width to 1000px.

Define Margin to auto for all 4 sides.

10. Configure the unordered list (ul) to use the image cireclesoftbullet.gif asthe bullet in the list.

11. Using the Main selector to contain them main content.

Float left

Width 60%

12. Create an ID called pageContent.

Set the max width to 1000px

Margin should be auto on all sides

No border.