body {
    background-color:#eee;
    color:#000;
    font-family:'trebuchet ms', helvetica, arial, sans-serif;
    margin:0;
    }

h1, h2 {
    background-color:#369;
    color:#fff;
    margin:0;
    font-weight:normal;
    padding:0 30px;
    }

h1 {
    padding-top:10px;
    }

h1 a {
    color:#fff;
    text-decoration:none;
    }

h1 a:hover {
    text-decoration:underline;
    }

h2 {
    font-size:large;
    padding:5px 30px;
    }

#wrapper {
    width:728px;
    border:1px solid #000;
    margin:30px auto;
    color:#000;
    background-color:#fff;
    position:relative;
    left:-100px;
    }

acronym {
    cursor:help;
    }

a {
    color:#000;
    text-decoration:underline;
    }

a:hover {
    text-decoration:none;
    }

ol {
    color:#000;
    margin:0;
    padding:10px 35px;
    }

ol li {
    margin:.35em 0;
    }

ol ol {
    margin:0;
    padding:0 0 0 2em;
    list-style-type:lower-alpha;
    }

p, h3 {
    padding:0 15px;
    }

h3 {
    font-weight:normal;
    font-size:medium;
    text-transform:uppercase;
    padding:3px 15px;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
    margin-top:4em;
    background-color:#fc9;
    color:#000;
    }

p.top {
    margin:0;
    font-size:small;
    text-decoration:underline;
    font-weight:bold;
    text-align:right;
    }

p.url_output {
    width:700px;
    margin:20px auto;
    }

p.url_output input#url_output {
    width:35em;
    }

#wrapper p:hover {
    cursor:pointer;
    }

#footer {
    font-size:small;
    text-align:right;
    margin-bottom:10px;
    }

#footer p {
    margin:0;
    }

span.help {
    border-bottom:1px dotted #000;
    cursor:help;
    }

span.bsp {
    font-style:italic;
    }

.mark_me {
    border:1px solid #369;
    border-left:30px solid #369;
    border-right:30px solid #369;
    font-style:italic;
    outline:1px solid #000;
    padding:10px;
    }

span.code
{
    font-family:serif;
    padding:0 .5em;
    letter-spacing:.1em;
}