div.table    { display: table }
div.tr       { display: table-row }
div.thead    { display: table-header-group }
div.tbody    { display: table-row-group }
div.tfoot    { display: table-footer-group }
div.col      { display: table-column }
div.colgroup { display: table-column-group }
div.td, div.th   { display: table-cell }
div.caption  { display: table-caption }

* {
    box-sizing: border-box;
}
body {
    width: 100%;
    min-width: 1200px;
}
body div#header div#wustl {
    height: 42px;
    border-bottom: 11px solid #c61329;
}
body div#header div#wustl div#logo {
    margin: 7px 0px 0px 80px;
    width: 228px;
    height: 27px;
    background: url(https://artsci.wustl.edu/sites/all/themes/awesomesauce/images/artsci-sprites.png) -265px -8px no-repeat;
}
body div#header div#title {
    height: 56px;
    background-color: #333;
    border-top: 1px solid #fff;
}
body div#header div#title h1 {
    margin: 10px 0px 0px 80px;
    font-family: 'Goudy Old Style Regular', 'Goudy Old Style', 'OFL Sorts Mill Goudy TT', Georgia, serif;
    font-size: 30px;
    letter-spacing: 2px;
    line-height: 30px;
    color: #fff;
}
body div#header div#artsci {
    position: absolute;
    left: 0;
    top: 0;
    width: 61px;
    height: 106px;
    background: url(https://artsci.wustl.edu/sites/all/themes/awesomesauce/images/artsci-sprites.png) 0 0 no-repeat;
}
body div#header div#navigation,
body div#header div#controls {
    margin: 3px 0px 0px 0px;
    padding: 3px 20px;
    background-color: #ddd;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    font-size: 12px;
}
body div#header div#controls div.control {
    float: left;
    text-align: center;
}
body div#header div#controls div.control div.label {
    margin: 0px 20px;
}
body div#header div#controls div.control div.enable {
    color: green;
    text-decoration: none;
}
body div#header div#controls div.control div.disable {
    color: red;
    text-decoration: none;
}
body div#main {
    margin: 15px 0px;
}
body div#main div#dimensions {
    width: 220px;
    float: left;
}
body div#main div#dimensions div.dimension {
    margin: 0px 5px 15px 10px;
}
body div#main div#dimensions div.dimension h3 {
    background-color: #ddd;
    padding: 4px 10px;
    border-top: 1px solid #ccc;
    border-right: 2px solid #bbb;
    border-bottom: 2px solid #bbb;
    border-left: 1px solid #ccc;
    font-weight: bold;
}
body div#main div#dimensions div.dimension h3::first-letter {
    text-transform: capitalize;
}
body div#main div#dimensions div.dimension table tr.facet {
    font-size: 0.8em;
    border-bottom: 1px solid #ccc;
}
body div#main div#dimensions div.dimension table tr.facet td.Name {
    padding: 2px 0px 2px 10px;
}
body div#main div#dimensions div.dimension table tr.facet td.Lines {
    padding: 2px 10px 2px 0px;
    width: 1%;
    text-align: right;
}
body div#main div#dimensions div.dimension table.fabulae td.Name {
    font-style: italic;
}

body div#main div#verse_groups div.verse-menu span.text { font-weight: bold; }
body div#main div#verse_groups div.verse-menu span#menu { float: right; }
body div#main div#verse_groups div.verse-menu span#menu span { padding: 0px 5px; }
body div#main div#verse_groups div.verse-menu span#menu a { padding: 0px 5px; text-decoration: none; color: blue; }

