/*

GENERIC STYLES

   
*/

:root {
    /* colours */
    --col-blue: #161242;
    --col-red: #ff0000;
    --col-dark-grey: #d0d0d0;
    --col-light-grey: #e5e5e5;
    --col-light-blue: #e0e5f5;
    --col-mid-grey: #808080;
    --col-black: #000000;
    /* text size and line height */
    --font-body: clamp(0.8rem, 0.553rem + 1.546vw, 1.1rem);
    --line-body: clamp(1.2rem, 0.87rem + 2.062vw, 1.6rem);
    --font-caption: clamp(0.85rem, 0.726rem + 0.619vw, 1rem);
    --line-caption: clamp(1rem, 0.753rem + 1.237vw, 1.3rem);
    --font-compact: clamp(0.7rem, 0.535rem + 1.031vw, 0.9rem);
    --line-compact: clamp(0.8rem, 0.47rem + 2.062vw, 1.2rem);
    --font-menu-title: clamp(0.8rem, 0.47rem + 2.062vw, 1.2rem);
    --line-menu-title: clamp(1rem, 0.67rem + 2.062vw, 1.4rem);
    --font-menu-description: clamp(0.7rem, 0.535rem + 1.031vw, 0.9rem);
    --line-menu-description: clamp(0.8rem, 0.47rem + 2.062vw, 1.2rem);
    --font-publisher-data: clamp(0.7rem, 0.535rem + 1.031vw, 0.9rem);
    --line-publisher-data: clamp(0.85rem, 0.768rem + 0.515vw, 0.95rem);
    --font-reading-data: clamp(0.7rem, 0.535rem + 1.031vw, 0.9rem);
    --line-reading-data: clamp(0.85rem, 0.768rem + 0.515vw, 0.95rem);
    --font-update-data: clamp(0.7rem, 0.535rem + 1.031vw, 0.9rem);
    --line-update-data: clamp(0.85rem, 0.768rem + 0.515vw, 0.95rem);
    --font-medium: clamp(0.8rem, 0.635rem + 0.825vw, 1rem);
    --line-medium: clamp(1rem, 0.835rem + 0.825vw, 1.2rem);
    --font-main-title: clamp(1rem, 0.588rem + 2.062vw, 1.5rem);
    --line-main-title: clamp(1.2rem, 0.746rem + 2.268vw, 1.75rem);
    --font-sub-title1: clamp(0.9rem, 0.57rem + 1.649vw, 1.3rem);
    --line-sub-title1: clamp(1.1rem, 0.77rem + 1.649vw, 1.5rem);
    --font-sub-title2: clamp(0.8rem, 0.635rem + 0.825vw, 1rem);
    --line-sub-title2: clamp(0.9rem, 0.653rem + 1.237vw, 1.2rem);
}

html {
    font-size: 20px;
}


body {
    font-family: Georgia, serif;
    font-size: 100%;
    color: var(--col-black);
    background-color: #ffffff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-repeat: no-repeat;
    overflow: scroll;
}

img {
    padding: 0;
    margin: 0;
    border: none;
    clear: both;
    float: none;
}

ol {
    list-style-position: outside;
    margin: 0.7em 0 0.7em 26px;
    padding: 0 0 0 0;
}

ul {
    margin: 0.7em 0 0.7em 0;
    padding: 0 0 0 0;
    list-style-type: none;
}

li {
    font-size: var(--font-body);
    line-height: var(--line-body);
}

    li.bullets {
        background-image: url(../img/bullet_dash_2.gif);
        background-repeat: no-repeat;
        background-position: 0 0.75em;
        padding: 0 0 0 16px;
        margin: 0 0 10px 0;
    }

    li.nrs {
        list-style-type: decimal;
        margin: 0 0 0 0;
        padding: 0 0 10px 0;
    }

    li.index-links {
        list-style-type: decimal;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }



