body                     { background-color: white }
body, div, span, 
th, td, button           { font-family: Roboto }
div.main_page            { background-color: white; width: 1140px; margin: 0 auto; border: 2px #555555 solid }
div.page-body            { padding: 20px }
div.grey_background      { background-color: #eeeeee }
img.padded               { margin: 10px }
div.page                 { background-color: #555555; color: white; padding: 10px }
div.page_left            { border-radius: 10px 0px 10px 0px }
div.page_right           { border-radius: 0px 10px 0px 10px }
/*
button.page              { background-color: #559955; color: white; padding: 5px; margin: 0 !important; display: inline-block; border: 1px solid #335533 }
button.page_top_left     { border-radius: 5px 0px 0px 0px }
button.page_bottom_right { border-radius: 0px 0px 0px 5px }
button.page_initial      { width: 30px }
*/
div.panel                { border-radius: 5px 5px 5px 5px; border: 15px; padding: 15px }
div.panel-dark           { background-color: #224422; border: none; border-radius: 0px 0px 0px 0px }
button.btn-primary       { background-color: #559955; border: 2px solid #335544 }
a.btn-primary            { background-color: #559955; border: 2px solid #335544; height: 40px }
h1                       { color: #559955; font-size: 24pt; font-weight: bold; padding-bottom: 16px }
h2, div.title            { font-size: 20pt; padding-top: 16px; padding-bottom: 16pt; background-color: #99aa99; color: white; border-radius: 5px 5px 5px 5px; padding: 10px }
div.title,
h1, h2                   { margin-top: 19px; margin-bottom: 19px }
button.tab               { margin-left: -5px; margin-right: 0px; border-radius: 0px 0px 0px 0px; display: inline-block }
button.tab-left          { border-radius: 5px 0px 0px 5px; margin-left:  0px }
button.tab-right         { border-radius: 0px 5px 5px 0x; }
.nowrap-buttons {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.iframe-wrapper          {
    width:       100%;
    overflow-x:  scroll; /* allow horizontal scroll */
    overflow-y:  hidden; /* block vertical scroll   */
    white-space: nowrap; /* prevent wrapping        */
}

.iframe-wrapper iframe   {
    /* width:       2000px; */ /* wider than wrapper to force horizontal scroll */
    /* height:      600px;  */ /* fixed height so vertical scroll isn't needed  */
    border:      none;
}
.color-grey  { color: #cccccc }
.background-grey { background-color: #eeeeee }
.background-white { background-color: white }
.body { padding: 25px }
button.btn-primary { min-height: 40px }
.hyperlink {
    color: #0645AD;        /* standard link blue */
    cursor: pointer;       /* makes it feel clickable */
}
.hyperlink:hover { text-decoration: underline; }
a { text-decoration: none }
a:hover { text-decoration: underline }
div.date { float: right; color: white; padding: 10px }
div.news { margin-bottom: 32px }