body {
    padding-top: 40px;
    font-size: 12pt;
}

#content-area {
    padding: 20px 15px;
}

.navbar-brand {
    font-style: italic;
}

.lead {
    margin: 20px 35px;
}

.bibl-title {
    font-style: italic;
}

.mailto img {
    border-bottom: black solid 1px;
}

#dates .important {
    font-weight: bold;
    text-decoration: underline;
}

/* should be added to existing classes */
#dates .closed {
    text-decoration: line-through;
}

.nowrap {
    white-space: nowrap;
}

.inpage-anchor {
    /* mitigating the nav menu overlapping the anchor:
     * place <span id="anchorname" class="inpage-anchor"> on the line
     * before the line where the anchor leads to.
     * offset from the top by body::padding-top + div#content-area::padding top
     */
    padding-top: 55px;
    margin-top: -55px;
}

.added-space {
    /* Mitigating the problem of anchors that are not shown at the top
     * of the page when we jump there, because there is not enough space
     * at the bottom of the page
     */
    height: 300px;
}

li.c {
    list-style-type: circle;
}

/****************
  Program Table
*****************/

#program {
    /* oops. see not effect */
    overflow-x: auto;
}

.tbl-program {
/*    width: 100%; */
    border: 0;
}

.tbl-program td:first-child {
    width: 150px;
}

.tbl-program td {
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: top;
}

tr.coffee td {
    font-style: italic;
}

tr.date {
    border-bottom: 1px solid #ddd;
}

tr.date td {
    padding-top: 3px;
    padding-left: 10px;
    font-weight: bold;
    width: 100%; /* overrides */
}