* {margin:0;padding:0;}
html,body {width:100%;height:100%;}
body{font-family:Arial, Helvetica, sans-serif;background-color:#FFF}
a:link{color:#0066ff;}
a:visited{color:#0066ff;}
a:hover{color:#000000;}
a:active{color:#0066ff;}

.wrapper{background-color:#000000;margin:0 auto 0 auto;margin:auto auto auto auto;position:relative;}
.wrapper{height:100%;width:100%;}

header {min-height:5%;
	padding-left:0.0em;
	padding-top:0.4em;
	padding-bottom:0.0em;
        background-color:#000000;
        background-color:#4d88f9;
        background-color:#0066ff;
	color:#fff;
	text-align:left;
	font-size:1.2em;
border:0px solid red;
}

header a{
	text-decoration:none;
	color:#fff;
}
header a:link, header a:visited{
	color:#fff;
}
header a:hover{
	color:#dfdfdf;
	}
header a:active{
	color:#fff;
}

div.mainheader1, div.mainheader2 {
margin:0;padding:0;
padding-bottom:0.3em;
padding-left:0.4em;
}

@media screen and (max-width:584px) {
.mainheader1{display:none;}

.mainheader2 {
margin:auto 0;
padding:0;
text-align:center;
}
}

@media screen and (max-width:347px) {
.mainheader1{display:none;}
.dropbtn1{display:none;}

.mainheader2 {
margin:auto 0;
padding:0;
text-align:center;
}
}

@media screen and (min-width:585px) {
.mainheader2{display:none;}
.dropbtn2{display:none;}
}


nav {border:0px dashed yellow;}
.navbarx {position:relative;width:100%;font-size:0.75em;}
.navbarx {
	margin: 0 0 0 -3;
	margin-top: 0.6em;
margin-left: 0em;
padding-left: -3;
	padding-top: 0.0em;
}
.navbarx ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #840000;
background-color:#000000;
background-color:#4d88f9;
        background-color:#0066ff;
    color:#ffffff;
    border-right-style:none;
}

.navbarx li {
    float: left;
}

.navbarx li a:hover {
    background-color:#000000;
        background-color:#0066ff;
    color:#000;
}

.navbarx  .dropdown:hover .dropbtn {
    background-color:#000000;
        background-color:#0066ff;
    color:#dfdfdf;
}

.navbarx li.dropdown {
    display: inline-block;
}

.navbarx .dropdown-content {
    display: none;
    position: absolute;
    background-color: #F8FaFF;
    background-color: #f8f8ff;
    background-color: #e8e8ff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.navbarx li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
/*
.navbarx li {
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

.navbarx li:last-child {
    border-right: none;
}
*/
.navbarx .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.navbarx .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.navbarx .dropdown-content a:hover {
    background-color: #b40000;
    background-color: #005500;
    background-color: #4d88f9;
    background-color: #7db8ff;
        background-color:#0066ff;
    color:#fff;
}

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

@media screen and (max-width:584px) {
.dropbtn1 {display: none};
.dropbtn2 {
font-size:0.85em;
margin:auto .1em auto 0;
}

.navbarx .dropdown-content {
font-size:.9em;
}
.navbarx .dropbtn {
    padding: 14px 10px;
}

}

@media screen and (max-width:363px) {
.dropbtn1 {display: none};
.dropbtn2 {
font-size:0.8em;
margin:auto .1em auto 0;
}

.navbarx .dropdown-content {
font-size:.8em;
}

}

@media screen and (max-width:307px) {
.dropbtn1 {display: none};
.dropbtn2 {
font-size:0.6em;
margin:auto .075em auto 0;
}

.navbarx .dropdown-content {
font-size:.8em;
}
}

@media screen and (min-width:585px) {
.dropbtn1 {
margin:auto .2em auto .2em;
}
.dropbtn2 {display: none};
.navside {display:none;}
.searchsm {display:none;}
}

main{margin-left:0em;background-color:#fff;color:#000;font-family:verdana,arial,sans-serif;padding:0.0em 0.625em 0.625em 0.625em;border:thin #000000;}
main a{color:#a00;color:#080;color:#003;text-decoration:none;}
main a:hover{color:#e88;color:#0b0;color:#0cf;text-decoration:underline;text-decoration:none;}

main h1{font-weight:normal;letter-spacing:0.08em;font-size:1.1em;color:#8E0001;color:#840000;color:#008800;color:#4d88f9;color:#666;padding-top:.75em;padding-bottom:.75em}
main h1.listgen{padding-top:.75em;padding-bottom:.75em}
main h1.multiline1{padding-top:.75em;padding-bottom:0em}
main h1.multiline2{padding-top:0em;padding-bottom:.75em}

main h2{color:#000000;font-weight:normal;letter-spacing:0.08em;}
main h2.multiline1{font-size:1.1em;font-style:normal;color:#222;padding-top:.75em;padding-bottom:0em}
main h2.multiline2{font-size:1.1em;font-style:normal;color:#222;padding-top:0em;padding-bottom:.25em}
main h2.note{font-size:0.7em;font-style:italic;color:#00F;}
main h2.list{text-indent:1.0em;font-size:0.9em;font-style:italic;color:#840000;}
main h2.stry {font-size:0.75em;font-weight:bold;text-align:center;}
main h2.vid{text-indent:1.0em;font-size:0.9em;font-style:normal;color:#222;margin-top:2em;}
main h2.vidlist{text-indent:1.0em;font-size:0.9em;color:#333;font-weight:bold;}

main h3{color:#000000;font-weight:normal;letter-spacing:0.08em;font-size:1em;font-style:normal;}
main h3.vid{text-indent:1.25em;font-size:0.9em;color:#444;font-weight:bold;}

main h6{font-size:0.9em;font-weight:bold;margin-left:1em;padding-bottom:0.5em}
/*
#content ul, #content ol{padding:0px 0 6px 40px;font-size:small;}
*/
main li.vid:nth-child(1) {padding-top:0.8em;}
main li.vid:not(:nth-child(1)) {padding-top:1.2em;}
/*
:not(:nth-child(1))
*/
main ul li {line-height:1.9;}
main p{padding-right:1em;padding-left:1em;line-height:1.7em;font-size:small;}
main p{padding-bottom:1.5em;}
main p.smbottompad {padding-bottom:.1em;}

table.simplist {
margin-left:1em; margin-bottom:1em;border-collapse:collapse;
border: none;width: auto;
}

table.simplist th {
border: none;
}

table.simplist td {
border: none;
}

/*
style="margin-left:1em;margin-bottom:1em;border-collapse:collapse;border:0px"
style="border: 1px solid black;"
*/

main td.simplist{padding-right:1em;padding-left:10px;}
main table{}
/*
#content table.imagetable{font-family:verdana,arial,sans-serif;font-size:11px;color:#333333;border-width:1px;border-color:#999999;border-collapse:collapse;width:636px;border-spacing:5px;}
#content table.imagetable th{background:#b5cfd2;border-width:1px;padding:7px;border-style:solid;border-color:#999999;}
#content table.imagetable td{background:#dcddc0;background:#ffffff;border-width:1px;padding:8px;border-style:solid;border-color:#999999;}
*/



button.accordion {

    background-color: #a48000;
    background-color: #ffd700;  /* gold */
    background-color: #F0E68C;  /* khaki */
    background-color: #00ffff;  /* aqua, cyan */
    background-color: #99badd;  /* carolina blue */
    background-color: #DAA520;  /* goldenrod *** */
    color: #888;
    color: #fff;
    color: #000;

    background-color: #F8FaFF;
    background-color: #FaFaFF;
    color: #0a0;
color:#0066ff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 3px;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.2s;
}

button.accordion.active {
    background-color: #ccc;
    background-color: powderblue;
    background-color: #e8f0f7;

    color: #000;
    font-weight: bold;
}

button.accordion:hover {
    background-color: #F0F8FF;
    background-color: #B0E0E6;
    background-color: #e0e8ef;
    background-color: #e8f0f7;
    color: #000;
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.genpagelist {
 margin-left:-1em;
}

.genpagebox {
 margin-left:0em;
}

/*
div.genpagelist ul li a
*/
div.genpagelist a:hover {
color:#0cf;
}


.listindent{padding-left:1.9em;font-size:small;}
.listindent2{padding-left:0em;font-size:large;}

main ul {margin-left:0.7em;font-size:small;padding-bottom:1em;}
main ul li {padding-left:0.5em;font-size:small;}
main ul li ul {padding-left:0.2em;font-size:small;}
main ul li ul li {padding-left:0.2em;font-size:small;}

.mgallerywrapper {
	margin-left:1.25em;
}

.floating-box {padding-top:1.1em;padding-right:2.5em;padding-bottom:1.0em;}
.floating-box a {font-size:1.1em;}

.floating-box {
    float: left;
    width: 120px;
    height: auto;
    margin: auto;
    border: 0px solid #73AD21;
    font-size:small;
}

.after-box {
    clear: left;
    border: 0px solid red;
}

.floating-box-ev {
    padding-top:1.0em;
    padding-right:1em;
    padding-bottom:1.0em;
    padding-left:1.0em;
    float: left;
    width: 200px;
height:400px;
    height: auto;
    margin: auto;
    border: 0px solid #73AD21;
    font-size:1.1em;
}

.floating-box-ev a {font-size:1.1em;}

main .libaddr{
    font-size:0.75em;
}

main .eventmsg1{
    text-align:center;
    margin-left:10%;
}

/* Media Query */
@media screen and (max-width:479px) {
main img.spkrphoto {
    display: block;
    margin: auto;
    margin-bottom: 1em;
}

main h1 {
    font-size:0.9em;
}

main h2 {
font-size:0.8em;
}

main h2.listgen{
text-indent:0.8em;font-size:0.85em;font-style:italic;color:#333333;padding-top:.15em;padding-bottom:.05em;
}

main h2.stry {font-size:0.75em;}

main .libaddr{
    margin: auto;
    width: 181px;
    border: 0px dashed #f00;
    padding-left: auto;
    padding-right: auto;
}

main .mapmtgloc{
    margin: 1em auto;
    width: 100px;
    border: 0px dashed #f00;
    padding-left: auto;
    padding-right: auto;
}
/*
main .eventmsg1{

    margin: 1em auto;
    border: 0px dashed #f00;
    width: 234px;
    padding-left: auto;
    padding-right: auto;
}
*/

.mpad{display:none;}
.surnames {
width:99%;height:25em;
}
.calendar {
border-width:0;
width:100%;
height:30em;
}

main div.tablesn {
height:21em;
}
}

/* Media Query */
@media screen and (min-width:480px) {

main h2.listgen{
	text-indent:1.0em;
	font-size:0.9em;
	font-style:italic;
	color:#333333;
	padding-top:.15em;
	padding-bottom:.05em;
}
main img.spkrphoto {
	float:left;
        margin-right:0.9em;
	padding-left:0.9em;
	padding-bottom:0.35em;
	max-width:198px;
}
main .libaddr {
    margin: auto auto auto 4.5em;
    width: 181px;
    border: 0px dashed #f00;
}
main .mapmtgloc {
    margin: 1.5em auto auto 6em;
}
/*
main .eventmsg1 {
    margin: 1.5em auto auto 1.9em;
    border: 0px dashed #f00;
    width: 234px;
*/
}
.surnames {
width:100%;max-width:48em;height:40.625em
}
.calendar {
border-width:0;
width:100%;
max-width:48em;
height:40em;
}
}
/* end media query */

/* Media Query */
@media screen and (min-width:1024px) {

}
/* end media query */
/* Media Query */
@media screen and (max-width:1023px) {
.spad{display:none;}
}
/* end media query */

.snameform {
    max-height:1000px;
    height:100%;
    max-width:640px;
    width:100%;
    padding-top:9px;
}

.snameformif {
    height:1000px;
    width:100%;
}

.publishdate {
      font-size:0.8em;text-align:left;
}

main div.tablesn{
    overflow-x:auto;
}



main table.imagetablesn{font-family:verdana,arial,sans-serif;font-size:0.8em;color:#333333;border-width:1px;border-color:#999999;border-collapse:collapse;float:inherit;
    border-spacing: inherit;
    width: 98%;
    min-width: 100%;
    max-width: 100%;
}
/* ************
#content table.imagetablesn{font-family:verdana,arial,sans-serif;font-size:0.8em;color:#333333;border-width:1px;border-color:#999999;border-collapse:collapse;width:auto;float:inherit;
    tabxle-layout: fixed;
    width: auto;
    min-width: 100%;
    max-width: 100%;
}
*/

main table.imagetablesn thead
{
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0;
}

main table.imagetablesn tr:nth-child(even) {
    background: #ffffff;
    color: black;
}
main table.imagetablesn tr:nth-child(odd) {
    background: #f0df9b;
    color: black;
}
main table.imagetablesn td{border-width:1px;padding:4px;border-style:solid;border-color:#999999;font-size: 1em}
main table.imagetablesn th{background:#b5cfd2;border-width:1px;padding:3px;border-style:solid;border-color:#999999;text-align:center;
font-size:0.85em;
}

main table.imagetablesn th, td {
    text-align: left;
    padding: 3px;
}

.offlist {
  width:100%;
}
main table.imagetablecon{font-family:verdana,arial,sans-serif;font-size:11px;color:#333333;border-width:0px;border-color:#ffffff;border-collapse:collapse;width:auto;max-width:500px;border:0px;padding:1px;}
main table.imagetablecon th{background:#b5cfd2;border-width:0px;padding:8px;border-style:solid;border-color:#ffffff;}
main table.imagetablecon td{background:#ffffff;border-width:0px;padding:8px;border-style:solid;border-color:#eeeeee;}

main table.imagetableart{font-family:verdana,arial,sans-serif;font-size:11px;color:#333333;border-width:1px;border-color:#999999;border-collapse:collapse;width:636px;width:auto;border-spacing:5px;}
main table.imagetableart th{background:#b5cfd2;border-width:1px;padding:7px;border-style:solid;border-color:#999999;}
main table.imagetableart td{background:#dcddc0;background:#ffffff;border-width:1px;padding:8px;border-style:solid;border-color:#999999;}

main table.imagetablepm{font-family:verdana,arial,sans-serif;font-size:11px;color:#333333;border-width:1px;border-color:#999999;border-collapse:collapse;width:635px;width:auto;border-spacing:5px;}
main table.imagetablepm th{background:#b5cfd2;border-width:1px;padding:7px;border-style:solid;border-color:#999999;}
main table.imagetablepm th:nth-child(1) {width:110px;}
main table.imagetablepm th:nth-child(2) {width:519px;}
main table.imagetablepm td{background:#dcddc0;background:#ffffff;border-width:1px;padding:8px;border-style:solid;border-color:#999999;}
main table.colist{width:90%;padding:0em;border-spacing:0;border:0;}
main table.colist td{vertical-align:top;}
main .ns{color:#d2cfbb;}
main a.pub{color:#800;font-style: italic;}
main a.pub:hover{color:#c00;}
main.displayed{display:block;margin-left:auto;margin-right:auto;}
main div.noticeo{border:2px solid #840000;padding:10px 40px;background:#ffffff;width:150px;border-radius:25px;font-size:0.6em;}
main div.noticea {
    background-color: #4CAF50; /* Green */
    baxckground-color: #eee; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;

    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    font-size:1.0em;
/*
    display: inline-block;
float:left;
*/
}

main div.noticea a {
    color: white;
}

main div.noticea:hover {
    background-color: #0b0; /* Green */
}

main div.noticeb {
    background-color: #008; /* Blue */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    font-size:1.0em;
/*
    display: inline-block;
float:left;
*/
}

main div.noticeb a {
    color: white;
}

main .noticeb:hover {
    background-color: #33f; /* blue */
}

abbr[title] {
  text-decoration: none;
}

.center {
text-align:center;
}

ul.lsnone {
list-style:none;
}

ul.sublist {
text-indent:0em;
margin-left:2.3em;
}

/* Media Query */
@media screen and (max-width:581px) {
.videoframe {

max-height:100%;
}
}

@media screen and (min-width:582px) {
.videoframe {
width:560px;
max-width:100%;
height:315px;
max-height:100%;
}
}



.floating-box-pic {
    float: left;
    width: 160px;
    height: auto;
    height: 13em;
    margin: 15px;
    border: 1px solid #73AD21;
    border: 1px solid #ccc;
    font-size:small;
}

.floating-box-pic:hover {
    border: 1px solid #777;
}

figure.thumbs {
	float:left;
        margin: 10px auto auto auto;
	text-align: center;
}

img.thumbsimg {
	width:100px;
	height:100px;
}

.picdescr {
	text-align: center;
	padding: 15px 15px initial 15px;
}

.after-box-pic {
    clear: left;
    border: 0px solid red;
}

.floating-box-pic-ria {
    float: left;
    width: 130px;
    width: auto;
    height: auto;
    margin: auto;
    border: 1px solid #73AD21;
    font-size:small;

}

.after-box-pic-ria {
    clear: left;
    border: 1px solid red;
    padding-bottom:1em;
}

ul.lstindentslcw li {
      margin-left: 2em;
      margin-bottom: 1em;
}

ul.lstindentslcw li:nth-child(3) {
      margin-bottom: 0em;
}

#ftn1a, #ftn1b, #ftn1c {
	margin-left: 1em;
        font-size: 1em;
}

#ftn1, #ftn2, #ftn3 {
	margin-left: 1em;
        font-size: 0.8em;
}

div#ftn1 ul {
      list-style-type:none;
}

footer {background-color:#840000;background-color:#000000;background-color: #4d88f9;background-color: #0066ff;border-top:solid 0px #117b6f;font-size:.750em;padding-top:0.5em;padding-bottom:0.5em;color:#fff0ee;
width:100%;    border: 0px solid red; height:10em;height:auto;}

footer a{text-decoration:none}
footer a:link{color:#FFFFFF}
footer a:visited{color:#FFFFFF}
footer a:hover{color:#ddd;text-decoration:underline}
footer a:active{color:#FFFFFF}

footer div.fc1 {
    padding-bottom:1.1em;
    text-align:center;
}

footer div.fc1 a {
    padding-top:1.1em;
    font-size:1.0em;
    margin: auto;
}

footer div.fc2 {
    text-align:center;
}

footer div.fc3 {
margin-top:1.5em;
    text-align:center;
}


footer img {
    width:35px;
    padding-top:0.1em;
    padding-right:0.65em;
    padding-left: 0.65em;
}
/* Media Queries */
@media screen and (max-width:336px) {
footer a.linksf {
    padding-left:0.05em;
    padding-right:0.05em;
    padding-bottom:0.1em;
}

footer div.fc1 a {
    padding-top:1.1em;
    font-size:0.50em;
    margin: auto;
}

footer div.fc3 {
    font-size:0.90em;
}
}

@media screen and (max-width:364px) {
footer a.linksf {
    padding-left:0.1em;
    padding-right:0.1em;
    padding-bottom:0.1em;
}

footer div.fc1 a {
    padding-top:1.1em;
    font-size:0.95em;
    margin: auto;
}

footer div.fc3 {
    font-size:0.95em;
}
}

@media screen and (max-width:479px) {
footer a.linksf {
    padding-left:0.1em;
    padding-right:0.1em;
    padding-bottom:1.3em;
}
}

@media screen and (max-width:499px) {
footer a.linksf {
    padding-left:0.3em;
    padding-right:0.3em;
    padding-bottom:0.3em;
}
}

@media screen and (min-width:500px) {
footer a.linksf {
    padding-left:1.1em;
    padding-right:1.1em;
    padding-bottom:0.3em;
}
}

main table tr td{
	font-size:small;
	border-top-width:thin;
	border-right-width:thin;
	border-bottom-width:thin;
	border-left-width:thin;
}

.wrapper main table.imagetablesn tr td{
	font-size:9px;
	border-top-width:thin;
	border-right-width:thin;
	border-bottom-width:thin;
	border-left-width:thin;
}

div.panel div ul li a {
margin:0px;
font-size:1.1em;
color:#080;
color:#0066ff;
}

div.panel div ul li  {
margin-top:15px;

}

.btnsname {
    background-color: #4CAF50;
    background-color: #080;
    background-color: #000;
    background-color: #4d88f9;
    background-color: #05204a;
    background-color: #4caf50;
    background-color: #0088bd;
    background-color: #ffcc33;
    background-color: #f5b800;
    background-color: #ffb800;
    background-color: #000;
    border: none;
    color: #000;
    color: #fff;
    padding: 15px 32px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
}

@media screen and (min-width:480px) {
.btnsname {
    font-size: 16px;
}
}

.btnsname:hover {
    box-shadow: 0 12px 16px 0 rgba(34,34,34,0.24),0 17px 50px 0 rgba(34,34,34,0.19);
    background-color: #222;
    color: #eee;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.spacer {
height: 800px;
}

.halfspacer {
height: 400px;
}

table.table5 {
border-collapse: collapse;
}

table.table5 th, td {
border: 1px solid black;
}

table.table5 td:nth-of-type(1) {
    text-align:center;
}

table.table5 td:nth-of-type(2) {
    text-align:center;
}

.red{font-weight:bold;font-style:italic;color:#ff0000;font-size:1em;}
.wrapper main #eventtable #mpevent td em{color:#F00;}

.boldtd{text-align:center;}
.boldtdyr{text-align:center;font-weight:bold;color:black;}
.nullrow{padding:0px;margin:0px;background-color:black;}
.yrlinksp a {
margin: auto 8px auto auto;
line-height:1.5em;
}

.wrapper main ul li.title{color:#900;}
.dir{font-size:x-small;}

.p404 {background-color:#009900;border-top:solid 0px #117b6f;font-size:1em;padding:1em;color:#fff;}
.p404 a:link{color:#ffffff;}
.p404 a:visited{color:#ffffff;}
.p404 a:hover{color:#e0e0e0;}
.p404 a:active{color:#ffffff;}
.p404 h1 {margin-bottom: 0.5em;}