:root {
    /* --backGray: rgb(6, 6, 92);
    --backGray: rgb(28, 28, 102);
    --headColor: rgb(28, 28, 102);
    --draftColor: rgb(52, 65, 29); 
    --lightBack: white;
    --lightFore: white;
    --barSize: 8pt;
    --bar2Size: 9pt;
     */

    --backGray: rgb(241, 239, 239);
    --headColor: rgb(28, 28, 88);
    --draftColor: rgb(219, 143, 2);
    --lightBack: white;
    --lightFore: black;
    --barSize: 9pt;
    --shadowColor: rgb(24, 23, 23);

    --headColor: rgb(85, 85, 182);

    --oldBack: #a33939;
    --oldColor: #FEFCDE;

    --sidewidth: 300px;
}

#mainitem {
    padding: 25px;
    width: 80%;
    vertical-align: top;
}

p,
li,
body,
article,
div,
td {
    /*	font-size: normal; */
    font-weight: normal;
    /* font-size: 10pt; */
    font-family: calibri, "trebuchet MS", sans-serif;
    /*	font-family: Garamond, Times New Roman; /*Trebuchet MS,Verdana,Arial,Helvetica; */
    /*	font-family: Verdana; */
}

body {
    margin: 0;
    /*	font-family: Garamond, Times New Roman; /*Trebuchet MS,Verdana,Arial,Helvetica; */
    font-size: medium;
    /* 10pt; */
    font-size: 13pt;
    background-color: var(--lightBack, white);
    padding: 4% 4% 0 4%;
    /* top right bottom left */
}

td {
    /*    color: #201010; */
    /*    font-size: normal; /* 10pt; */
    margin-left: 5px;
}

h2,
h1,
h2,
h3,
h4 {
    color: #a33939;
    color: var(--headColor, rgb(20, 20, 112));
    font-family: Verdana;
}

h1.title {
/*     background-color: var(--backGray, rgb(20, 20, 112)); */
    color: var(--lightFore, white);
    text-align: center;
    font-style: normal;
    font-weight: 900;
    font-size: 24pt;
    font-family: Verdana;
/*     padding: 5px 5px 5px 10px; */
    width: auto;
    margin: 0;
/*     border-radius: 10px; */
/*     box-shadow: 3px 3px darkgray; */
}

h1.indexTitle {
    text-align: center;
    font-size: 4rem;
    font-family: Philosopher, times new roman;
    color: rgb(6, 6, 92);
    /* color: var(--backGray, rgb(20, 20, 112)); */
    font-weight: normal;
    margin-bottom: 100px;
    /* text-shadow: 2px 2px rgb(202, 202, 202); */
    text-shadow: 2px var(--shadowColor, rgb(23, 23, 23));
}

h1 {
    font-weight: bold;
    font-size: xx-large;
    /* 24pt */
}

h2 {
    font-weight: bold;
    font-size: x-large;
    /* 18pt */
}

h3 {
    font-weight: bold;
    font-size: large;
    /* 14pt */
}

h4 {
    font-weight: bold;
    font-size: 12pt;
}

div.WaM {
    /* Writings and Musings */
    margin-top: 6px;
    /*	padding-top: 3px;*/
    /*	background-color: yellow;
   border:solid blue 2px; */
}

.ArticleHead {
    border-bottom-color: #4F81BD;
    border-bottom-style: solid;
    padding-bottom: 2px;
}

p.WaM {
    margin-top: 0;
    margin-bottom: 0;
}

.WamDate {
    color: black;
    /* font-size: 9pt; */
    font-size: calc(var(--barSize, 8pt) + 2pt);
    /*	font-family: calibri, "trebuchet MS", sans-serif; */
}

.WamDate .WamUpdate {
    font-style: italic;
    font-size: calc(var(--barSize, 8pt) + 1pt)
}

.WamSearch {
    border: solid 1px rgb(85, 81, 81);
}

.WamHighlights {
    text-shadow: 2px 2px lightgray;
    border: 2px;
    border-top-left-radius: 5pmx;
    border-top-right-radius: 5pmx;
}

/*span.genMail {
    border: thin #9E1430 ridge;
    background-color: #FFFF00;
}*/