body div#main div#verse_groups                                                             { position: relative; margin-left: 220px; }
body div#main div#verse_groups div.verse-menu                                              { background-color: #ddd; padding: 4px 10px; border-top: 1px solid #ccc; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; border-left: 1px solid #ccc; margin-bottom: 10px; }
body div#main div#verse_groups div.verse-group                                             { margin: 0px 10px 25px 10px; }
body div#main div#verse_groups div.verse-group div.table                                   { width: 100%; }
body div#main div#verse_groups div.verse-group div.table     div                           {}
body div#main div#verse_groups div.verse-group div.table     div       div.tr              {}
body div#main div#verse_groups div.verse-group div.table     div       div.tr div.th,
body div#main div#verse_groups div.verse-group div.table     div       div.tr div.td       { padding: 1px 5px 4px 5px; }
body div#main div#verse_groups div.verse-group div.table     div.thead                     { font-size: smaller; color: #ddd; }
body div#main div#verse_groups div.verse-group div.table     div.thead div.tr              {}
body div#main div#verse_groups div.verse-group div.table     div.thead div.tr div.th       {}
body div#main div#verse_groups div.verse-group div.table.sup                               {}
body div#main div#verse_groups div.verse-group div.table.sup div.thead                     { background-color: #126621; }
body div#main div#verse_groups div.verse-group div.table.sup div.thead div.tr              {}
body div#main div#verse_groups div.verse-group div.table.sup div.thead div.tr div.th       { border-top: 1px solid #000; }
body div#main div#verse_groups div.verse-group div.table.sup div.thead div.tr div.th.col0  { min-width: 120px; }
body div#main div#verse_groups div.verse-group div.table.sup div.thead div.tr div.th.col1  { min-width: 88px; }
body div#main div#verse_groups div.verse-group div.table.sup div.thead div.tr div.th.col2  { min-width: 85px; }
body div#main div#verse_groups div.verse-group div.table.sup div.thead div.tr div.th.col3  { min-width: 84px; }
body div#main div#verse_groups div.verse-group div.table.sup div.thead div.tr div.th.col4  { min-width: 70px; }
body div#main div#verse_groups div.verse-group div.table.sup div.thead div.tr div.th.col5  { min-width: 190px; }
body div#main div#verse_groups div.verse-group div.table.sup div.thead div.tr div.th.col6  {}
body div#main div#verse_groups div.verse-group div.table.sup div.tbody                     { background-color: #eee; }
body div#main div#verse_groups div.verse-group div.table.sup div.tbody div.tr              {}
body div#main div#verse_groups div.verse-group div.table.sup div.tbody div.tr div.th       {}

body div#main div#verse_groups div.verse-group div.table.sub1                               { padding-left: 400px; }
body div#main div#verse_groups div.verse-group div.table.sub1 div.thead                     { background-color: #53A561; }
body div#main div#verse_groups div.verse-group div.table.sub1 div.thead div.tr              {}
body div#main div#verse_groups div.verse-group div.table.sub1 div.thead div.tr div.th       { border-top: 1px solid #666;}
body div#main div#verse_groups div.verse-group div.table.sub1 div.thead div.tr div.th.col0  { width: 20%; }
body div#main div#verse_groups div.verse-group div.table.sub1 div.thead div.tr div.th.col1  { width: 10%; }
body div#main div#verse_groups div.verse-group div.table.sub1 div.thead div.tr div.th.col2  { width: 19%; }
body div#main div#verse_groups div.verse-group div.table.sub1 div.thead div.tr div.th.col3  { width: 10%; }
body div#main div#verse_groups div.verse-group div.table.sub1 div.thead div.tr div.th.col4  { width: 15%; }
body div#main div#verse_groups div.verse-group div.table.sub1 div.thead div.tr div.th.col5  { width: 15%; }
body div#main div#verse_groups div.verse-group div.table.sub1 div.thead div.tr div.th.col6  { width: 21%; }
body div#main div#verse_groups div.verse-group div.table.sub1 div.tbody                     { background-color: #eee; }
body div#main div#verse_groups div.verse-group div.table.sub1 div.tbody div.tr              {}
body div#main div#verse_groups div.verse-group div.table.sub1 div.tbody div.tr div.th       {}

