body {
    font-family: serif;
    font-size: 125%;
    background-color: silver
}
p.caption {
    font-size: smaller;
}
p.footer {
    font-family: monospace;
    font-size: smaller;
}
a:active {
    color: red;
}
a:link {
    color: blue;
}
a:visited {
    color: magenta;
}
a:hover {
    color: darkred;
}
a.gloss {
    color: inherit;
    text-decoration-color: darkred;
}
a.cite{
    text-decoration: none;
}
a.ndx{
    text-decoration: none;
}
a.def{
    text-decoration: none;
}
a.ref{
    text-decoration: none;
}
a.toc{
    text-decoration: none;
}
a.lnk{
    text-decoration: none;
}
a.map {
    color: darkgreen;
}
.emph {
    font-weight: bold;
    color: darkred;
}
.wc {
    font-family: monospace;
    padding-left: 35px;
    text-indent: -35px;
}
.just_right {
    margin: 20px;
    padding: 20px;
    background-color: whitesmoke;
    width: 50%;
    float: right;
}
.just_right_transparent {
    margin: 20px;
    padding: 20px;
    width: 50%;
    float: right;
}
.clear_right {
    border: None;
    clear: right;
}
.just_left {
    margin: 20px;
    padding: 20px;
    background-color: whitesmoke;
    width: 50%;
    float: left;
}
.clear_left {
    border: None;
    clear: left;
}
blockquote, code, pre, ul, ol {
    padding: 10px 30px 10px 30px;
    background-color: lightgray;
}
table.photo {
    width: 60%;
    margin: 0px 10px 20px 0px;
    float: left;
}
table.portrait {
    width: 45%;
    margin: 0px 10px 20px 0px;
    float: left;
}
table.layout {
    width: 100%;
}
td.menu {
    vertical-align: top;
}
td.content {
    vertical-align: top;
    width: 100%;
}
img.photo {
    width: 100%;
}
p.caption {
    font-size: smaller;
}
p.footer {
    font-family: monospace;
    font-size: smaller;
}
button.menu {
    font-family: monospace;
    background-color: whitesmoke;
    color: blue;
    border-radius: 7px;
    margin: 0px 5px 5px 0px;
    width: 60px;
    height: 30px;
    text-align: left;
}
button.menu:hover {
    background-color: lightsteelblue;
    color: darkred;
}