table {
    font-size: var(--font-body);
    line-height: var(--line-body);
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

tr {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

td {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
    text-align: left;
    vertical-align: top;
}

p {
    margin: 0 0 5px 0;
    padding: 0 10px 0 0;
}

div {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #0000ff;
}

    a:link {
        font-weight: normal;
        color: #5050f0;
    }

    a:visited {
        color: #5050f0;
    }

    a:hover {
        color: #ff3300;
    }

    a:active {
        color: #5050f0;
    }

    a:focus {
        color: #5050f0;
    }

/* references */
sup.ref {
}

ol.ref {
    list-style-position: outside;
    margin: 0 0 0.7em 0;
    padding: 10px 0 0 26px;
    text-align: left;
    font-size: var(--font-body);
    line-height: var(--line-body);
    border-top: 1px solid var(--col-dark-grey);
    border-bottom: 1px solid var(--col-dark-grey);
}

li.ref {
    list-style-type: decimal;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}

span.citeBack {
    font-weight: bold;
}

span.citeText {
}

span.fixedSpace {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    color: #00a050;
    font-size: var(--font-body);
    line-height: var(--line-body);
    /*line-height: 1em;*/
}

span.ltrBox {
    font-weight: bold;
    color: #0033c0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    cursor: pointer;
}


/*
LAYOUT STYLES
*/

div.flowBox {
    font-size: var(--font-body);
    line-height: var(--line-body);
    word-spacing: 0;
    width: 100%;
    box-sizing: border-box;
    float: left;
    color: var(--col-black);
}

div.block {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    /*float: left;
    clear: both;*/
    box-sizing: border-box;
}

div.pageBox {
    max-width: 708px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto 0 auto;
    padding: 4px 0 4px 0;
    background-color: #ffffff;
    box-sizing: border-box;
}

/*div.headerBox {
    width: 908px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
}*/

div.tocHeaderBox {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--col-blue);
    box-sizing: border-box;
}

div.titleBox {
    width: 100%;
    float: left;
    margin: 12px 0 0 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
}

div.contentBox {
    width: 908px;
    float: left;
}

div.tocContentBox {
    width: 100%;
    box-sizing: border-box;
    /*float: left;*/
}

div.tocFooterBox {
    width: 100%;
    box-sizing: border-box;
    float: none;
    clear: both;
    margin: 12px 0 8px 0;
    padding: 1px 0 1px 0;
}

/*

TOC

*/

div.tocBox {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 200px;
    padding: 3px 0 8px 0;
    float: left;
    clear: left;
    color: var(--col-black);
}

p.tocEntry {
    padding: 0 0 2px 2px;
    margin: 0 8px 6px 0;
}

p.tocCurrent {
    padding: 0 0 2px 2px;
    margin: 0 8px 6px 0;
    background-color: var(--col-blue);
    color: #ffffff;
}

p.tocSpace {
    line-height: 12px;
    padding: 0 0 0 0;
    margin: 0 8px 0 0;
}

hr.tocRule {
    padding: 0 0 0 0;
    margin: 8px 12px 8px 0;
    border-top: 1px solid var(--col-blue);
}

a.tocLink {
    text-decoration: none;
    color: #808080;
}

    a.tocLink:link {
        color: #808080;
    }

    a.tocLink:visited {
        color: #808080;
    }

    a.tocLink:hover {
        color: #0000ff;
    }

    a.tocLink:active {
        color: #808080;
    }

    a.tocLink:focus {
        color: #808080;
    }


a.tocSelectedLink {
    text-decoration: none;
    color: #ffffff;
}

    a.tocSelectedLink:link {
        color: #ffffff;
    }

    a.tocSelectedLink:visited {
        color: #ffffff;
    }

    a.tocSelectedLink:hover {
        color: #C3E9FF;
    }

    a.tocSelectedLink:active {
        color: #ffffff;
    }

    a.tocSelectedLink:focus {
        color: #ffffff;
    }

/* 

MAIN MENU
		
*/
div.main-menu-block {
    box-sizing: border-box;
    float: left;
    clear: left;
    text-align: left;
    width: 100%;
    height: auto;
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: normal;
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 12px 0;
    color: #ffffff;
    background-color: var(--col-blue);
}

div.mm-col-posts {
    box-sizing: border-box;
    float: left;
    clear: left;
    text-align: left;
    width: 40%;
    background-color: var(--col-blue);
    margin: 0 0 0 0;
    padding: 0 0 0 4px;
}

div.tag-frame {
    box-sizing: border-box;
    float: left;
    clear: left;
    text-align: left;
    width: 100%;
    color: #ffffff;
    background-color: var(--col-blue);
    margin: 0 0 0 0;
    padding: 0 0 0 4px;
}

p.mm-tags {
    margin: 0 0 0 0;
    padding: 0 8px 0 0;
    color: #ffffff;
    background-color: var(--col-blue);
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: justify;
}

p.mm-tags-qty {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 12px 2px 6px 2px;
    color: #ffffff;
    background-color: var(--col-blue);
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: left;
    /*border-top:solid 1px #e0e0e0;*/
}


div.mm-col-1 {
    box-sizing: border-box;
    float: left;
    clear: left;
    text-align: left;
    width: 10%;
    background-color: var(--col-blue);
    margin: 0 0 0 0;
    padding: 0 0 0 4px;
}

div.mm-col-2 {
    box-sizing: border-box;
    float: left;
    text-align: left;
    width: 10%;
    background-color: var(--col-blue);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.mm-col-3 {
    box-sizing: border-box;
    float: left;
    text-align: left;
    width: 10%;
    background-color: var(--col-blue);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.mm-col-4 {
    box-sizing: border-box;
    float: left;
    text-align: left;
    width: 10%;
    background-color: var(--col-blue);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.mm-col-5 {
    box-sizing: border-box;
    float: left;
    text-align: left;
    width: 30%;
    background-color: var(--col-blue);
    margin: 0 0 0 0;
    padding: 0 0 0 8px;
}

div.mm-col-6 {
    box-sizing: border-box;
    float: left;
    text-align: left;
    width: 30%;
    background-color: var(--col-blue);
    margin: 0 0 0 0;
    padding: 0 4px 0 0;
}

div.mm-head-1 {
    box-sizing: border-box;
    float: left;
    clear: left;
    text-align: left;
    width: 40%;
    background-color: var(--col-blue);
    margin: 0 0 0 0;
    padding: 0 0 6px 4px;
}

div.mm-head-2 {
    box-sizing: border-box;
    float: left;
    text-align: left;
    width: 60%;
    background-color: var(--col-blue);
    margin: 0 0 0 0;
    padding: 0 0 6px 8px;
}


p.mm-head {
    font-family: Georgia, serif;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0 0 8px 0;
    color: #ffffff;
    background-color: var(--col-blue);
    font-size: var(--font-body);
    line-height: var(--line-body);
    color: #c0c0c0;
}

/*border-bottom: solid 1px #c0c0c0;*/

p.mm-posts {
    margin: 0 0 0 0;
    padding: 0 8px 0 0;
    color: #ffffff;
    background-color: var(--col-blue);
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: justify;
}


p.mm-entry {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #ffffff;
    background-color: var(--col-blue);
    font-size: var(--font-body);
    line-height: var(--line-body);
}

span.current-entry {
    color: #999999;
}

a.mm-link {
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}

    a.mm-link:link {
        color: #ffffff;
    }

    a.mm-link:visited {
        color: #ffffff;
    }

    a.mm-link:hover {
        color: #ff3300;
    }

    a.mm-link:active {
        color: #ffffff;
    }

    a.mm-link:focus {
        color: #ff3300;
    }

/*
    MENU STYLES

*/
div.menu-list {
    display: block;
}

div.menu-entry {
    display: flex;
    width: 100%;
    margin: 0 0 8px 0;
    cursor: pointer;
}

div.menu-left {
    width: 225px;
    aspect-ratio: 225/200;
    box-sizing: border-box;
    display: flex;
    float: left;
    clear: left;
    background-repeat: no-repeat;
    background-size: contain;
}

div.menu-right {
    width: 483px;
    box-sizing: border-box;
    padding: 0 0 0 6px;
    float: left;
}


/* 

COLUMNS
		
*/
/* 

ONE COLUMN 

*/
div.col_11 {
    font-family: Georgia, serif;
    font-size: var(--font-body);
    line-height: var(--line-body);
    display: block;
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
    text-align: justify;
}

/* 

TWO COLUMNS 

*/

div.col_21 {
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 50%;
    box-sizing: border-box;
    padding: 0 4px 0 0;
    float: left;
    clear: left;
    text-align: left;
}
/* new two-col year layout */
div.col_211 {
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 25%;
    box-sizing: border-box;
    padding: 0 4px 0 0;
    float: left;
    clear: left;
    text-align: left;
}

div.col_212 {
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 25%;
    box-sizing: border-box;
    padding: 0 4px 0 0;
    float: left;
    text-align: left;
}


div.col_22 {
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 50%;
    box-sizing: border-box;
    padding: 0 0 0 4px;
    float: left;
    text-align: left;
}

/* 

THREE COLUMNS even 

*/

div.col_31 {
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 34%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
    clear: left;
}

div.col_32 {
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 33%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
}

div.col_33 {
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 33%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
}



/* 

FOUR COLUMNS even 

*/

div.col_41 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
    clear: left;
}

div.col_42 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
}

div.col_43 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
}

div.col_44 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
}
/* 

FOUR COLUMNS uneven 

*/
div.col_4_13_1 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
    clear: left;
}

div.col_4_13_2 {
    width: 75%;
    box-sizing: border-box;
    margin: 0 0 8px 16px;
    float: left;
    text-align: justify;
}

div.col_4_31_1 {
    width: 75%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
    clear: left;
    text-align: justify;
}

div.col_4_31_2 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 16px;
    float: left;
}

div.col_4_211_1 {
    width: 50%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
    clear: left;
    text-align: justify;
}

div.col_4_211_2 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 16px;
    float: left;
}

div.col_4_211_3 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 16px;
    float: left;
}

div.col_4_112_1 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
    clear: left;
}

div.col_4_112_2 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 16px;
    float: left;
}

div.col_4_112_3 {
    width: 50%;
    box-sizing: border-box;
    margin: 0 0 8px 16px;
    float: left;
    text-align: justify;
}

div.col_4_121_1 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    float: left;
    clear: left;
}

div.col_4_121_2 {
    width: 50%;
    box-sizing: border-box;
    margin: 0 0 8px 16px;
    float: left;
    text-align: justify;
}

div.col_4_121_3 {
    width: 25%;
    box-sizing: border-box;
    margin: 0 0 8px 16px;
    float: left;
}

/* 

THREE COLUMNS uneven 

*/

div.col_3_12_1 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 230px;
    box-sizing: border-box;
    float: left;
    clear: left;
}

div.col_3_12_2 {
    max-width: 478px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    box-sizing: border-box;
    float: left;
    text-align: left;
}

div.col_3_21_1 {
    font-family: Georgia, serif;
    font-size: var(--font-body);
    line-height: var(--line-body);
    font-style: italic;
    width: 66%;
    margin: 0 0 8px 0;
    float: left;
    clear: left;
    text-align: left;
}

div.col_3_21_2 {
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 33%;
    margin: 0 0 8px 15px;
    float: left;
    text-align: left;
}

/*

CONTENT STYLES

*/

h1.pageTitle {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-main-title);
    line-height: var(--line-main-title);
    /* font-size: 1.60rem;
    line-height: 1.60rem;*/
    margin: 0.8rem 0 0.8rem 0;
    padding: 0 4px 0 4px;
    color: var(--col-blue);
    box-sizing: border-box;
}

p.pageTitle {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    /* font-size: 1.60rem;
    font-size: 1.60rem;
    line-height: 1.60rem;*/
    margin: 0 0 12px 0;
    padding: 0 4px 0 4px;
    color: #505050;
    box-sizing: border-box;
}

p.title {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    /*font-size: 1.40rem;
    line-height: 1.40rem;*/
    margin: 0 0 0.5rem 0;
    padding: 0 4px 0 4px;
    color: #505050;
    box-sizing: border-box;
}





h2.subtitle {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-sub-title1);
    line-height: var(--line-sub-title1);
    text-align: left;
    margin: 0.8rem 0 0.8rem 0;
    padding: 0 4px 0 4px;
    color: var(--col-blue);
}

