body {
    margin: auto;
    padding-right: 1em;
    padding-left: 1em;
    max-width: 55em; 
    border-left: 1px solid black;
    border-right: 1px solid black;
    color: black;
    background: #F8F5EC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-weight: normal
    line-height: 100%;
    
    color: #333333; 
}
pre {
    border: 1px dotted gray;
    background-color: #ececec;
    color: #1111111;
    padding: 0.5em;
}
code {
    font-family: monospace;
    line-height: 100%;
}
h1 a, h2 a, h3 a, h4 a, h5 a { 
    text-decoration: none;
    color: #660000; 
}
h1, h2, h3, h4, h5 { font-family: verdana;
                     font-weight: bold;
                     color: #660000; }
h1 {
        font-size: 100%;
        border-bottom: 1px solid black;
}

h2 {
    font-size: 100%;
    color:$660000;

}

h3 {
        font-size: 95%;
}

h4 {
        font-size: 90%;
        font-style: italic;
}

h5 {
        font-size: 90%;
        font-style: italic;
}

h1.title {
        font-size: 200%;
        font-weight: bold;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        text-align: left;
        border: none;
}

dt code {
        font-weight: bold;
}
dd p {
        margin-top: 0;
}

#footer {
        padding-top: 1em;
        font-size: 70%;
        color: gray;
        text-align: center;
}

table {
    width: 100%;
    background-color: #acacac;
    text-align:left;    
}

table .odd {
    background-color: #f7f7f7;
}

table  .even {
    background-color: #ececec;
}

a:link {    color:inherit; font-weight:bold; text-decoration: none; }
a:active {  color:inherit; font-weight:bold; text-decoration: none; }
a:visited { color:inherit; font-weight:bold; text-decoration: none; }
a:hover {   color:inherit; font-weight:bold; text-decoration: none; }

td.linenos { background-color: #f0f0f0; padding-right: 10px; }
span.lineno { background-color: #f0f0f0; padding: 0 5px 0 5px; }
pre { line-height: 125%; }
span.hll { background-color: #ffffcc }

span.c { color: #008800; font-style: italic } /* Comment */
span.err { border: 1px solid #FF0000 } /* Error */
span.k { color: #AA22FF; font-weight: normal } /* Keyword */
span.o { color: #666666 } /* Operator */
span.cm { color: #FF0000; font-style: italic } /* Comment.Multiline */
span.cp { color: #8000FF } /* Comment.Preproc */
span.c1 { color: #FF0000; font-style: italic } /* Comment.Single */
span.cs { color: #FF0000; font-weight: bold } /* Comment.Special */
span.gd { color: #A00000 } /* Generic.Deleted */
span.ge { font-style: italic } /* Generic.Emph */
span.gr { color: #FF0000 } /* Generic.Error */
span.gh { color: #000080; font-weight: bold } /* Generic.Heading */
span.gi { color: #00A000 } /* Generic.Inserted */
span.go { color: #808080 } /* Generic.Output */
span.gp { color: #000080; font-weight: bold } /* Generic.Prompt */
span.gs { font-weight: bold } /* Generic.Strong */
span.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
span.gt { color: #0040D0 } /* Generic.Traceback */
span.kc { color: #AA22FF; font-weight: bold } /* Keyword.Constant */
span.kd { color: #AA22FF; font-weight: bold } /* Keyword.Declaration */
span.kn { color: #AA22FF; font-weight: bold } /* Keyword.Namespace */
span.kp { color: #AA22FF } /* Keyword.Pseudo */
span.kr { color: #008800; font-weight: normal } /* Keyword.Reserved */
span.kt { color: #008800; font-weight: normal } /* Keyword.Type */
span.m { color: #666666 } /* Literal.Number */
span.s { color: #BB4444 } /* Literal.String */
span.na { color: #BB4444 } /* Name.Attribute */
span.nb { color: #AA22FF } /* Name.Builtin */
span.nc { color: #0000FF } /* Name.Class */
span.no { color: #DF3A01 } /* Name.Constant */
span.nd { color: #AA22FF } /* Name.Decorator */
span.ni { color: #999999; font-weight: bold } /* Name.Entity */
span.ne { color: #D2413A; font-weight: bold } /* Name.Exception */
span.nf { color: #0000FF } /* Name.Function */
span.nl { color: #A0A000 } /* Name.Label */
span.nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
span.nt { color: #008000; font-weight: bold } /* Name.Tag */
span.nv { color: #B8860B } /* Name.Variable */
span.ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
span.w { color: #bbbbbb } /* Text.Whitespace */
span.mf { color: #666666 } /* Literal.Number.Float */
span.mh { color: #666666 } /* Literal.Number.Hex */
span.mi { color: #666666 } /* Literal.Number.Integer */
span.mo { color: #666666 } /* Literal.Number.Oct */
span.sb { color: #BB4444 } /* Literal.String.Backtick */
span.sc { color: #BB4444 } /* Literal.String.Char */
span.sd { color: #BB4444; font-style: italic } /* Literal.String.Doc */
span.s2 { color: #BB4444 } /* Literal.String.Double */
span.se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
span.sh { color: #BB4444 } /* Literal.String.Heredoc */
span.si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
span.sx { color: #008000 } /* Literal.String.Other */
span.sr { color: #BB6688 } /* Literal.String.Regex */
span.s1 { color: #BB4444 } /* Literal.String.Single */
span.ss { color: #B8860B } /* Literal.String.Symbol */
span.bp { color: #AA22FF } /* Name.Builtin.Pseudo */
span.vc { color: #B8860B } /* Name.Variable.Class */
span.vg { color: #B8860B } /* Name.Variable.Global */
span.vi { color: #B8860B } /* Name.Variable.Instance */
span.il { color: #666666 } /* Literal.Number.Integer.Long */