/* General */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #105263;
    margin: 0;
}

a:link    { color: #FFFF99 }
a:visited { color: #FFFF99 }
a:hover   { color: #FFFF99; background-color: #000000 }

/* Top bar */

div#top {
    position: relative;
}

div#topbar {
    padding: 4px 60px;
    background-color: #476E78;
    text-align: right;
}

img#hexl1    { position: absolute; top: -10px; left: -30px }
img#hexl2    { position: absolute; top:  20px; left:  23px }
img#hexl3    { position: absolute; top: -11px; left:  76px }
img#hexl4    { position: absolute; top:  51px; left: -30px }
img#smallemp { position: absolute; top:  10px; left: 2px }

div#slugline {
    padding-right: 0.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: italic;
    color: #009999;
    background-color: #083D4B;
    text-align: right;
}

/* Navigation bar */

div#nav {
    position: relative;
    float: left;
    width: 152px;
    margin: 60px 0 10px;
    z-index: 10
}

div#nav img {
    margin: 2px 0 0 0;
}

/* Decoration */

div#deco {
    float: right;
    width: 200px;
    height: 320px;
    position: relative;
}

img#img18s { position: relative; top:  30px; left:    0px }
img#hexr1  { position: absolute; top: 254px; left:  -53px }
img#hexr2  { position: absolute; top: 315px; left:  -53px }
img#hexr3  { position: absolute; top: 346px; left: -106px }
img#hexr4  { position: absolute; top: 378px; left: -159px }
img#hexr5  { position: absolute; top: 409px; left: -212px }
img#hexr6  { position: absolute; top: 439px; left: -159px }
img#hexr7  { position: absolute; top: 285px; left: -107px }

/* Contents */

div#head {
    margin-top: 2px;
}

img#big {
    position: relative;
    left: -3px;
    z-index: -20;
}

img#smallhexes {
    position: relative;
    top: -36px;
    left: 121px;
    margin-bottom: -90px;
    z-index: -10;
}

p#breadcrumbs {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

div#contents {
    position: relative;
    z-index: 10;
    margin: 8px 25px 8px 152px;
    max-width: 60em;
}

.small {
    font-size: 12px;
}

.sidebar {
    float: right;
    width: 240px;
    padding: 0 0 0 20px;
    color: #99FFFF;
}

/* Footer */

img#empireslant {
    float: right;
    margin-bottom: -10px;
}

div#footer {
    clear: both;
}

div#footline {
    position: relative;
    top: 20px;
    width: 100%;
    height: 12px;
    margin-bottom: 48px;
    background-color: #083D4B;
    z-index: -10;
}

div#footer p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #009999;
    text-align: center;
}