Use the following as a guide for your external styles:

• The title should be rendered using <h1>. A style should be assigned to <h1> using the following characteristics:
  • font-family: Arial
  • font-style: Normal
  • font-size: 20pt
  • text-align: Center
• All A-headings using the <h2> tag should be modified to include a style with the following properties & values:
  • font-family: Arial
  • font-weight: Bold
  • font-style: Normal
  • font-size: 14pt
  • text-align: Center
• The author and affiliation should also be rendered using <h2>. However, it should be italicized in addition to the settings already established for <h2>. Thus, create a class selector called .italicme with the following characteristic (then apply the class to <h2> when used for the author and affiliation):
  • font-style: italic
• All B-headings using the <h3> tag should be modified to include a style with the following properties & values:
  • font-family: Arial
  • font-style: Normal
  • text-align: Left
  • margin-left: 30px
  • font-size: 12pt
• All body text using the <p> tag should be modified to include a style with the following properties & values:
  • font-family: Times, Times Roman
  • font-style: Normal
  • font-size: 11pt
  • text-align: Justify
  • text-indent: 1em
  • margin-left: 30px
  • margin-right: 30px
• All unordered lists using the <ul> tag should be modified to include a style with the following properties & values:
  • margin-left: 60px
  • margin-right: 60px
• Create a class selector that will be applied to the "Contact the author at" section at the bottom of the document. Place a <div>...</div> tag around the author contact text. Apply the class selector .myborder to it and use the following settings:
  • margins: 20 px
  • padding: 1%
  • float: Right
  • border-style: Double
  • border-width: Thin
  • width: Auto
• All ordered lists should use the <ol> tag and include the following style attributes:
  • Margin-left: 60px
  • margin-right: 60px
• Cerate a class called .centerme to be used on the <img> tag. When you use this class, place a <div>...</div> tag around the image and apply the class to the <div> tag.
  • text-Align: center
• Include a class section called .underline to be used with the <u> tag
  • text-decoration: underline
• Include a class section called .caption to be used with the <p> tag for figure captions with with following characteristics:
  • text-Align: Center
  • font-weight: Bold
  • font-style: Normal
  • font-size: 9pt
  • font-family: Arial
• Include a class section called .chead to be used with the <span> tag on C-level headers (you can tell the C-level heads because they are at the beginning of paragraphs followed by a period). Define the .chead class as the following:
  • font-style: italic
  • font-size: 11pt
  • font-family: Arial
  • text-indent: -1em
• Include a definition of the <blockquote> tag with the following characteristics:
  • text-align: Justify
  • margin-left: 60px
  • margin-right: 60px
  • font-style: Normal
  • font-size: 11pt
  • font-family: Arial
     

In addition to these specifications, also include the following, which will change the Pseudo-classes:

• a:link {  color:#b1946c }
• a:visited {  color:#6d583a }
• a:hover {  color:#cc0000 }
• a:active {  color:#6d583a }