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:700px; 
    border:1px solid #000; 
    margin:30px auto; 
    color:#000; 
    background-color:#fff; 
    padding-bottom: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;
}