body { background: #e7e7e7; font-family: Verdana, sans-serif; font-size: 11pt; }
#page { 
    background: #545454;
    border: 2px solid #c0c0c0;
    padding: 10px;
    display: table;
    height: 80vh;
    position: fixed;
    width: 80vw;
    margin-top: -40vh;
    margin-left: -40vw;
    left: 50%;
    top: 50%;
}
#content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#page img {
    height: 80vh;    
}
#header { background: #4b6983; border: 2px solid #7590ae; text-align: center; padding: 10px; color: #ffffff; }
#header h1 { color: #ffffff; }
#body { padding: 10px; }
span.tt { font-family: monospace; }
span.bold { font-weight: bold; }
a:link { text-decoration: none; font-weight: bold; color: #C00; background: #ffc; }
a:visited { text-decoration: none; font-weight: bold; color: #999; background: #ffc; }
a:active { text-decoration: none; font-weight: bold; color: #F00; background: #FC0; }
a:hover { text-decoration: none; color: #C00; background: #FC0; }