body {
        font-family: arial;
}

H1 {
    color: white;
    background-color: black;
    text-align: center;
}

#left-navbar
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;

    FONT-WEIGHT: bold;
    FLOAT: left;
    WIDTH: 150;
    COLOR: black;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: #D8D8D8;
    TEXT-ALIGN: left
}

A:link {
    COLOR: blue;
}

A:visited {
    COLOR: blue;
}

#left-navbar P
{
    PADDING-LEFT: .5em;
    PADDING-RIGHT: .5em;
}

#left-navbar P A:link
{
    TEXT-DECORATION: none
}
#left-navbar P A:visited
{
    TEXT-DECORATION: none
}
#left-navbar P A:hover
{
    TEXT-DECORATION: underline
}
#left-navbar P A:active
{
    TEXT-DECORATION: underline
}

#content {
    MARGIN-LEFT: 170;
    BORDER-LEFT: #625b66 1px solid;
    MARGIN-RIGHT: 1em;
    PADDING-LEFT: 1em;
    PADDING-RIGHT: 1em;
    BACKGROUND-COLOR: white
}

#table-content {
    MARGIN-LEFT: 20;
    BORDER-LEFT: #625b66 1px solid;
    MARGIN-RIGHT: 1em;
    PADDING-LEFT: 1em;
    PADDING-RIGHT: 1em;
    BACKGROUND-COLOR: white
}

#content dt {
    font-weight: bold;
    padding-bottom: .5em;
}

#content dd {
    padding-bottom: 1em;
}

.layout {
    MARGIN-LEFT: 0;
    MARGIN-RIGHT: 0;
    PADDING-LEFT: 0;
    PADDING-RIGHT: 0;
    MARGIN-TOP: 0;
    MARGIN-BOTTOM: 0;
    PADDING-TOP: 0;
    PADDING-BOTTOM: 0;
}

.navbar {
    width=150;
}

#boxshot {
  width: 140px;
  height: 224px;
}

#office
{
    MARGIN-BOTTOM: 1em;
    MARGIN-LEFT: 1em;
    MARGIN-RIGHT: 1em;
    MARGIN-TOP: 1em;
    FLOAT: right;
    WIDTH: 275;
    HEIGHT: 126;
}