body {
    position    : relative;
    margin      : 0;
    padding     : 0;
    background  : #ffffff;
}

pre {
    font: 12px "courier new", monospace;
}

div#content {
    width       : 70%;
    margin      : 1em auto;
    padding     : 1.5em;
    border      : thin solid #2462AB;
    text-align  : left;
    font        : small Arial, Helvetica, Sans-serif;
    color       : #221E1F;
    background  : #FFFFF0;
}

div#content h1 {
    margin          : -9px -9px 0.5em;
    padding         : 0.3em;
    color           : #FFFFF0;
    background      : #2462AB;
    font            : bold 25px sans-serif;
    height          : 28px;
    vertical-align  : middle;
}

div#content h2 {
    margin-top      : 2em;
    margin-bottom   : 0.3em;
    width           : 45%;
    border-bottom   : thin solid #2462AB;
    color           : #2462AB;
    font-size       : 18px;
}

.note {
    color       : red;
    font-weight : bold;
}

p.note_text {
    width       : 60%;
    font        : 12px "courier new", monospace;
}

ul {
    list-style-type : circle;
    font-family     : "courier new", monospace;
    font-size       : 14px;
}

ol {
    font-family     : "courier new", monospace;
    font-size       : 14px;
    text-align      : justify;
}

li.steps {
    margin-bottom: 1em;
}

a:link, a:visited, a:active { color: blue; }
a:hover { color: #556B2F; }