body div#main div#verse_groups div.verse-group div.table.sub2                               { padding-left: 800px; }
body div#main div#verse_groups div.verse-group div.table.sub2 div.thead                     { background-color: #53A561; }
body div#main div#verse_groups div.verse-group div.table.sub2 div.thead div.tr              {}
body div#main div#verse_groups div.verse-group div.table.sub2 div.thead div.tr div.th       { border-top: 1px solid #666;}
body div#main div#verse_groups div.verse-group div.table.sub2 div.thead div.tr div.th.col0  { width: 100%; }
body div#main div#verse_groups div.verse-group div.table.sub2 div.thead div.tr div.th.col1  { width: 10%; }
body div#main div#verse_groups div.verse-group div.table.sub2 div.thead div.tr div.th.col2  { width: 19%; }
body div#main div#verse_groups div.verse-group div.table.sub2 div.thead div.tr div.th.col3  { width: 10%; }
body div#main div#verse_groups div.verse-group div.table.sub2 div.thead div.tr div.th.col4  { width: 15%; }
body div#main div#verse_groups div.verse-group div.table.sub2 div.thead div.tr div.th.col5  { width: 15%; }
body div#main div#verse_groups div.verse-group div.table.sub2 div.thead div.tr div.th.col6  { width: 21%; }
body div#main div#verse_groups div.verse-group div.table.sub2 div.tbody                     { background-color: #eee; }
body div#main div#verse_groups div.verse-group div.table.sub2 div.tbody div.tr              {}
body div#main div#verse_groups div.verse-group div.table.sub2 div.tbody div.tr div.th       {}

body div#footer {
    border-top: 10px solid #333;
    border-bottom: 10px solid #c61329;
}
body div#footer img.library {
    margin: 10px 30px;
    float: left;
}
body div#footer div.text {
    margin: 10px 0px;
    font-size: 0.8em;
}
body div#footer div.text img {
    margin-bottom: 5px;
}
body div#footer div.text p.highlight {
    color: #c61329;
}
body div#footer div.text div.links {
    margin-top: 10px;
}
body div#footer div.text div.links a {
    font-weight: bold;
    color: #666;
    text-decoration: none;
}
.none {
    font-size: smaller;
    display: none;
    position: fixed;
    top: 150px;
    left: 250px;
    z-index: 9999;
}
body div#main div#verse_details table {
    padding: 10px;
    background-color: #eec;
    border: 1px dashed #aaa;
    max-width: 500px;
}
body div#main div#verse_details table tr {

}
body div#main div#verse_details table tr td {
    padding: 2px 10px 0 0;
}
/* body div#main div#verse_groups div.verse-group div.table.sub div.tbody div.tr:hover, */
body div#main div#dimensions div.dimension h3:hover,
body div#header div#controls div.control div.enable:hover,
body div#header div#controls div.control div.disable:hover,
body div#main div#verse_groups div.verse-menu span#menu a.previous:hover,
body div#main div#verse_groups div.verse-menu span#menu a.next:hover,
body div#main div#dimensions div.dimension table tr.facet:hover {
    background-color: #FCFFA3;
}

tr.facet-on {
    background-color: rgb(214, 252, 212);
}
tr.facet-off {
    background-color: rgb(252, 221, 212);
}

body div#main div#verse_groups div.verse-group div.table.sup div.tbody div.tr div.td a.notes {
    color: blue;
}

body div#navigation a {
    font-size: small;
    /* font-variant: small-caps; */
    text-transform: uppercase;
    font-weight: bold;
    color: #009;
    padding-left: 15px;
    text-decoration: none;
}
body div#navigation a:hover {
    color: #66f;
}
body div#main img {
    float: right;
    margin: 20px 30px 20px 30px;
    border: 1px solid black;
}
body div#main div.content {
    margin: 20px 390px 20px 30px;
}
body div#main div.content h3 span {
    font-style: italic;
}
dl {
    border: 3px double #ccc;
    padding: 0.5em;
}
dt {
    float: left;
    clear: left;
    width: 170px;
    text-align: right;
    font-weight: bold;
    color: green;
}
dt:after {
    content: ":";
    margin-right: 5px;
}
dd {
    display: block; 
    margin: 0 0 0 170px;
    padding: 0 0 0.5em 0;
}

body div#main div.content h2 {
    font-size: large;
    font-weight: bold;
    margin-bottom: 10px;
}
body div#main div.content h3 {
    font-weight: bold;
}

body div#main div.content ul.bulleted {
    list-style: disc;
}

body div#main div.content ul.bulleted ul {
    list-style: circle;
}

body div#main div.content ul.bulleted li {
    padding-left: 30px;
}

body div#main div.content i {
    font-style: italic;
}


li { 
     margin-left: 30px;
     text-indent: -30px;
 }

body div#navigation a.current {
    font-size: 150%;
}