p.subtitle {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-sub-title2);
    line-height: var(--line-sub-title2);
    text-align: left;
    margin: 0.5em 0 0.4em 0;
    padding: 0 0 0 0;
    color: var(--col-black);
}

h2.subtitleLine {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-sub-title1);
    line-height: var(--line-sub-title1);
    text-align: left;
    border-top: solid 1px #505050;
    margin: 1.0em 0 1.0em 0;
    padding: 5px 0 0 0;
    color: #505050;
}

p.subtitleLine {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-sub-title2);
    line-height: var(--line-sub-title2);
    text-align: left;
    border-top: solid 1px #505050;
    margin: 1.0em 0 1.0em 0;
    padding: 5px 0 0 0;
    color: #505050;
}




p.tickertitle {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: left;
    margin: 1.50em 0 0.2em 0;
    padding: 0 0 0 0;
    border-top: solid 1px #b0b0b0;
    color: #505050;
}

p.leadIn {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: var(--font-body);
    line-height: var(--line-body);
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 0 0 0 0;
    letter-spacing: 0;
    text-align: justify;
}

p.copyright {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: var(--font-publisher-data);
    line-height: var(--line-publisher-data);
    margin: 1px 0 1px 0;
    padding: 0 0 0 0;
    color: #b0b0b0;
}
/* publisherData deprecated legacy */
p.publisherData {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: normal;
    font-size: var(--font-publisher-data);
    line-height: var(--line-publisher-data);
    color: var(--mid-grey);
    margin: 8px 0 0 0;
    clear: both;
    text-align: left;
}

p.publisherDataPage {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: normal;
    font-size: var(--font-publisher-data);
    line-height: var(--line-publisher-data);
    color: var(--mid-grey);
    margin: 0 0 0.80rem 0;
    padding: 0 4px 0 4px;
    clear: both;
    text-align: left;
}

p.publisherDataMenu {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: normal;
    font-size: var(--font-publisher-data);
    line-height: var(--line-publisher-data);
    color: var(--mid-grey);
    margin: 0;
    clear: both;
    text-align: left;
}

p.readingDataMenu {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: normal;
    font-size: var(--font-reading-data);
    line-height: var(--line-reading-data);
    color: var(--mid-grey);
    margin: 0;
    clear: both;
    text-align: left;
}

p.updateDataMenu {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: normal;
    font-size: var(--font-update-data);
    line-height: var(--line-update-data);
    color: var(--col-red);
    margin: 0;
    clear: both;
    text-align: left;
}


span.publisherName {
    color: var(--mid-grey);
}

span.updateHighlight {
    color: var(--col-red);
}

p.std {
    font-size: var(--font-body);
    line-height: var(--line-body);
    margin: 0 0 0.10rem 0;
    padding: 0 4px 0 4px;
}

p.topSpace {
    margin: 40px 0 0 0;
    padding: 0 0 0 0;
}

p.update {
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    color: #d00000;
}

p.paraList {
    border-top: solid 1px var(--col-light-grey);
    margin: 20px 0 15px 0;
    padding: 0 0 0 0;
}

p.compactText {
    margin: 0 0 0.10rem 0;
    padding: 0 4px 0 4px;
    font-size: var(--font-compact);
    line-height: var(--line-compact);


    p.compactText + p.compactText {
        margin: 0 0 0.10rem 0;
        padding: 0 4px 0 4px;
        font-size: var(--font-compact);
        line-height: var(--line-compact);
    }
}



p.text {
    margin: 0 0 0.10rem 0;
    padding: 0 4px 0 4px;
    font-size: var(--font-body);
    line-height: var(--line-body);
}

    p.text + p.text {
        margin: 0 0 0.10rem 0;
        padding: 0 4px 0 4px;
        text-indent: 1.20rem;
        font-size: var(--font-body);
        line-height: var(--line-body);
    }

span.highlight_yellow {
    background-color: #FFFF99;
}

span.highlight_green {
    background-color: #98FB98;
}

span.highlight_blue {
    background-color: #87CEEB;
}

span.highlight_red {
    background-color: #FF9999;
}

span.highlight_pink {
    background-color: #FFC0CB;
}

span.highlight_violet {
    background-color: #EE82EE;
}

span.highlight_gold {
    background-color: #FFD700;
}

span.highlight_lime {
    background-color: #00FF00;
}

span.highlight_aquamedium {
    background-color: #66CDAA;
}

span.highlight_bluepowder {
    background-color: #B0E0E6;
}

span.highlight_turqpale {
    background-color: #AFEEEE;
}

span.highlight_turq {
    background-color: #40E0D0;
}

span.highlight_salmonlight {
    background-color: #FFA07A;
}

span.highlight_corallight {
    background-color: #F08080;
}

span.highlight_orange {
    background-color: #FFA500;
}

span.highlight_greylight {
    background-color: #D3D3D3;
}

span.highlight_bisque {
    background-color: #FFE4C4;
}

span.highlight_black {
    background-color: #000000;
}

span.highlight_none {
}



div.note-box {
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
    box-sizing: border-box;
    background-color: #D9EAFF;
    position: absolute;
    border: solid 1px #000000;
    display: none;
    overflow: auto;
    height: auto;
    max-height: 150px;
    z-index: 9;
    width: 250px;
    font-size: var(--font-body);
    line-height: var(--line-body);
}


blockquote {
    margin: 0.5rem 1.4rem 0.5rem 1.4rem;
    font-style: italic;
    padding: 0 0 0 0;
}

p.important {
    font-weight: bold;
    color: #d00000;
}

