body {
	margin: 0px;
	margin-top: 8px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
}

.inline { display: inline; }

a:link.https,a:visited.https { color: green; }

span.strike { text-decoration: line-through; }

/* The navigation pane is just a pile of links displayed as blocks instead of inline.
  Their wide footprint is easier to see in soft colors. How can I limit the pane width?
*/

div.nav { margin-top: 1em; }

div.nav a {
    display: block;
    width: 300px;
    margin-left: 1em;
    padding: 4px;
    }
    
div.nav a:hover {
    background-color: #cccccc;
    }

/* An image box holds a picture and a caption. The image width determines its size. */
div.img_box {
    margin-left: 1em;
    margin-right: 1em;
    float: left;
    }

/* An image inside an image box has padding and a border. */
div.img_box img {
    padding: 4px;
    border: 1px solid black;
    }

/* A paragraph inside an image box is a caption. */
div.img_box p {
    font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    }

div.cleft  { clear: left; }
div.cright { clear: right; }