body {
    background-color: black;
    color: rgb(80,80,80);
    font-family: arial, sans-serif;
    font-size: 14px;
    text-align: center;
}

p {
    text-align: justify;
}

li {
    text-align: justify;
}

a {
    color: rgb(0,0,255);
    text-decoration: none;
}

a:hover {
    background: rgb(255,255,150);
}

table {
    margin: 0px;
}

img {
    margin: 0px;
    border: 0px;
}

div#body-content {
    background-color: white;
    color: black;
    width: 720px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    border-width: 1px;
    border-style: dotted;
}

img#scenic-screens {
}

img#scenic-icon {
    vertical-align: middle;
}

table#scenic-links {
    width: 100%;
    height: 60px;
    margin-top: -2px;
}

table#scenic-links td.facebook {
    /*
     * facebook logo takes up so much room anyway that it's best to use large
     * columns for each side and compress the center column so its content
     * remains centered
     */
    width: 42%;
    text-align: left;
}

table#scenic-links td.scenic {
    width: 18%;
    text-align: center;
    font-size: 115%;
    font-weight: bold;
}

table#scenic-links td.twitter {
    /* match facebook column appearance */
    width: 42%;
    text-align: right;
    padding-right: 10px;
}

font.keyword {
    color: rgb(0,0,0);
    font-size: 120%;
    font-weight: bold;
}

font.superscript {
    font-size: 50%;
    vertical-align: super;
}

p.footnote {
    color: rgb(100,100,100);
    font-size: 75%;
    text-align: justify;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

p#copyright {
    font-size: 75%;
    text-align: center;
}