p.qCaption {
    font-size: var(--font-caption);
    line-height: var(--line-caption);
    font-weight: normal;
    text-align:left;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    border-bottom: solid 1px var(--col-light-grey);
}
/*  SEMANTIC ELEMENTS */
article {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

header {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

footer {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

figure {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: auto;
}

figcaption {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

nav {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

section {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}


p.attrib {
    margin: 0.5rem 1.8rem 1rem 1.8rem;
    padding: 0 0 0 0;
    font-size: var(--font-medium);
    line-height: var(--line-medium);
}

p.news {
    font-family: Verdana,Helvetica,Sans-Serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    margin: 0 0 4px 0;
    padding: 6px 4px 6px 4px;
    background-color: var(--col-blue);
    color: #ffffff;
}

table.poetry {
    width: 100%;
    font-size: var(--font-body);
    line-height: var(--line-body);
    border-collapse: collapse;
    table-layout: fixed;
    margin: 20px 0 20px 0;
    padding: 0 0 0 0;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

tr.poetry {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

td.poetry_11 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
    text-align: left;
    vertical-align: top;
    width: 60%;
    font-style: italic;
}

td.poetry_12 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
    text-align: left;
    vertical-align: top;
    width: 40%;
    font-style: normal;
    color: #909090;
}

td.poetry_21 {
    padding: 10px 0 0 0;
    margin: 0 0 0 0;
    border: none;
    text-align: left;
    vertical-align: top;
    width: 60%;
    font-style: italic;
}

td.poetry_22 {
    padding: 10px 0 0 0;
    margin: 0 0 0 0;
    border: none;
    text-align: left;
    vertical-align: top;
    width: 40%;
    font-style: normal;
    color: #909090;
}
/*

MEDIA PLAYERS

*/

video.std {
    margin: 16px 0 16px 0;
    padding: 0 0 0 0;
}

audio.std {
    margin: 16px 0 16px 0;
    padding: 0 0 0 0;
}
/*

IMAGE BROWSER

*/

table.imageBrowserFull {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}

tr.imageBrowserFull {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

td.imageBrowserFull {
    padding: 6px 0 0 0;
    text-align: center;
    border-top: solid 1px var(--col-light-grey);
}

table.imageBrowserThumbs {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    margin: 0 0 6px 0;
    padding: 0 0 0 0;
    font-family: Tahoma,Helvetica,Sans-Serif;
    font-weight: normal;
    font-size: var(--font-body);
    line-height: var(--line-body);
}

tr.imageBrowserThumbs {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 64px;
}

td.imageBrowserThumbs {
    padding: 0 0 0 0;
    width: 88px;
    text-align: center;
    /* border: solid 1px #000000; */
}

img.imageBrowserThumbs {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: none;
    clear: both;
    cursor: pointer;
}

img.std {
    padding: 0 0 0 0;
    margin: 4px 0 0 0;
    border: none;
    clear: both;
    float: none;
}

img.qNoFloat {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
    float: left;
}


select {
    width: 76px;
}

button.b1 {
    padding: 0 0 2px 0;
    width: 76px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    font: normal normal normal 11px/11px Tahoma,Helvetica,Sans-Serif;
    cursor: pointer;
}

input.b1 {
    width: 13px;
}

img.btn {
    margin: 0 0 0 0;
}
/*

PAGE MENUS

*/

h2.menuSubtitle {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: left;
    margin: 0 0 6px 0;
    padding: 4px 4px 4px 4px;
    color: var(--col-blue);
    background-color: #ffffff;
    box-sizing: border-box;
    opacity: 0.8;
    /*color: #ffffff;*/
    /*background-color:var(--col-blue);*/
}

div.menu-entry {
    margin: 12px 0 0 0;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    color: var(--col-black);
    display: block;
}
/*div.menu-entry-scrapbook {
    margin: 12px 0 0 0;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    color: #000000;
    background-color: var(--col-light-blue);
    display: block;
}*/
/*div.menu-entry-subpages {
    margin: 12px 0 0 0;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    color: #000000;
    background-color: #f0f0f0;
    display: block;
}*/

div.menu-wrapper {
    width: 100%;
    box-sizing: border-box;
    display: flex;
}

div.menuEntryExtension {
    margin: 0 0 12px 0;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    color: var(--col-blue);
    display: block;
    float: left;
}


div.menuEntryShaded {
    margin: 0 0 6px 0;
    padding: 0 4px 0 4px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    opacity: 0.6;
    color: #505050;
    background-color: #ffffff;
    float: left;
    clear: both;
}

img.homePage {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
/*figcaption.homeCaption {
    box-sizing: border-box;
    font-family: Georgia, serif;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: normal;
    padding: 4px 2px 4px 2px;
    margin: 0 0 0 0;
    color: #ffffff;
    background-color: var(--col-blue);
}*/

p.homeCaption {
    box-sizing: border-box;
    font-family: Georgia, serif;
    font-size: var(--font-caption);
    line-height: var(--line-caption);
    font-weight: normal;
    padding: 6px 2px 6px 2px;
    margin: 0 0 0 0;
    color: #ffffff;
    background-color: var(--col-blue);
}




p.menuTitleBar {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-menu-title);
    line-height: var(--line-menu-title);
    text-align: left;
    margin: 0 0 4px 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
    width: 100%;
    color: var(--col-blue);
    opacity: 1.0;
    float: left;
    clear: both;
    cursor: pointer;
}

/*a.menuTitleLink {
        text-decoration: none;
        color: #505050;
        font-weight: bold;
    }

        a.menuTitleLink:link {
            color: #505050;
        }

        a.menuTitleLink:visited {
            color: #505050;
        }

        a.menuTitleLink:hover {
            color: #ff3300;
        }

        a.menuTitleLink:active {
            color: #505050;
        }

        a.menuTitleLink:focus {
            color: #505050;
        }*/
/* 

MENU DESCRIPTION 

*/
/*div.menuDescriptionExt {
    font-size: 0.70rem;
    line-height: 0.90rem;
    margin: 6px 0 0 0;
    text-align: left;
    float: left;
    clear: left;

}*/

p.menuDescription {
    padding: 0 0 0 2px;
    font-size: var(--font-menu-description);
    line-height: var(--line-menu-description);
    margin: 0 0 6px 0;
    text-align: left;
    color: var(--col-black);
    clear: left;
}

/*a.menuDescriptionLink {
        text-decoration: none;
        font-weight: normal;
        color: inherit;
    }

        a.menuDescriptionLink:link {
            font-weight: normal;
            color: inherit;
        }

        a.menuDescriptionLink:visited {
            font-weight: normal;
            color: inherit;
        }

        a.menuDescriptionLink:hover {
            color: #ff3300;
        }


        a.menuDescriptionLink:active {
            color: inherit;
        }

        a.menuDescriptionLink:focus {
            color: inherit;
        }*/
/* 

MENU IMAGE 

*/

p.menuImage {
    margin: 0 0 0 0;
}

a.menuImageLink {
    text-decoration: none;
    font-weight: normal;
    color: inherit;
}

    a.menuImageLink:active {
        color: inherit;
    }

    a.menuImageLink:focus {
        color: inherit;
    }

    a.menuImageLink:hover {
        color: inherit;
    }

    a.menuImageLink:link {
        font-weight: normal;
        color: inherit;
    }

    a.menuImageLink:visited {
        font-weight: normal;
        color: inherit;
    }
/*

MENUBAR (running across the page)

*/
div.menubar {
    width: 100%;
    box-sizing: border-box;
    margin: 12px 0 12px 0;
    padding: 0 0 0 0;
    float: left;
    clear: both;
}

div.menubarEntry {
    margin: 0 0 0 0;
    padding: 1px 4px 1px 4px;
    height: 20px;
    float: left;
    border-right: solid 1px var(--col-light-grey);
}

div.menubarEntry1 {
    margin: 0 0 0 0;
    padding: 1px 4px 1px 4px;
    height: 20px;
    float: left;
    border-left: solid 1px var(--col-light-grey);
    border-right: solid 1px var(--col-light-grey);
}

span.menubarCurrent {
    font-weight: bold;
}
/*

NAVBAR

*/
div.qNavbarTop {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
    margin: 0 0 0 0;
    padding: 8px 0 8px 0;
    color: #ffffff;
    min-height: 20px;
    background-color: var(--col-blue);
}

div.qNavbarBottom {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
    margin: 0 0 0 0;
    padding: 8px 0 8px 0;
    color: #ffffff;
    min-height: 20px;
    background-color: var(--col-blue);
}

div.qNavbarFill {
    float: left;
    clear: left;
    margin: 24px 0 12px 0;
    padding: 0 0 0 2px;
    width: 100%;
    box-sizing: border-box;
    color: #808080;
    min-height: 20px;
}

a.qNavbar {
    padding: 0 2px 0 2px;
    text-decoration: none;
    color: #ffffff;
}

    a.qNavbar:link {
        color: #ffffff;
    }

    a.qNavbar:visited {
        color: #ffffff;
    }

    a.qNavbar:hover {
        color: #ff3300;
    }

    a.qNavbar:active {
        color: #ff3300;
    }

    a.qNavbar:focus {
        color: #ffffff;
    }
/*

PAGEBAR
    
*/

div.qPagebarTop {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
    color: #ffffff;
    margin: 0 0 0 0;
    padding: 12px 0 4px 2px;
    background-color: var(--col-blue);
}

div.qPagebarBottom {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
    color: #ffffff;
    margin: 0 0 0 0;
    padding: 8px 0 2px 2px;
    background-color: var(--col-blue);
}

span.qPagebar {
    padding: 0 12px 0 0;
    color: #b0b0b0;
}

span.qPagebarTitle {
    padding: 0 12px 0 3px;
}

a.qPagebar {
    padding: 0 20px 0 0;
    text-decoration: none;
    color: #ffffff;
}

    a.qPagebar:link {
        color: #ffffff;
    }

    a.qPagebar:visited {
        color: #ffffff;
    }

    a.qPagebar:hover {
        color: #ff3300;
    }

    a.qPagebar:active {
        color: #ffffff;
    }

    a.qPagebar:focus {
        color: #ffffff;
    }
/*

MISC

*/

div.qPageBreak {
    display: none;
}


a.logoLink {
    text-decoration: none;
    color: inherit;
    height: 44px;
    display: contents;
}

    a.logoLink:link {
        font-weight: normal;
        color: inherit;
    }

    a.logoLink:visited {
        font-weight: normal;
        color: inherit;
    }

    a.logoLink:hover {
        color: inherit;
    }

    a.logoLink:active {
        color: inherit;
    }

    a.logoLink:focus {
        color: inherit;
    }

a.validator {
    text-decoration: none;
    color: #999999;
}

    a.validator:link {
        font-weight: normal;
        color: #999999;
    }

    a.validator:visited {
        font-weight: normal;
        color: #999999;
    }

    a.validator:hover {
        color: #ff3300;
    }

    a.validator:active {
        color: #999999;
    }

    a.validator:focus {
        color: #999999;
    }

hr.blockRule {
    padding: 0 0 0 0;
    margin: 8px 0 8px 0;
    border: none;
    height: 1px;
    background-color: #a0a0a0;
}
/*

INDEXES

*/

p.idx_key {
    margin: 3px 0 0 20px;
    padding: 0 0 0 0;
    text-indent: -20px;
}

p.idx_entry {
    margin: 0 0 0 40px;
    padding: 0 0 0 0;
    text-indent: -20px;
}

p.idx_xref {
    margin: 0 0 0 40px;
    padding: 0 0 0 0;
    text-indent: -20px;
}

div.idx {
    font-family: Georgia, serif;
    font-size: clamp(15px, 12.474px + 0.789vw, 18px);
    line-height: clamp(18px, 12.947px + 1.579vw, 24px);
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
    text-align: left;
}

div.toc_list {
    font-family: Georgia, serif;
    font-size: clamp(0.7rem, 0.123rem + 3.608vw, 1.4rem);
    line-height: clamp(18px, 12.947px + 1.579vw, 24px);
    box-sizing: border-box;
    float: left;
    clear: left;
    text-align: left;
}


p.toc_key {
    margin: 10px 0 0 20px;
    padding: 0 0 0 0;
    font-size: var(--font-medium);
    line-height: var(--line-medium);
}

p.toc_year {
    box-sizing: border-box;
    margin: 10px 0 10px 0px;
    padding: 4px 0 4px 4px;
    /*text-indent: -20px;*/
    width: 100%;
    background-color: var(--col-blue);
    color: #ffffff;
}

a.toc_year {
    text-decoration: none;
    color: #ffffff;
}

    a.toc_year:link {
        font-weight: normal;
        color: #ffffff;
    }

    a.toc_year:visited {
        color: #ffffff;
    }

    a.toc_year:hover {
        color: #ff3300;
    }

    a.toc_year:active {
        color: #ffffff;
    }

    a.toc_year:focus {
        color: #ffffff;
    }

a.toc_article {
    text-decoration: none;
    color: #ffffff;
}

    a.toc_article:link {
        font-weight: normal;
        color: #ffffff;
    }

    a.toc_article:visited {
        color: #ffffff;
    }

    a.toc_article:hover {
        color: #ff3300;
    }

    a.toc_article:active {
        color: #ffffff;
    }

    a.toc_article:focus {
        color: #ffffff;
    }

form.radio {
    font-family: system-ui, sans-serif;
    margin: 12px 0 0 0;
    padding: 0 0 0 0;
}

legend.radio {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: clamp(0.8rem, 3.5vw, 1.0rem);
    line-height: clamp(0.8rem, 3.5vw, 1.0rem);
    font-weight: bold;
    color: #000050;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.radio {
    margin: 0 0 4px 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px;
}

input[type="radio"].radio {
    font-weight: normal;
    color: #000050;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

label.radio {
    font-family: system-ui, sans-serif;
    font-size: clamp(0.6rem, 2.25vw, 0.8rem);
    line-height: clamp(0.6rem, 2.35vw, 0.9rem);
    font-weight: normal;
    color: #000050;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


input[type=text].kwic_search {
    margin: 4px 0 10px 0;
    font-family: sans-serif;
    font-size: clamp(0.70rem, 3.0vw, 1.00rem);
    line-height: clamp(0.70rem, 3.0vw, 1.00rem);
    width: 59%;
    border: solid 1px var(--col-blue);
    color: #0b0ea8;
    background-color: #ffffff;
    padding: 3px 3px 3px 40%;
    float: none;
    clear: left;
}

button.kwic_search {
    margin: 0 0 0 20px;
    width: 50px;
    float: right;
    text-align: left;
}

p.error_message {
    margin: 10px 0 4px 0;
    padding: 0 0 0 0;
    font-family: sans-serif;
    font-size: clamp(0.6rem, 2.5vw, 0.8rem);
    line-height: clamp(0.6rem, 2.5vw, 0.8rem);
    width: 100%;
    color: #d00000;
}


p.result_count {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    font-family: sans-serif;
    font-size: clamp(0.6rem, 2.5vw, 0.8rem);
    line-height: clamp(0.6rem, 2.5vw, 0.8rem);
    width: 100%;
    color: var(--col-black);
}


table.kwic_search {
    width: 100%;
    font-size: clamp(0.50rem, 2.0vw, 0.80rem);
    line-height: clamp(0.70rem, 3.0vw, 1.00rem);
    font-family: sans-serif;
    float: left;
    clear: left;
}

td.kwic_left {
    width: 40%;
    text-align: right;
}

td.kwic_right {
    width: 60%;
    text-align: left
}

td.kwic_left_page {
    width: 40%;
    text-align: right;
    border-top: solid 1px #999999;
}

td.kwic_right_page {
    width: 60%;
    text-align: left;
    border-top: solid 1px #999999;
}

span.kwic_kword {
    font-weight: normal;
    /*color: #d00000;*/
    color: #0b0ea8;
    padding: 0 2px 0 5px;
}

a.kwic_uri {
    padding: 0 4px 0 4px;
    text-decoration: none;
    /*color: #5050f0;*/
}

    a.kwic_uri:link {
        color: #5050f0;
    }

    a.kwic_uri:visited {
        color: #d00000;
    }

    a.kwic_uri:focus {
        color: #5050f0;
    }

    a.kwic_uri:hover {
        color: #ff3300;
    }

    a.kwic_uri:active {
        color: #5050f0;
    }

div.cmntsHead {
    width: 100%;
    height: fit-content;
    margin: 6px 0 6px 0;
    padding: 0 2px 0 2px;
    box-sizing: border-box;
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    text-align: left;
    font-size: clamp(0.70rem, 2.5vw, 0.90rem);
    line-height: clamp(0.70rem, 2.5vw, 0.90rem);
    font-weight: normal;
    color: #ffffff;
    background-color: var(--col-blue);
    display: flex;
}

div.cmntsHead-L {
    width: 50%;
    height: fit-content;
    margin: 0 0 0 0;
    padding: 2px 2px 2px 4px;
    box-sizing: border-box;
    float: left;
    clear: left;
    text-align: left;
    /*display: block;*/
    display: flex;
}


p.cmntsTitle {
    width: auto;
    height: fit-content;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: auto;
    /*font-size: 1.00rem;
    line-height: 1.00rem;*/
}

div.cmntsHead-R {
    width: 50%;
    height: fit-content;
    margin: 0 0 0 0;
    padding: 2px 4px 2px 2px;
    box-sizing: border-box;
    float: right;
    text-align: right;
    /*display: block;*/
    display: flex;
}

p.cmntsDates {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: auto;
}

span.cmntDateTitle {
    margin: 0px 0px 0px 8px;
    text-align: left;
    font-weight: normal;
    float: right;
    color: #c0c0c0;
}

span.cmntDateTime {
    margin: 0px 0px 0px 8px;
    text-align: left;
    font-weight: normal;
    float: right;
}



div.commentsHead {
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    clear: both;
    display: block;
}


div.commentsBox {
    margin: 0px 0px 400px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    clear: both;
}

div.commentInstructions {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    border-top: solid 1px var(--col-light-grey);
}

p.inputRules {
    /* font: normal normal normal 9px/13px Tahoma,Helvetica,Sans-Serif; */
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: clamp(0.60rem, 4vw, 0.80rem);
    line-height: clamp(0.70rem, 4vw, 0.90rem);
    color: #505050;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
    border-bottom: solid 1px var(--col-light-grey);
}
/* 
    Make the class names for the comment box and its contents as small as possible
    in order to save space in the document fragment strings
*/
div.cb {
    margin: 4px 0px 0px 0px;
    padding: 8px 0px 0px 0px;
    /*border-left: solid 1px var(--col-light-grey);*/
    /* border-top: solid 1px var(--col-light-grey); */
}

div.cbi {
    margin: 4px 0px 0px 0px;
    padding: 8px 0px 0px 30px;
    /* border-top: solid 1px var(--col-light-grey); */
    border-left: solid 1px var(--col-light-grey);
}


div.ctb {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: var(--font-caption);
    line-height: var(--line-caption);
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0px 12px 0px;
    margin: 0px 0px 8px 0px;
    background-color: #ffffff;
    color: #202080;
    clear: both;
    float: left;
    border-bottom: solid 1px var(--col-light-grey);
}

div.cn {
    float: left;
    font-weight: bold;
    font-size: clamp(0.8rem, 3.8vw, 1.0rem);
    line-height: clamp(1.0rem, 4.0vw, 1.2rem);
    height: 1.2em;
    vertical-align: bottom;
}

div.kids {
    font-size: clamp(0.8rem, 3.8vw, 1.0rem);
    line-height: clamp(1.0rem, 4.0vw, 1.2rem);
}

div.cd {
    float: right;
    font-weight: normal;
    font-size: clamp(0.8rem, 3.8vw, 1.0rem);
    line-height: clamp(1.0rem, 4.0vw, 1.2rem);
    height: 1.00rem;
    vertical-align: bottom;
}


p.contributor {
    /* font: normal normal normal 14px/20px Tahoma,Helvetica,Sans-Serif; */
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    /*font-size: 1.40em;*/
    text-align: left;
    font-size: var(--font-caption);
    line-height: var(--line-caption);
    padding: 4px 0px 0px 4px;
    /*background-color: lightblue;*/
    background-color: var(--col-blue);
    /* background-color: #e0e0e0; */
    /*border-top: solid 2px #999999;*/
    color: #ffffff;
}

span.contributor {
    font-weight: bold;
}

span.commentDateTime {
    color: #ffffff;
}

p.commentStrap {
    /* font: normal normal normal 14px/20px Tahoma,Helvetica,Sans-Serif; */
    padding: 0px 0px 0px 0px;
}

span.commentStrap {
    /* font: normal normal bold 14px/20px Tahoma,Helvetica,Sans-Serif; */
    font-weight: bold;
    color: #505050;
    /* background-color: #f0f0f0; */
    padding: 0px 0px 2px 0px;
}

span.responseQty {
    /* font: normal normal normal 11px/13px Tahoma,Helvetica,Sans-Serif; */
    font-size: var(--font-body);
    line-height: var(--line-body);
    color: #808080;
    padding: 0px 0px 2px 0px;
}


span.folder {
    /* font: normal normal normal 11px/13px Tahoma,Helvetica,Sans-Serif; */
    font-size: var(--font-body);
    line-height: var(--line-body);
    border: solid 1px var(--col-light-grey);
    letter-spacing: 2px;
    padding: 0px 2px 2px 3px;
    color: #808080;
    cursor: pointer;
}

span.folderOpen {
    /* font: normal normal normal 11px/13px Tahoma,Helvetica,Sans-Serif; */
    font-size: var(--font-body);
    line-height: var(--line-body);
    border: solid 1px var(--col-light-grey);
    letter-spacing: 2px;
    padding: 0px 2px 2px 3px;
    color: #808080;
    cursor: pointer;
}

a.contributor {
    text-decoration: none;
    color: #5050a0;
    font-weight: bold;
}

    a.contributor:link {
        font-weight: bold;
        color: #5050a0;
    }

    a.contributor:visited {
        font-weight: bold;
        color: #5050a0;
    }

    a.contributor:hover {
        font-weight: bold;
        color: #ff9900;
    }

    a.contributor:active {
        font-weight: bold;
        color: #5050a0;
    }

    a.contributor:focus {
        font-weight: bold;
        color: #5050a0;
    }



div.ct {
    font-size: var(--font-body);
    line-height: var(--line-body);
}
/*div.collapsed
{
	display:none;
}
*/
/* wrapper for indented levels
    no longer used
div.ex
{
	display:block;
}
     */

div.postControls {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


div.cc {
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
}


div.cr {
    padding: 0px 0px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
}

span.cr {
    font: normal normal bold 12px/14px Tahoma,Helvetica,Sans-Serif;
    text-align: left;
    padding: 1px 8px 2px 8px;
    border: solid 1px #999999;
    background-color: #e0e0e0;
    color: var(--col-black);
    /*color: #505050;*/
    cursor: pointer;
}

span.crt {
    font: normal normal bold 12px/14px Tahoma,Helvetica,Sans-Serif;
    text-align: left;
    padding: 1px 8px 2px 8px;
    border: solid 1px #999999;
    background-color: #e0e0e0;
    color: #e00000;
}


div.commentFormBoxHide {
    margin: 0px 0px 0px 0px;
    padding: 4px 4px 4px 4px;
    background-color: var(--col-blue);
    /*background-color: rgba(22, 18, 66, 0.75);*/
    position: absolute;
    top: 0px;
    right: 800px;
    box-sizing: border-box;
    border: solid 1px var(--col-light-grey);
    display: none;
    z-index: 999;
    width: 100%;
}

div.commentFormBoxShow {
    margin: 0px 0px 0px 0px;
    padding: 4px 4px 4px 4px;
    box-sizing: border-box;
    background-color: var(--col-blue);
    /*background-color: rgba(22, 18, 66, 0.75);*/
    position: absolute;
    border: solid 1px var(--col-light-grey);
    display: block;
    z-index: 999;
    width: 100%;
}

div.cmntsInputsBox {
    margin: 0 0 0 0;
    padding: 4px 0 0 0;
    box-sizing: border-box;
    float: left;
    clear: left;
    width: 100%;
}

div.cmntsNameBox {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
    float: left;
    width: 50%;
}

div.cmntsNameLabel {
    font-family: Tahoma,Helvetica,Sans-Serif;
    font-weight: normal;
    font-size: var(--font-body);
    line-height: var(--line-body);
    vertical-align: baseline;
    color: #ffffff;
    margin: 0 0 0 0;
    padding: 4px 0px 4px 0px;
    box-sizing: border-box;
    text-align: left;
    float: left;
}

div.cmntsSecLabel {
    font-family: Tahoma,Helvetica,Sans-Serif;
    font-weight: normal;
    font-size: var(--font-body);
    line-height: var(--line-body);
    vertical-align: baseline;
    color: #ffffff;
    margin: 0 0 0 0;
    padding: 4px 0px 4px 0px;
    box-sizing: border-box;
    text-align: left;
    float: left;
}


span.cmntsNameLabelSpanPlain {
    font-weight: normal;
    font-size: var(--font-body);
    line-height: var(--line-body);
    vertical-align: baseline;
}

span.cmntsNameLabelSpanBold {
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    vertical-align: baseline;
}

span.cmntsNameLabelSpanExtra {
    /*font-family: Georgia, serif;*/
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    color: #ffffff;
    padding: 0 6px 0 6px;
    letter-spacing: 2px;
    vertical-align: baseline;
}

div.cmntsSecBox {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
    float: left;
    width: 50%;
}

input:invalid {
    border: red solid 2px;
    background-color: #ffbfbf;
}

input:valid {
    border: green solid 2px;
    background-color: #99ffb2;
}

input.cmntsNameField {
    font: 20px/24px Georgia, serif;
    margin: 0 0 0 0;
    width: 95%;
    background-color: #e0e0e0;
    opacity: 1;
    float: left;
    overflow: scroll;
    resize: none;
    /*border: white solid 2px;*/
}

input.cmntsNameFieldFocus {
    font: 20px/24px Georgia, serif;
    margin: 0 0 0 0;
    width: 95%;
    background-color: #ffffff;
    opacity: 1;
    float: left;
    overflow: scroll;
    resize: none;
    /*border: white solid 2px;*/
}

input.cmntsSecField {
    font: 20px/24px Georgia, serif;
    width: 100px;
    background-color: #e0e0e0;
    opacity: 1;
    float: left;
    clear: left;
    overflow: scroll;
    resize: none;
    letter-spacing: 3px;
}

input.cmntsSecFieldFocus {
    font: 20px/24px Georgia, serif;
    width: 100px;
    background-color: #ffffff;
    opacity: 1;
    float: left;
    clear: left;
    overflow: scroll;
    resize: none;
    letter-spacing: 3px;
}


div.cmntsTextAreaBox {
    margin: 8px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
}

div.cmntsTextAreaLabel {
    font-family: Tahoma,Helvetica,Sans-Serif;
    font-weight: normal;
    font-size: var(--font-body);
    line-height: var(--line-body);
    vertical-align: baseline;
    padding: 4px 0px 4px 0px;
    box-sizing: border-box;
    color: #ffffff;
    width: 100%;
    text-align: left;
    float: left;
}
/**/
textarea.cmntsTextAreaField {
    font: 20px/24px Georgia, serif;
    width: 99%;
    background-color: #e0e0e0;
    opacity: 1;
    float: left;
    clear: left;
    overflow: auto;
    resize: none;
}

textarea.cmntsTextAreaFieldFocus {
    font: 20px/24px Georgia, serif;
    width: 99%;
    background-color: #ffffff;
    opacity: 1;
    float: left;
    clear: left;
    overflow: auto;
    resize: none;
}

input.postButton {
    background-color: #e0e0ff;
}

div.postButtonBox {
    width: 100%;
    margin: 4px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    clear: left;
}

div.postButton {
    min-width: 60px;
    color: #ffffff;
    font: normal normal bold 14px/16px Tahoma,Helvetica,Sans-Serif;
    text-align: center;
    background-color: #006600;
    cursor: pointer;
    padding: 1px 8px 2px 8px;
    float: left;
}

div.cancelButton {
    margin: 0px 0px 0px 0px;
    min-width: 60px;
    color: #ffffff;
    font: normal normal bold 14px/16px Tahoma,Helvetica,Sans-Serif;
    text-align: center;
    background-color: #660000;
    cursor: pointer;
    padding: 1px 8px 2px 8px;
    float: right;
}

div.msgBox {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    clear: left;
    color: #ff0000;
    font: normal normal bold 16px/18px Tahoma,Helvetica,Sans-Serif;
}

p.msgHide {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: none;
}

p.msgShow {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
}

p.ct {
    font-weight: normal;
    font-size: var(--font-body);
    line-height: var(--line-body);
    background-color: #ffffff;
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
}

blockquote.ct {
    font-weight: normal;
    margin: 0px 12px 4px 12px;
    padding: 0px 0px 0px 0px;
}

a.ct {
    text-decoration: none;
    color: #5050a0;
    font-weight: normal;
}

    a.ct:link {
        font-weight: normal;
        color: #5050a0;
    }

    a.ct:visited {
        font-weight: normal;
        color: #5050a0;
    }

    a.ct:hover {
        font-weight: normal;
        color: #ff9900;
    }

    a.ct:active {
        font-weight: normal;
        color: #5050a0;
    }

    a.ct:focus {
        font-weight: normal;
        color: #5050a0;
    }

p.rssText {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-weight: normal;
    font-size: var(--font-caption);
    line-height: var(--line-caption);
    text-align: left;
}

h2.rssSubtitle {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-caption);
    line-height: var(--line-caption);
    text-align: left;
    margin: 0.5rem 0 0.4rem 0;
    padding: 0 0 0 0;
    color: #505050;
}


p.rssTitleBar {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-caption);
    line-height: var(--line-caption);
    text-align: left;
    margin: 12px 0 0 0;
    border-top: solid 1px #999999;
    padding: 0 0 0 0;
    box-sizing: border-box;
    width: 100%;
    color: #030387;
    opacity: 1.0;
    float: none;
    clear: both;
    cursor: pointer;
}

p.rssDescription {
    font-size: var(--font-caption);
    line-height: var(--line-caption);
    margin: 6px 0 0 0;
    text-align: left;
    padding: 0 0 0 0;
    box-sizing: border-box;
    color: var(--col-black);
}

p.rssDate {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: normal;
    font-size: var(--font-caption);
    line-height: var(--line-caption);
    color: #808080;
    margin: 6px 0 0 0;
    clear: both;
    text-align: left;
}

a.rssTitleLink {
    text-decoration: none;
    color: inherit;
    font-weight: bold;
}

    a.rssTitleLink:link {
        color: inherit;
    }

    a.rssTitleLink:visited {
        color: inherit;
    }

    a.rssTitleLink:hover {
        color: #ff3300;
    }

    a.rssTitleLink:active {
        color: inherit;
    }

    a.rssTitleLink:focus {
        color: inherit;
    }


a.rssDescriptionLink {
    text-decoration: none;
    font-weight: normal;
    color: inherit;
}

    a.rssDescriptionLink:link {
        font-weight: normal;
        color: inherit;
    }

    a.rssDescriptionLink:visited {
        font-weight: normal;
        color: inherit;
    }

    a.rssDescriptionLink:hover {
        color: #ff3300;
    }

    a.rssDescriptionLink:active {
        color: inherit;
    }

    a.rssDescriptionLink:focus {
        color: inherit;
    }


div.dropmenu {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    background-color: var(--col-blue);
    border: none;
    font-size: clamp(0.7rem, 3.4vw, 0.9rem);
    line-height: clamp(0.7rem, 3.4vw, 0.9rem);
    width: 88px;
    box-sizing: border-box;
    float: left;
    clear: left;
    margin: 0 0 0 0;
    padding: 0 0 0 2px;
    color: #ffffff;
    display: block;
}

div.year {
    float: left;
    font-size: clamp(0.8rem, 3.8vw, 1.0rem);
    line-height: clamp(1.0rem, 4.0vw, 1.2rem);
    margin: 0 0 0 0;
    padding: 0 12px 0 0;
}

div.dropdown {
    position: relative;
    display: block;
}

div.dropdown-content {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: clamp(0.7rem, 3.4vw, 1.00rem);
    line-height: clamp(0.9rem, 3.4vw, 1.20rem);
    display: none;
    float: left;
    position: absolute;
    background-color: var(--col-blue);
    color: #ffffff;
    width: 100%;
    z-index: 9;
}

div.mm-tag-frame {
    background-color: var(--col-blue);
    color: #ffffff;
    padding: 0 0 6px 0;
    font-size: clamp(0.7rem, 3.4vw, 0.9rem);
    line-height: clamp(0.8rem, 3.6vw, 1.0rem);
    display: flex;
    float: left;
    clear: left;
}

div.dropdown-tag-content {
    font-family: Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', 'Verdana', 'sans-serif';
    /*position: absolute;*/
    background-color: var(--col-blue);
    color: #ffffff;
    width: 100%;
    /*z-index: 9;*/
    display: flex;
}

div.dropdown-panel-left {
    float: left;
    clear: left;
    min-width: 88px;
}

div.dropdown-panel-right {
    float: left;
    min-width: 240px;
}

p.drop-entry {
    font-weight: normal;
    font-size: clamp(0.7rem, 3.4vw, 0.9rem);
    line-height: clamp(0.8rem, 3.6vw, 1.0rem);
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 8px 0;
    box-sizing: border-box;
    width: 100%;
}

div.dropdown:hover div.dropdown-content {
    display: block;
}

div.dropdown:active div.dropdown-content {
    display: block;
}

div.cmnt-recent {
    font-family: Georgia, serif;
    background-color: #ffffff;
    font-size: clamp(0.8rem, 3.8vw, 1.0rem);
    line-height: clamp(1.0rem, 4.0vw, 1.2rem);
    width: 100%;
    height: 10.90em;
    overflow: auto;
    box-sizing: border-box;
    float: left;
    clear: left;
    margin: 4px 0 0 0;
    padding: 0 0 0 0;
    color: var(--col-blue);
    display: block;
    border-bottom: solid 4px var(--col-blue);
}

p.cmnt-recent {
    margin: 0 0 0 0;
    padding: 4px 0 6px 0;
    font-weight: 500;
    color: var(--col-blue);
    border-top: solid 1px #999999;
}

p.cmnt-recent-head {
    margin: 0 0 0 0;
    padding: 0 0 4px 2px;
    color: #ffffff;
    background-color: var(--col-blue);
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: clamp(0.8rem, 3.8vw, 1.0rem);
    line-height: clamp(1.0rem, 4.0vw, 1.2rem);
}

span.cmnt-recent-date {
    padding: 0 10px 0 0;
}

span.cmnt-recent-name {
    padding: 0 10px 0 0;
}

span.cmnt-recent-article {
    padding: 0 0 0 0;
}

a.cmnt-recent-link {
    text-decoration: none;
    font-weight: 500;
    color: #5050f0;
    font-style: italic;
}

    a.cmnt-recent-link:link {
        font-weight: 500;
        color: #5050f0;
    }

    a.cmnt-recent-link:visited {
        font-weight: 500;
        color: #5050f0;
    }

    a.cmnt-recent-link:hover {
        color: #ff3300;
    }

    a.cmnt-recent-link:active {
        color: #5050f0;
    }

    a.cmnt-recent-link:focus {
        color: #5050f0;
    }



div.titleSeasonBox {
    width: 100%;
    aspect-ratio: 708/150;
    display: flex;
    float: left;
    clear: both;
    padding: 0 0 0 0;
    box-sizing: border-box;
    background-color: var(--col-light-grey);
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
}

div.titleSeasonShaded {
    width: 32%;
    /*height: 50px;*/
    margin: 0;
    padding: 0 4px 0 4px;
    box-sizing: border-box;
    opacity: 0.6;
    color: #505050;
    background-color: #ffffff;
    float: left;
    clear: both;
}

h1.seasonTitle {
    font-family: Corbel, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-main-title);
    line-height: var(--line-main-title);
    margin: 2px 0 2px 0;
    padding: 0 0 0 0;
    color: #505050;
}

p.dist {
    text-indent: -1.50em;
    margin: 0 0 0 1.5em;
    padding: 0 0 0 0;
}

p.dist-end {
    text-indent: -1.50em;
    margin: 0 0 20px 1.5em;
    padding: 0 0 0 0;
}

p.eleg {
    font-weight: bold;
    margin: 20px 0 20px 0;
    padding: 0 0 0 0;
}

p.notes {
    margin: 20px 0 20px 0;
    padding: 0 0 0 0;
}

p.eng {
    text-indent: -1.50em;
    margin: 0 0 0 1.5em;
    padding: 0 0 0 0;
    color: #2020c0;
}


li.menu-bars {
    background-image: url(../img/bullet_dash_2.gif);
    background-repeat: no-repeat;
    background-position: 0 0.75em;
    padding: 0 0 0 16px;
    margin: 0 0 10px 0;
    background-color: #e0e0e0;
}

li.menu-list {
    background-image: none;
    background-repeat: no-repeat;
    padding: 3px 2px 3px 4px;
    margin: 0 0 6px 0;
    background-color: #e0e0e0;
}

ul.menu-list {
    margin: 0.7em 0 0.7em 0;
    padding: 0 0 0 0;
    list-style-type: none;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: var(--font-body);
    line-height: var(--line-body);
}


div.stanza {
    width: 100%;
    margin: 40px 0 20px 0;
    padding: 0 0 0 0;
    display: flex;
    flex-direction: column;
    float: none;
    clear: both;
}

p.stanza-title {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: left;
    margin: 0.5rem 0 0.5rem 0;
    padding: 0;
    color: var(--col-black);
    background-color: #ffffff;
    float: none;
    clear: both;
}

p.stanza-title-line {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: left;
    border-top: solid 1px #505050;
    margin: 0.5rem 0 0.5rem 0;
    padding: 0;
    color: var(--col-black);
    background-color: #ffffff;
    float: none;
    clear: both;
}

p.stanza-supp {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: normal;
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: left;
    margin: 0 0 0.4em 0;
    padding: 0 0 0 0;
    color: var(--col-black);
    float: none;
    clear: both;
}

div.verse {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: none;
    clear: both;
}


span.v-nr-l {
    display: inline-block;
    float: left;
    clear: left;
    width: 40px;
    margin: 0 0 0 0;
    text-align: left;
    user-select: none;
    font-size: var(--font-body);
    line-height: var(--line-body);
    color: #505050;
}

p.v-text-l {
    float: left;
    clear: right;
    box-sizing: border-box;
    text-indent: -400px;
    margin: 0 0 0 0;
    padding: 0 0 0 400px;
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 668px;
}

span.v-nr-r {
    display: inline-block;
    width: 40px;
    margin: 0 0 0 0;
    text-align: right;
    user-select: none;
    font-size: var(--font-body);
    line-height: var(--line-body);
    color: #505050;
    float: left;
    clear: right;
}

p.v-text-r-nr {
    box-sizing: border-box;
    display: block;
    text-indent: -400px;
    margin: 0 0 0 0;
    padding: 0 0 0 400px;
    width: 668px;
    font-size: var(--font-body);
    line-height: var(--line-body);
    float: left;
    clear: left;
}

p.v-text-no-nrs {
    box-sizing: border-box;
    text-indent: -400px;
    margin: 0 0 0 0;
    padding: 0 0 0 400px;
    font-size: var(--font-body);
    line-height: var(--line-body);
    width: 100%;
    float: left;
    clear: both;
}

span.note-tag {
    font-weight: bold;
    color: var(--col-black);
}

p.note-text {
    margin: 6px 0 0 0;
    padding: 0 0 0 0;
}

p.note-para {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-indent: 1.50em;
}

span.dataLine {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-weight: normal;
    font-size: var(--font-body);
    line-height: var(--line-body);
    color: var(--col-mid-grey);
    margin: 4px 0 0 0;
    clear: both;
    text-align: left;
}

div.block_panel {
    width: 100%;
    margin: 20px 0 20px 0;
    padding: 0 2px 0 2px;
    float: left;
    clear: both;
    box-sizing: border-box;
    font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: justify;
    border-top: solid 1px var(--col-blue);
    border-bottom: solid 1px var(--col-blue);
    background-color: #e4f0ff;
}

p.sub-0 {
    margin: 40px 0 16px 0;
    padding: 0 0 0 0;
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: left;
    color: #505050;
}

p.sub-1 {
    font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    margin: 20px 0 16px 0;
    padding: 0 0 0 0;
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: left;
    color: #505050;
}

p.sub-2 {
    font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    margin: 20px 0 16px 0;
    padding: 0 0 0 0;
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: left;
    color: #505050;
}

p.sub-3 {
    font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
    margin: 20px 0 16px 0;
    padding: 0 0 0 0;
    font-weight: bold;
    font-size: var(--font-body);
    line-height: var(--line-body);
    text-align: left;
    color: #505050;
}

table.table-update-list {
    width: 100%;
    margin: 20px 0 20px 0;
    font-size: clamp(0.4rem, 2.50vw, 0.90rem);
    line-height: clamp(0.9rem, 2.70vw, 1.00rem);
}

td.table-update-head-1 {
    width: 20%;
    font-weight: bold;
    border-bottom: 1px solid #b0b0b0;
    padding-bottom: 8px;
    font-size: clamp(0.4rem, 2.50vw, 0.90rem);
    line-height: clamp(0.5rem, 2.70vw, 1.00rem);
}

td.table-update-head-2 {
    width: 20%;
    font-weight: bold;
    border-bottom: 1px solid #b0b0b0;
    padding-bottom: 8px;
    font-size: clamp(0.4rem, 2.50vw, 0.90rem);
    line-height: clamp(0.5rem, 2.70vw, 1.00rem);
}

td.table-update-head-3 {
    width: 60%;
    font-weight: bold;
    border-bottom: 1px solid #b0b0b0;
    padding-bottom: 8px;
    font-size: clamp(0.4rem, 2.50vw, 0.90rem);
    line-height: clamp(0.5rem, 2.70vw, 1.00rem);
}


td.table-update-col-1 {
    border-bottom: 1px solid #b0b0b0;
}

td.table-update-col-2 {
    border-bottom: 1px solid #b0b0b0;
}

td.table-update-col-3 {
    border-bottom: 1px solid #b0b0b0;
}