body
    {
        width:100%;
        margin-left:-50%;
        position:absolute;
        left:50%;
        background-color:#000;
        color:#FFF;
        font-family:'Duru Sans', sans-serif;
        font-size: 12pt;
    }
    
    h1
    {
        text-align:center;
        font-family:'Lobster', serif;
        font-size:28pt;
        text-shadow: 3px 3px 5px rgba(255, 255, 255, 0.75);
        font-weight: normal;
        margin: 0px;
    }
    
    a:link
    {
        color:#E9A700;
    }
    
    a:visited
    {
        color:#FFF36B;
    }
    
    a:active
    {
        color:#FDEC00;
    }
    
    a:hover
    {
        color:#FFF36B;
    }
    
    nav section
    {
        /* background-color:#0A1857; */
        background: rgb(10, 24, 87);
        background: -moz-linear-gradient(90deg, rgb(10, 24, 87) 0%, rgb(20, 44, 138) 90%);
        background: -webkit-linear-gradient(90deg, rgb(10, 24, 87) 0%, rgb(20, 44, 138) 90%);
        background: -o-linear-gradient(90deg, rgb(10, 24, 87) 0%, rgb(20, 44, 138) 90%);
        background: -ms-linear-gradient(90deg, rgb(10, 24, 87) 0%, rgb(20, 44, 138) 90%);
        background: linear-gradient(180deg, rgb(10, 24, 87) 0%, rgb(20, 44, 138) 90%);
        margin-top:30px;
        margin-left:10px;
        margin-right:10px;
        margin-bottom:10px;
        padding:10px;
        width:160px;
        -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 150, 255, 0.55);
        -moz-box-shadow:    0px 0px 15px 5px rgba(0, 150, 255, 0.55);
        box-shadow:         0px 0px 15px 5px rgba(0, 150, 255, 0.55);
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        font-family:'Paprika', sans-serif;
    }

    nav#leftnav
    {
        float:left;
        text-align:right;
    }
    
    nav#rightnav
    {
        float:right;
        text-align:left;
    }
    
    nav header
    {
        text-align:center;
        font-family:'Lobster', serif;
        font-size:15pt;
        color:#FFF;
        border-bottom:solid 2px #FFF;
        margin-bottom:8px;
        padding-bottom:8px;
        text-shadow: 3px 3px 5px rgba(255, 255, 255, 0.75);
    }
    
    nav ul, section#contents ul
    {
        list-style-type:none;
        padding:0px;
        margin:0px;
        font-size: 12pt;
    }
    
    nav a, section#contents a
    {
        display:block;
        border-radius:5px;
        padding-bottom:0px;
        padding-right:3px;
        padding-left:3px;
        padding-top:0px;
        margin-top:4px;
        margin-bottom:4px;
        text-decoration:none;
    }
    
    nav a:hover, section#contents a:hover
    {
        /*background-color:#F7D649;*/
        text-shadow: 3px 3px 4px rgba(255, 255, 255, 1.0);
        /*
        color:#0A1857;
        -webkit-box-shadow: 0px 0px 2px 3px rgba(253, 236, 0, 0.34);
        -moz-box-shadow:    0px 0px 2px 3px rgba(253, 236, 0, 0.34);
        box-shadow:         0px 0px 2px 3px rgba(253, 236, 0, 0.34);
        */
    }
    
    nav#leftnav a:hover
    {
        padding-right:5px;
    }
    
    nav#rightnav a:hover, section#contents a:hover
    {
        padding-left:5px;
    }
    
    section#main
    {
        margin-top:10px;
        margin-left:220px;
        margin-right:220px;
        margin-bottom:0px;
        background-color:#0A1857;
        padding:10px;
        -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 150, 255, 0.55);
        -moz-box-shadow:    0px 0px 15px 5px rgba(0, 150, 255, 0.55);
        box-shadow:         0px 0px 15px 5px rgba(0, 150, 255, 0.55);
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        margin-top:20px;
        margin-bottom:20px;
        color:#EEE;
    }
    
    section#main header, h2
    {
        font-family:'Lobster', serif;
        font-size:24pt;
        font-weight: normal;
        text-align:center;
        color:#FFF;
        border-bottom:solid 2px #FFF;
        margin-top: 0px;
        margin-bottom:28px;
        padding-bottom:8px;
        text-shadow: 3px 3px 5px rgba(255, 255, 255, 0.75);
    }
    
    section#main section header, h3
    {
        font-family:'Lobster', serif;
        font-size:18pt;
        font-weight: normal;
        text-align:left;
        color:#FFF;
        border-bottom:dashed 3px #FFF;
        margin-top: 0px;
        margin-bottom: 28px;
        padding-bottom:8px;
        padding-left:10px;
        width:70%;
        text-shadow: 3px 3px 5px rgba(255, 255, 255, 0.75);
    }
    
    section#main section section header, h4
    {
        font-family:'Lobster', serif;
        font-size:13pt;
        font-weight: normal;
        text-align:left;
        color:#FFF;
        border-left:solid 3px #FFF;
        border-bottom:0px;
        margin-top: 0px;
        margin-bottom:8px;
        padding-bottom:0px;
        padding-left:20px;
        text-shadow: 3px 3px 5px rgba(255, 255, 255, 0.75);
    }
    
    section#contents
    {
        display:block;
        border:solid 1px #FFF;
        -webkit-box-shadow: 2px 2px 15px 0px rgba(216, 216, 216, 0.75);
        -moz-box-shadow:    2px 2px 15px 0px rgba(216, 216, 216, 0.75);
        box-shadow:         2px 2px 15px 0px rgba(216, 216, 216, 0.75);
        border-radius:5px;
        margin:20px;
        padding:10px;
        background: rgb(10, 24, 87);
        background: -moz-linear-gradient(90deg, rgb(10, 24, 87) 0%, rgb(20, 44, 138) 90%);
        background: -webkit-linear-gradient(90deg, rgb(10, 24, 87) 0%, rgb(20, 44, 138) 90%);
        background: -o-linear-gradient(90deg, rgb(10, 24, 87) 0%, rgb(20, 44, 138) 90%);
        background: -ms-linear-gradient(90deg, rgb(10, 24, 87) 0%, rgb(20, 44, 138) 90%);
        background: linear-gradient(180deg, rgb(10, 24, 87) 0%, rgb(20, 44, 138) 90%);
        font-family:'Paprika', sans-serif;
    }
    
    section#contents header, section#contents h3
    {
        border-left:0px !important;
        border-bottom:dashed 2px #EEE !important;
        width:auto !important;
        margin-top: 0px;
        margin-bottom:15px !important;
        padding:10px !important;
    }
    
    blockquote
    {
        background-color:#FFF;
        color:#111;
        border:outset 2px #DDD;
        border-radius:5px;
        -webkit-box-shadow: 2px 2px 15px 0px rgba(216, 216, 216, 0.75);
        -moz-box-shadow:    2px 2px 15px 0px rgba(216, 216, 216, 0.75);
        box-shadow:         2px 2px 15px 0px rgba(216, 216, 216, 0.75);
        font-family: 'Playfair Display', serif;
        font-style:italic;
        padding-top:1px;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:5px;
    }
    
    blockquote p
    {
        margin-top:5px;
    }
    
    blockquote p:before
    {
        content:'"';
        font-size:150%;
    }
    
    blockquote p:after
    {
        content:'"';
    }
    
    blockquote cite
    {
        display:block;
        font-family:'Paprika', sans-serif;
        font-style:normal;
        margin-bottom:10px;
    }
    
    blockquote cite:before
    {
        content: "\2014 \2009";
    }
    
    blockquote a:link
    {
        color:#00F;
    }
    
    blockquote a:visited
    {
        color:#F0F;
    }
    
    blockquote a:active
    {
        color:#F00;
    }
    
    blockquote a:hover
    {
        color:#059B31;
        text-decoration:none;
    }
    
    figure
    {
        text-align:center;
    }
    
    figure img
    {
        background:#CCC;
        border:outset 2px #CCC;
        border-radius:5px;
        margin:10px;
        -webkit-box-shadow: 0px 0px 5px 4px rgba(128, 128, 128, 0.8);
        -moz-box-shadow:    0px 0px 5px 4px rgba(128, 128, 128, 0.8);
        box-shadow:         0px 0px 5px 4px rgba(128, 128, 128, 0.8);
    }
    
    figure a img
    {
        background:#EEE;
        border:outset 2px #EEE;
        border-radius:5px;
        margin:10px;
        -webkit-box-shadow: 0px 0px 5px 4px rgba(128, 128, 128, 0.8);
        -moz-box-shadow:    0px 0px 5px 4px rgba(128, 128, 128, 0.8);
        box-shadow:         0px 0px 5px 4px rgba(128, 128, 128, 0.8);
    }
    
    figure a:hover img
    {
        background:#FFF;
        border:outset 2px #FFF;
        border-radius:5px;
        margin:10px;
        -webkit-box-shadow: 0px 0px 10px 6px rgba(128, 128, 128, 0.8);
        -moz-box-shadow:    0px 0px 10px 6px rgba(128, 128, 128, 0.8);
        box-shadow:         0px 0px 10px 6px rgba(128, 128, 128, 0.8);
    }
    
    p img
    {
        float:left;
        padding-top:3px;
        padding-left:5px;
        padding-right:5px;
        padding-bottom:3px;
    }
    
    table.datatable
    {
        border:solid 1px #CCC;
        border-collapse:collapse;
        margin-bottom:20px;
        margin-left:auto;
        margin-right:auto;
    }
    
    table.datatable td, table.datatable th
    {
        border:solid 1px #CCC;
        padding-left:3px;
        padding-right:3px;
    }
    
    table.datatable th
    {
        background-color:#0A184E;
    }
    
    table.datatable td
    {
        background-color:#0B1A63;
    }
    
    footer
    {
        text-align:center;
        margin:15px;
    }
    
    #mobilenav
    {
        display:none;
    }
    
    @media print
    {
        nav
        {
            display:none;
            float:none;
        }
        
        section#main
        {
            margin-left:0px;
            margin-right:0px;
        }
    }
    
    @media screen and (max-width:1359px)
    {
        #leftnav, #rightnav
        {
            display:none;
        }
        
        section#main
        {
            margin:0px;
        }
        
        #mobilenav
        {
            display:block;
            margin-bottom: 25px;
        }
        
        #mobilenav section
        {
            width:50%;
            margin-left:auto;
            margin-right:auto;
            text-align:center;
        }
    }