.shared-header
{
    color: #FFFFFF;
    background: #4444FF;
    padding: .5em
}

.shared-title
{
    margin: 0;
    font-weight: 500;
    font-size: 1.5em;
}

.shared-container
{
    max-width: 70em;
    margin: 0 auto;
}

.shared-nav-bar
{
    background: #000066;
    padding: .5em
}

.shared-nav
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.shared-nav li
{
    display: inline;
    margin: 0 1em 0 0;
}

.shared-nav a
{
    display: inline;
    padding: 0;
    color: #000FFF;
    text-decoration: none;
    border-bottom: 0;
}

.shared-nav a:link { color: white; }
.shared-nav a:visited { color: white; }

.shared-nav a:focus
{
    color: black;
    background-color: white;
}

.shared-nav a:hover
{
    color: white;
    background-color: green;
}

.shared-nav a:active
{
    color: white;
    background-color: red;
}

html
{
    height: 100%;
}

body
{
    position: relative;
    min-height: 100%;
}

.shared-footer-container
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    /*margin-top: 3em;*/
    /*height 30px;*/
    margin-bottom: 1em;
    text-align: center;
}

.shared-footer
{
    padding: 6px;
    text-align: center;
    color: #E6E6E6;
    background: #0000AA;
    font-size: small;
    border-radius: 4px;
}

.shared-footer > a:link { color: #00DDDD; }
.shared-footer > a:visited { color: #D000D0; }
.shared-footer > a:focus { color: white; }
.shared-footer > a:hover { color: #00DD00; }
.shared-footer > a:active { color: red; }