<!--
    body 
    {
        margin: 0;
        padding: 0;
        color: black;
        background: white url(http://www.leoandmeg.com/images/uploads/blue.gif) 80% 0 repeat-y;
    }

    ul, ol
    {
        margin-right: 25%;
        margin-left: 13%;
        padding: 0;
    }

    h1
    {
        font-size: 300%;
        border-bottom: 2px solid white;
        margin: 0 0 0.5em 0;
        padding: 0 0 0.125em 10%;
    }

    h2
    {
        font-size: 200%;
        border-bottom: 2px solid white;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    h3
    {
        font-size: 150%;
        margin-top: 1.25em;
        margin-bottom: 0;
        margin-right: 22%;
        margin-left: 8%;
    }

    h4
    {
        font-size: 110%;
        margin-top: 1.25em;
        margin-bottom: 0;
        margin-right: 22%;
        margin-left: 8%;
    }

    h5
    {
        font-size: 100%;
        margin-top: 1.25em;
        margin-bottom: 0;
        margin-right: 22%;
        margin-left: 8%;
    }

    p
    {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        line-height: 1.2em;
        margin-right: 22%;
        margin-left: 8%;
    }
    ul li span
    {
        font-weight: bold;
        font-size: 150%;
    }
    .box 
    {
        font-family: "Verdana","Arial","Helvetica",sans-serif;
        font-size:   65%;
        line-height: 140%;
        color:             #000000;
        background-color:  #bbddff;
        overflow:auto;
        padding: 0px;
        margin-right: 35%;
        margin-left: 12%;
        margin-top: 2%;
        margin-bottom: 2%;
        border: 2px dashed red; 
        float: left;
    }	
    .box .innerbox
    {
       margin: 2%;
       padding: 0px;
    }
    .box .innerbox img
    {
       float: left;
       border: 0px;
      display: block;
      padding-right: 2em;
      padding-bottom: 1%;
    }
    div#header
    {
        margin: 0 20% 2.5em 0;
        padding: 0.5em 0 1.5em 0;
        border: 1px solid #006;
        border-width: 0 1px 1px 0;
        background: #bdf;
    }

    div#stats
    {
        font-size: 90%;
        font-style: italic;
        text-align: right;
        margin: 0 0 1.66em 10%;
        border-bottom: 2px solid #006;
    }

    div#preview
    {
        float: right;
        width: 33%;
        margin: 0;
        text-align: center;
    }
    
    div#preview img
    {
        margin-top: 0;
        display: inline;
    }

    div.listing pre
    {
        margin: 0;
    }

    #menu 
    {
        font-size: 100%;
        color:            #333333;
        background-color: #bdf;
        padding:          5px;
        font-weight: bold;
        text-align: center;
        margin-top: 1px;
    }	
    #menu ul 
    {
        display: inline;
        margin:   0px;
        padding:  0px;
        border:   none;
    }
    ul li 
    {
        display: inline;
        margin-right: 10px;
    }

    div.note
    {
        float: right;
        clear: right;
        border-width: 0;
        width: 18%;
        margin: 0 1% 0 0;
        padding: 0;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 19%;
        text-align: right;
        font: 80% Arial, Verdana, Helvetica, sans-serif;
        background-color: #bdf;
        border: 2px solid #006;
    }
     
    div.note h5, div.note p
    {
        text-align: left;
        margin-left: 1em;
        margin-right: 0em;        
        margin-bottom: 1em;
        background: #bdf;
    }

    .footer 
    {
        margin-top: 0.5em;
        margin-bottom: 0em;
        line-height: 1.2em;
        margin-right: 22%;
        margin-left: 4%;
        font-family: "Verdana","Arial","Helvetica",sans-serif;
        font-size:   65%;
        text-align:  center;
    }
    .caption
    {
        font-family:   "Verdana","Arial","Helvetica",sans-serif;
        font-size:     70%;
        font-style:    italic;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        line-height: 1.2em;
        margin-right: 22%;
        margin-left: 8%;
    }

    #footer 
    {
        clear:            both;
        color:            #000000;
        background-color: transparent;
        padding-top:      10px;
        margin-top:       10px;
        border-top:       2px solid #006;
        margin: 0 20% 2.5em 0;
        padding: 2em 0 1.5em 0;

    }

    a:hover 
    {
        text-decoration: underline;
    }
    a:visited
    {
        color: #FF0000;
        text-decoration: none;
    }
    a:link
    {
        text-decoration: none;
    }

    .footnote
    {
        font-weight: none;
        color: #000;
        border-bottom: 1px dotted #000;
    }

    code, pre
    {
        font-family: "Courier New", Courier, monospace;
    }
 
    code
    {
        color: #006;
        line-height: 1.2em;
    }

    pre
    {
        margin-left: 10%;
        font-size: 80%;
    }
    
    code b
    {
        color: green;
        font-weight: normal;
    }

    br
    {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    div.figure
    {
        text-align: center;
        width: 67%;
        margin: 0;
        margin-left: 0.5em;
        margin-bottom: 2em;
        padding: 0;
    }

    div.caption
    {
        float: right;
        width: 18%;
        margin: 0 1% 0 0;
        padding: 0 0 0 40%;
        border-top: 1px solid #006;
        voice-family: "\"}\""; voice-family: inherit;
        width: 19%;
        padding-left: 10%;
    }
    div.caption h5
    {
        letter-spacing: 1px;
        color: black;
        background: #9bd bottom right no-repeat;
    }
    div.caption p
    {
        font: italic 80% Arial, Verdana, Helvetica, sans-serif;
        color: #555;
    }
-->