.genmail {
    border: thin #A84402 ridge;
    /* background-color: #FFFF00; */
    background-color: var(--lightBack, #ff0);
}

hr.title {
    color: #004080;
    height: 5px;
}

.top {
    font-weight: bold;
    font-size: 18pt;
}

.example {
    font-family: Courier New, Courier, monospace;
    font-style: italic;
    text-decoration: underline;
}

.mono {
    font-family: Courier New, Courier, monospace;
}

img {
    border-style: none;
}

.color1 {
    color: #201010;
}

.notes {
    font-family: cursive;
    font-weight: normal;
    color: #9E1430;
    background-color: #CAFFF8;
    border: 1px solid #A84402;
}

.author {
    font-family: "Trebuchet MS";
    font-style: italic;
    text-align: right;
    color: #00009C;
}

.def {
    font-family: "Trebuchet MS", "MS Sans Serif", sans-serif, Geneva;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    color: #a33939;
    color: var(--backGray, rgb(20, 20, 112));
}

.warning {
    /* background-color: #F9DDFF; */
    background-color: var(--lightBack, white);
    border-left-style: solid;
    padding-left: .25in;
    border-left-width: 3px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-left: .5in;
    text-align: left;
    text-indent: 0;
    margin-right: .5in;
}

.drop {
    float: left;
    text-align: left;
    border-collapse: collapse;
    font-size: 36pt;
    color: #FF00FF;
}

.NewsNew {
    color: var(--lightFore, white);
}

.NewsOther {
    background-color: var(--lightBack, white);
    font-weight: bold;
    /* vertical-align: middle; */
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.WamTitle {
    border: 3px inset var(--backGray, rgb(20, 20, 112));
    background-color: rgb(137, 148, 158);
    color: var(--lightFore, white);
    text-shadow: 1px 1px darkgray;
    font-size: 1.5em;
}

.NewsDate,
.NewsItem {
    background-color: var(--backGray, white);
    /* Font-family: 'Trebuchet MS', 'san serif'; */
    font-family: calibri, "trebuchet MS", sans-serif;
    font-size: 9pt;
    font-size: calc(var(--barSize, 9pt) + 1pt);
    text-align: center;
    margin-bottom: 2px;
    padding-top: 2px;
    border-bottom: 1px solid #fef0f0;
    border-bottom: 1px solid var(--lightFore, white);
    color: #fef0f0;
    color: var(--lightFore, white);
}

.NewsDate {
    font-family: calibri, "trebuchet MS", sans-serif;
    font-weight: normal;
    font-size: var(--barSize, 8pt);
    font-style: italic;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    /* font-size: 10pt; */
}

.NewsRef {
    text-decoration: none;
    color: #fef0f0;
    color: var(--lightFore, white);
}

.SideBar {
    background-color: var(--backGray, rgb(20, 20, 112));
    color: var(--lightFore, white);
}

.HideBar {
    display: none;
}

.NoBullet {
    list-style-type: none;
}

.columns {
    column-count: 1;
    column-rule: 1px solid black;
    column-width: 4in;
    max-width: 7in;
}

.v2hdrdesc {
    text-align: left;
    /* background-color: linen; */
    background-color: var(--lightBack, white);
    /* color: blue; */
    /* border: inset rgb(99, 42, 165) 2px; */
    margin: 5px;
    border-radius: 10px;
    font-size: 12pt;
    font-weight: normal;
    padding: 5px;
    width: 75%
}

.draftWatermarkDiv {
    pointer-events: none;
    position: fixed;
    top: 0px;
    left: 10px;
    display: none;  
}

.draftWatermark {
    z-index: 10;
    color: lightgray;
    opacity: .3;
    font-size: 220px;
    text-shadow: 2px 2px rgb(206, 11, 11);
    transform: rotate(325deg);
}

.draftSpan {
    background-color: lime;
    color: navy;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
    border: 5px outset gray;
}

.v2hdrdate {
    text-align: right;
    font-size: 10pt;
    min-width: 12em;
    color: #FEFCDE;
    color: var(--lightFore, white);
    font-weight: normal;
}

.v2draft {
    background-color: var(--draftColor, darkgreen);
    color: white;
    color: var(--lightFore, white);
}

h1.v2draft {
    background-color: var(--draftColor);

}

a.v2draft {
    color: #FEFCDE;
}

.caption {
    border: 1px solid rgb(230, 221, 221);
    padding: 1px;
    margin: 1px;
    float: left;
    text-align: center;

}

div.caption p {
    margin-bottom: 0;
}

.EleanorLink {
    color: var(--headColor, blue);
}

.WritingsBox {
    border: 4px inset #A52A2A;
    padding-left: 8px;
    border-radius: 15px;
    margin-top: 10px;
}

.WritingsFooter {
    border: inset 2px #A52A2A;
    border-radius: 15px;
    margin-top: 10px;
    padding: 10px;
}

.WritingsBio {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 14pt;
    color: #004080;
}

/* Shifting towards a new approach */

xml {
    /* Hide the xml Island */
    display: none;
}

.Zessay {
    /* for use on the body tag */
    display: block;
    /* Null */
}

.Zessay img {
/*     border: inset 2px gray; */
}

.Zimgright {
    float: right;
    margin-left: 10px;
}

.Zimgleft {
    float: left;
    margin-right: 10px;
}

.test {
    float: left;
    margin-right: 10px;
}

.Zthumb {
    border: inset 2px Maroon;
    float: right;
}

.Zsuperscript {
    /* style="font-size:x-small; vertical-align:top" */
    font-size: x-small;
    vertical-align: top;
}

.Zsubscript {
    /* style="font-size:x-small; vertical-align:bottom" */
    font-size: x-small;
    vertical-align: bottom;
}