<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Your Page Title</title>
  <style type="text/css">
  /*<![CDATA[*/
  body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
  }
  h1 {
    color: #696969;
    font-size: 14pt;
  }
  h2 {
    color: #4682B4;
    font-size: 12pt;
  }
  .author {
    font-size: 8pt;
    font-style: italic;
  }
  .box {
    border-style: dashed;
    border-width: 1px;
    border-color: #C0C0C0;
    background-color: #FFFFCC;
    padding: 5px;
  }
  /*]]>*/
  </style>
</head>

<body>

<h1>Title with Style</h1>

<h2>Subtitle with Style</h2>

<p>This page demonstrates how an HTML elements can be formatted using
cascading style sheet code (CSS) embedded right in the HTML document.</p>

<p class="box">This paragraph is formatted using class. Lorem ipsum dolor 
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod 
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim 
ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis 
nisl ut aliquip ex ea commodo consequat.</p>

<hr />

<span class="author">Author and copyright information goes here.</span>

</body>

</html>
