/* #      ###   ####  ###  #
   #     #   # #     #   # #
   #     #   # #     ##### #
   #     #   # #     #   # #
   #####  ###   #### #   # #### */

* {
    --background-colour: #ddd;
    --main-heading: black;
    --sub-heading: #30393e;
    --link-visited: #660a1f;
    --nav-background: #e6eaec;
    --bar-colour: #f0f0f0;
    --text: black;
    --back-img: #fff;
}
body {
    border:0;
    margin:0;
    padding:0;
    background-color: var(--background-colour);
    background-attachment: fixed;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight:300;
    color: var(--text);
}
div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
    margin:0;
    padding:0;
}
b {
    font-weight: bold;
}
p li {
    font-size:170%;
}
p {
    font-size:170%;
    padding: 10px 0px;
    text-align: left;
}
h1 {
    font-family: "Times New Roman", serif;
    font-weight: 600;
    font-size: 400%;
}
h2 {
    font-family: "Times New Roman", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 300%;
    margin-bottom: 20px;
    text-align: left;
}
h3 {
    font-family: "Times New Roman", serif;
    font-weight:600;
    font-size:200%;
    margin: 2px;
    text-align: left;
}
#big {
    font-size: 150%;
    font-weight: 900;
}
li {
    font-weight:600;
    text-align: left;
}
hr {
    color: var(--link-visited);
}
a {
    font-weight:600;
    color: var(--sub-heading);
    text-decoration: none;
    background: none;
}
a:visited {
    color: var(--sub-heading);
}
a:hover {
    color: var(--link-visited);
}
div#back {
    
}
div#small {
    font-size:80%;
    font-weight:200;
}
div.nav {
/*    background: no-repeat center top var(--nav-background);*/
}
nav {
    display:inline-block;
    margin: auto;
    background-color: transparent;
}
nav ul {
    float: left;
    -webkit-transition: .5s;
    transition: .5s;
    display:inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
/*    background: no-repeat center top var(--nav-background);*/
}
nav a {
    display: inline-block;
    color: var(--text);
    height:72px;
    font-size: 150%;
    text-decoration:none;
}
nav li:hover > ul {
    visibility: visible;
    opacity: 1;
}
nav li {
    opacity:0.8;
    float: left;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    display:inline-block;
    height:32px;
    padding: 16px 16px 0 8px;
    background-color: transparent;
}
.mySlides {
    display:none;
    width: 100%;
}
/* layout bars */ 
#fbar {
    clear:both;
/*    background: var(--nav-background);*/
    color: var(--text);
    padding: 10px;
} 
#foot {
    padding:10px;
    font-size: 80%;
}
#button {
    padding: 0px;
    height:25px;
}
.slideShow{
    width:100%;
    margin:auto;
    position:relative;
    border: 1px solid black;
}
/* New Bit */
#header_background {
    margin: 30px 65px;
    background-color: white;
    opacity: 0.8;
    height: 100px;
}
#header_text {
    font-size: 5em;
    font-weight: 900;
    margin: 150px 30px 30px 30px;
    color: var(--blue);
}
/* End New Bit */
#copy_holder {
    padding: 20px;
    background-color: rgba(255,255,255,0.8);
    margin: auto;
    max-width: 800px;
}
#copy_holder_table {
    padding: 0;
    background-color: rgba(255,255,255,0.8);
    margin: auto;
    max-width: 800px;
}

.fa {
    width: 40px;
}

.bar-mid {
    background: none;
    text-align:center!important;
    font-size:18px!important;
    color: var(--bar-colour)!important;
    position:absolute;
    left:50%;
    height:26px;
    width:100%;
    top: 50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    width: 100%;
}
.bar-bottom {
    background: none;
    text-align:center!important;
    font-size:18px!important;
    color: var(--bar-colour)!important;
    position:absolute;
    left:50%;
    height:26px;
    width:100%;
    bottom:0;
    transform:translate(-50%,10%);
    -ms-transform:translate(-50%,0%);
    width: 100%;
}
.bar-left{
    background: none;
    opacity: 0.5;
    float:left!important;
    cursor:pointer;
    padding-top:32px!important;
    padding-left:8px!important;
    padding-right:88px!important;
    padding-bottom:32px!important;
}
.bar-right{
    background: none;
    opacity: 0.5;
    float:right!important;
    cursor:pointer;
    padding-top:32px!important;
    padding-right:8px!important;
    padding-left:88px!important;
    padding-bottom:32px!important;
}
.bar-dot {
    display:inline-block;
    text-align:center;
    border-radius:50%;
    height:13px;
    width:13px;
    padding:0;
    cursor:pointer;
    border:1px solid #ccc!important;
    background-color:transparent!important;
    -webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
    transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;
    color: var(--background-colour);
}
.bar-dot:hover {
    color: var(--text)!important;
    background-color: var(--bar-colour)!important
}
.dot-white/*,.w3-hover-white:hover */{
    color: var(--text)!important;
    background-color: var(--bar-colour)!important
}
img.wide {
    width: 100%;
}
img.thumb {
    width: 100%;
}
img.left {
    margin: 10px;
    float: left;
}
img.right {
    margin: 10px;
    float: right;
}
bar-img {
    opacity: 0.6;
}
bar-img:hover {
    opacity: 1;
}
.table {
    display: table;
    width: 100%;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
    border: 4px solid var(--background-colour);
    font-size:170%;
    padding: 10px;
    text-align: left;
}
div.month>div {
    background-color: var(--sub-heading);
    color: white;
    font-weight: 900;
}
div#label {
    position: relative;
    top: 100px;
    margin: auto;
    z-index: 99;
}
div#label h1 {
    color: red;
    font-size: 600%;
}

@media screen and (max-width: 600px) {
  .table, .table-row, .table-cell {
    display: block;
  }
}