body {
    font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
    /*font-family: Palatino Linotype, Palatino, Georgia, Book Antiqua, serif;*/
    color: #333333;
    font-size: 12pt;
    margin: 1em;
    width: 800px;
}

h1, h2, h3, h4 {
    clear: both;
    color: #336699;
}

h1 {
    font-size: 200%;
    border-bottom: 2pt solid #336699;
    margin: 0 0 2ex 0;
}

h1 span {
    font-size: 75%;
    font-weight: normal;
}

h2 {
    font-size: 150%;
    margin: 1ex 0 0.5ex 0;
}

h3 {
    font-size: 100%;
    margin: 0.75ex 0 0.75ex 0;
    padding: 0;
    clear: left;
}

.inline {
    display: inline-block;
}

a, a:visited {
    color: #336699;
    text-decoration: underline;
    /* text-decoration: none; */
}

a:active {
    color: #003366;
}

a:hover {
    color: #003366;
    text-decoration: underline;
}

h1 a, h1 a:visited {
    color: #336699;
    text-decoration: none;
}

h1 a:active {
    color: #003399;
}

h1 a:hover {
    color: #003366;
    text-decoration: underline;
}

p a, p a:visited {
    color: #3366BB;
    text-decoration: none;
}

p a:active {
    color: #003399;
}

p a:hover {
    color: #003399;
    text-decoration: underline;
}

p {
    margin: 0;
    padding: 6pt 0;
    line-height: 16pt;
}

.message {
    font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
    /*font-family: Palatino Linotype, Palatino, Georgia, Book Antiqua, serif;*/
    width: 24em;
    color: #000000;
    font-weight: bold;
    font-size: 180%;
    letter-spacing: 0.1ex;
    word-spacing: 0.1ex;
    text-align: center;
    line-height: 150%;
    margin: 0.5ex 0;
    padding: 1ex;
}

.result {
    padding: 0.5ex 1ex;
}

form {
    font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
    /*font-family: Palatino Linotype, Palatino, Georgia, Book Antiqua, serif;*/
    padding: 1em 0;
    display: block;
}

form.aslinkh3 {
    padding: 0;
    display: block;
    margin: 0;
    clear: both;
}

textarea.message {
    height: 5em;
    border-width: 2pt;
    color: #333333;
    border-color: #003366;
    margin: 0.5ex 0;
}

textarea.message:hover {
    border-color: #336699;
}

textarea.message:active {
    background: #F5F5F5;
}

input {
    font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
    background: none;
    border: none;
 }

input.submit {
    color: #003366;
    font-size: 160%;
    font-weight: bold;
    vertical-align: middle;
}

input.submit:active {
    color: #336699;
}

input.aslinkh3 {
    font-size: 100%;
    font-weight: bold;
    vertical-align: top;
    padding: 0;
    margin: 0;
    clear: both;
}

.aslinkh3, .aslinkh3:visited {
    color: #336699;
    text-decoration: underline;
    /* text-decoration: none; */
}

.aslinkh3:active {
    color: #003366;
}

.aslinkh3:hover {
    color: #003366;
    text-decoration: underline;
}

div#content {
    width: 800px;
    margin: 20px;
}

div#page {
    padding: 0 20px;
}

div.submit {
    border: 2pt solid #003366;
    background: #FFFFFF;
    display: inline;
    padding: 8pt;
    width: 8em;
}

div.submit:hover {
    border-color: #336699;
    background: #DDEEFF;
}

div.notify {
    border: 2pt solid #CC6600;
    color: #BB5500;
    background: #FFDDCC;
    display: inline;
    margin-left: 8em;
    padding: 8pt;
}

small {
    font-size: 33%;
}

div#footer {
    clear: both;
    border-top: 1pt solid #336699;
    font-size: 8pt;
    color: #336699;
    padding: 8px;
    margin: 40px 20px;
}
ul#shares {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0 8px;
}

ul#shares li {
    display: inline-block;
    margin: 0;
    padding: 0 8px;
}

ul#shares li a {
    position: relative;
    bottom: 4px;
    vertical-align: middle;
}

ul#shares li a img {
    vertical-align: middle;
}

li.fb_share {
    /*border: 1px solid navy;*/
}

div#letterlist dl {
    float: left;
    margin: 1em 2em;
    padding: 0;
    border-bottom: 1px solid #999;
}

div#letterlist dt {
    clear: left;
    float: left;
    width: 5em;
    margin: 0;
    padding: 0.25em;
    font-weight: bold;
}

div#letterlist dd {
    float: left;
    width: 20em;
    margin: 0;
    padding: 0.25em;
}

div#letterlist small {
    font-size: 66%;
}

div#letterlist .letterlisthead {
    font-weight: normal;
    border-bottom: 1px solid #999;
}