.todo {
    background-color: saddlebrown;
    color: yellow;
    font-weight: bold;
}

body {
    background-color: white;
    margin: 0;
}
div.page {
    width: 90%;
    margin: auto;
}
header {
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}
header p {
    font-weight:bold;
    text-align:center;
}
header #mission-statement {
    color: #2D5024;
    margin-bottom: .5em;
}
header #mission-statement h2 {
    margin-bottom: 10px;
    text-shadow: 1px 1px 1px #0a246a;
    border-bottom: #2d4f24 solid thin;
}
header #mission-statement p {
    font-size: 108%;
    margin-top: .5em;
}
section {
    display:block;
    clear:both;
    margin-top:10px;
}
.right {
    float:right;
}
section#library
{
    text-align: left;
}
section#library ul
{
    display: inline-flex;
    width: 100%;
}
section#library ul li.title
{
    width: 30%;
    list-style: none;
}
section#library ul li.title img.thumbnail
{
    vertical-align: middle;
}
section#library ul li.title p
{
    display: inline-block;
    font-style: italic;
}
section#library ul li.info
{
    display: block;
}
section#library ul li.info ul
{
    display: inherit;
}
section#library ul li.info .ref
{
    margin: 0;
    list-style: square;
}
section div.right {
    width:32%;
    text-align:center;
}
section div#email-subscribe {
    padding-left: 3px;
}
section div#email-subscribe h1 {
    font-size: 16px;
    font-family: Arial,sans-serif;
    font-weight: bold;
    text-align: left;
    margin-bottom: 1px;
}
section div#email-subscribe div#phplist-frame {
    background-color: #e3e9ff;
}
section div#email-subscribe div#phplist-frame form {
    margin-bottom: 3px;
}
section div#email-subscribe div#phplist-frame table {
    font-size: 10pt;
    font-family: Verdana,Geneva,sans-serif;
}
section div#email-subscribe div#phplist-frame .attributeinput {
    text-align: right;
}
section div#email-subscribe div#phplist-frame div#result {
    color: red;
    padding-left: 3px;
    font-size: 10pt;
    font-family: Verdana,Geneva,sans-serif;
}
section div#email-subscribe form #ajax-button {
    display: none;
}
span#spinner {
    visibility: hidden;
}
section div#email-subscribe div#phplist-frame div#result h4 {
    margin-top: 0px;
    margin-bottom: 5px;
}
section div#bgg-plays {
    padding-top: 2em;
}
section div#bgg-plays noscript div {
    background-color: silver;
    font-size: small;
    width: 40%;
    padding: 8px;
}
section div.left {
    width:67%;
}
section div#description {
    padding-right: 5px;
    font-size: 11pt;
}
section#faq li {
    list-style: none;
}
section#faq li.category h3 {
    color: #2D5024;
    text-shadow: 1px 1px 1px #0a246a;
    border-bottom: #2d4f24 solid thin;
}
section#faq .question {
    font-weight: bold;
    font-size: large;
}
section#faq .answer li {
    list-style: outside;
}
footer {
    background-color: #3c3c3c;
    margin-top: 3em;
    padding: 2em;
    color: white;
    font-size: small;
    font-family: Helvetica sans-serif;
}
footer div.right {
    width: 40%;
    text-align: right;
}
footer div.left {
    width: 60%;
}
footer a {
    color: #00ffff;
    text-decoration: none;
}

/* Google embedded calendar overrides */
span#calendarTitle {
    display: inline-block;
    margin-bottom: 5px;
}
td.date-nav-buttons {
    visibility: collapse;
    display: none;
}
div#agenda-underflow-top1 {
    visibility: collapse;
    display: none;
}
div#agenda-underflow-bottom1 {
    visibility: collapse;
    display: none;
}

.block-heading {
    background-color: #3c3c3c;
    color: #00ffff;
    text-shadow: 1px 1px 1px #00BBDD;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
}

div#mission-callout {
    border: #3c3c3c thin solid;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
div#mission-callout .block-heading {
    margin-top: 0;
}
div#mission-callout li {
    padding: 2px;
    list-style-type: square;
}
div#mission-callout p {
    padding-left: 15px;
    padding-right: 15px;
}
#code-of-conduct {
    text-align: center;
    font-weight: bold;
    color: #2D5024;
    text-shadow: 1px 1px 1px #0a246a;
}
#banner-blm {
    font-style: italic;
    text-align: center;
    background-color: gold;
}

.highlight {
    font-weight: bold;
    color: red;
    text-shadow: 1px 1px 1px darkred;
}

div#upcoming-events {
}