<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<title>Cascading Style Sheets - Centralized Definitions</title>

<style type="text/css">
body {
        color: #000000;
        background: #FFFFFF;
        font-size: small;
        text-align: left;
        background-image: none;
}

h1 {
        color: #CC0000;
        font-weight: bold;
        font-family: Arial, Helvetica;
        font-size: x-large;
}

h2 {
        color: #000066;
        font-weight: bold;
        font-family: Arial, Helvetica;
        font-size: large;
}

h3 {
        color: #000066;
        font-weight: bold;
        font-family: Arial, Helvetica;
        font-size: larger;
}

h4 {
        color: #000000;
        font-weight: bold;
        font-family: Arial, Helvetica;
        font-size: medium;
}

p {
}
p.green {   color: #006600; }
p.brown {   color: #660000; }
p.stepbystep { }
p.greenfineprint {
        color: #006600;
        font-size: smaller;
}

a {         color: #000077; }
a:visited { color: #000077; }
a:active {  color: #FF0000; }
a:hover {   color: #FF0000; }
a:link {    color: #0000FF; }

code.code {
        font-weight: bolder;
        color: #660000;
}

pre.code {
        font-weight: bolder;
        color: #660000;
        margin-left: 20px;
}
</style>

</head>
<body>

<h1>Cascading Style Sheets - Centralized Definitions</h1>

<h2>2nd level heading</h2>

<h3>3rd level heading</h3>

<h4>4th level heading</h4>

<p>Standard paragraph.</p>

<p class="brown">Brown paragraph.</p>

<p class="green">Green.</p>

<p class="greenfineprint">Greenfineprint paragraph.</p>

<p class="code">Ther is no code paragraph - this is also a standard paragrph.</p>

<code>Standard code</code>

<code class="code">code code</code>

</body>
</html>