3. Create an external stylesheet called starter.css based on the criteria below.

a. Use the body selector to configure the global properties for the document. Margins should be 0 for top and bottom. Set the page background color to white and text to black. Choose a font family.

b. Use the header selector to format the logo area. Set the logo area to a dark blue to match and the text to a contrasting blue. The selected colors should go with the logo colors.

c. Create a class .navarea to format the navigation area. Use a light blue background and set the padding to 5 pixels..

d. Use the nav selector to format the navigation area. Use a dark blue text color, no underlining on the links and a large font.

e. Create pseudo-classes for the navigation links (a:link, a:visited a:hover). The link color is dark blue, the visited color is black, and the hover color is white.

f. Use the heading 2 selector to format the heading Circlesoft Will... Set the text color to light blue and a background of white. Set the font-family to Verdana. Set the padding to 10 pixels and the line height to 200%.

g. Create a class named .content to format the main content area. The fontface should be Arial and double spaced (hint: has to do with the height of the line).

h. Use the footer selector to format the footer. Use a .75em for your fontsize, italic, choose a font-family, and it should be centered.

i. Configure the unordered list (ul) to use the image cireclesoftbullet.gif as the bullet in the list.