body {
    margin: 0;
    padding: 0;
    background-color: #000000;
    background-image: url(data:image/gif;base64,R0lGODlhBAAEAIAAAP///wAAACH5BAEAAAEALAAAAAAEAAQAAAIESAEFBQAh);
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #333333;
}

.main-table {
    width: 800px;
    margin: 0 auto;
    background-color: #FFFFFF;
    border: 3px solid #3366CC;
    /*border-collapse: collapse;*/
}

.header-cell {
    background-color: #000033;
    background-image: url(data:image/gif;base64,R0lGODlhAQBkAIAAAAAAAP///yH5BAEAAAEALAAAAAABAGQAAAIXhI+py+0Po5y02ouz3rz7D4biSJbmUgAAOw==);
    padding: 20px;
    text-align: center;
    border-bottom: 5px solid #FF6600;
}

.site-title {
    color: #00FF00;
    font-family: "Comic Sans MS", cursive;
    font-size: 32px;
    font-weight: bold;
    margin: 0;
}

.site-subtitle {
    color: #FFFF00;
    font-size: 14px;
    margin-top: 5px;
}

.marquee-cell {
    background-color: #CCCCCC;
    padding: 5px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.nav-table {
    width: 100%;
    background-color: #3366CC;
    /*border-collapse: collapse;*/
}

.nav-table td {
    border-right: 2px solid #FFFFFF;
    text-align: center;
}

.nav-table a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    padding: 8px 15px;
    background-color: #3366CC;
}

.nav-table a:hover {
    background-color: #FF6600;
    text-decoration: underline;
}

.content-table {
    width: 100%;
    /*border-collapse: collapse;*/
}

.sidebar {
    width: 150px;
    background-color: #EEEEEE;
    padding: 10px;
    border-right: 2px dashed #999999;
    vertical-align: top;
}

.content {
    padding: 20px;
    background-color: #FFFFFF;
    vertical-align: top;
}

.content-box {
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
    background-color: #F5F5F5;
}

.box-header {
    background-color: #3366CC;
    color: #FFFFFF;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
}

.box-content {
    padding: 10px;
    font-size: 11px;
    line-height: 18px;
}

h1 {
    color: #FF6600;
    font-size: 18px;
    border-bottom: 2px solid #FF6600;
    padding-bottom: 5px;
}

h2 {
    color: #3366CC;
    font-size: 14px;
    background-color: #EEEEEE;
    padding: 5px;
    border-left: 5px solid #3366CC;
}

.blink {
    text-decoration: blink;
    color: #FF0000;
    font-weight: bold;
}

.counters {
    text-align: center;
    padding: 10px;
    background-color: #EEEEEE;
    border-top: 2px solid #999999;
}

.counter-img {
    border: 1px solid #666666;
    margin: 3px;
}

.guestbook-table {
    width: 100%;
    border: 1px solid #999999;
    background-color: #F9F9F9;
    /*border-collapse: collapse;*/
}

.guestbook-table td {
    padding: 5px;
    border-bottom: 1px dotted #CCCCCC;
    font-size: 11px;
}

.guest-name {
    color: #3366CC;
    font-weight: bold;
}

.guest-date {
    color: #666666;
    font-size: 10px;
}

.form-table {
    background-color: #EEEEEE;
    border: 1px solid #999999;
    padding: 10px;
    width: 100%;
}

.form-table input, .form-table textarea {
    border: 1px solid #999999;
    font-family: Verdana, Arial;
    font-size: 11px;
}

.button {
    background-color: #3366CC;
    border: 2px outset #6699FF;
    font-weight: bold;
    padding: 2px 10px;
    color: #ffffff;
}

.footer {
    background-color: #333333;
    color: #CCCCCC;
    text-align: center;
    padding: 10px;
    font-size: 10px;
    border-top: 3px solid #FF6600;
}

.footer a {
    color: #FFFF00;
}

.arrow {
    color: #FF6600;
    font-weight: bold;
}

.xp-window {
    border: 2px solid #0054E3;
    background-color: #ECE9D8;
    margin: 10px 0;
}

.xp-titlebar {
    background: #0054E3;
    background: #0054E3 linear-gradient(#0054E3, #0A78FF);
    color: #FFFFFF;
    padding: 3px 5px;
    font-weight: bold;
    font-size: 11px;
}

.xp-content {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px inset #D4D0C8;
    margin: 3px;
}

.btn {
    text-decoration: none;
}