* {margin:0;padding:0;} html,body {width:100%;height:100%;} body{font-family:Arial, Helvetica, sans-serif;background-color:transparent} main {display: block;} /* for IE11, which does not recognize the "main" HTML5 tag */ a:link{color:#0066ff;} a:link{color:#0055ff;} a:visited{color:#0066ff;} a:hover{color:#000000;} a:active{color:#0055ff;} /* xff */ .wrapper{min-height:100%;width:100%;margin-bottom:-142px} .wrapper:after { content: ""; display: block; } 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; background-color:#000000; 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; } header h1{ font-family:inherit; font-size:inherit; font-weight:normal; } div.mainheader1, div.mainheader2 { margin:0;padding:0; padding-bottom:0.3em; padding-left:0.4em; } @media screen and (max-width:600px) { .mainheader1{display:none;} .dropbtn1{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:601px) { .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 -3px; margin-top: 0.6em; margin-left: 0em; /* padding-left: -3px; */ padding-top: 0.0em; } .navbary {position:relative;width:100%;font-size:0.75em;padding-bottom: 1.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; background-color:#000000; color:#ffffff; border-right-style:none; } .navbarx li { float: left; } .navbarx li a:hover { background-color:#000000; background-color:#0066ff; background-color:#000000; color:#000; } .navbarx .dropdown:hover .dropbtn { background-color:#000000; background-color:#0066ff; background-color:#000000; color:#dfdfdf; } .navbarx li.dropdown { display: inline-block; } .navbarx .dropdown-content { display: none; position: absolute; background-color: #f8f8ff; background-color: #e8e8ff; background-color: #F8FaFF; min-width: 100px; 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 12px; text-decoration: 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; background-color:#000000; color:#fff; } .navbarx .dropdown:hover .dropdown-content { display: block; } li.navhome a:hover {color:#dfdfdf;} .housestyle { position:relative; top:-3px; font-size:100%; border: 2px thin red; } @media screen and (max-width:600px) { .dropbtn1 {display: none;} .dropbtn2 .navhome {font-size:0.85em;margin:auto .1em auto 0;} .navbarx .dropdown-content {font-size:.9em;} .navbarx .dropbtn {padding: 14px 10px;} } /* End of media query */ @media screen and (max-width:385px) { .dropbtn1 {display: none;} .dropbtn2 .navhome {font-size:0.8em;margin:auto .1em auto 0;} .navbarx .dropdown-content {font-size:.8em;} } /* End of media query */ @media screen and (max-width:338px) { .dropbtn1 {display: none;} .dropbtn2 .navhome {font-size:0.6em;margin:auto .075em auto 0;} .navbarx .dropdown-content {font-size:.8em;} } /* End of media query */ @media screen and (min-width: 601px) { .dropbtn1 .navhome {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:#044;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:0.8em;font-style:normal;color:#222;padding-top:0em;padding-bottom:.75em} main h2.multiline2a{font-size:1.1em;font-style:normal;color:#222;padding-top:0em;padding-bottom:.25em} main h2.multiline2opn{font-size:1.0em;font-style:normal;color:#222;padding-top:0em;padding-bottom:.75em} 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:#333333;} main h2.olist{text-indent:1.0em;font-size:0.9em;foant-style:italic;color:#333;} main h2.hdr{text-indent:0.85em;font-size:1em;font-style:italic;font-weight:bold;color:#000;} main h2.stry {font-size:0.9em;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 h2.canceled{text-indent:0.5em;font-size:1.1em;color:#f00;font-weight:bold;} main h3{color:#000000;font-weight:normal;letter-spacing:0.08em;font-size:1em;font-style:normal;} main h3.stry {color:#000000;font-size:0.85em;font-style:italic;margin-left:1em;padding-bottom:0.5em} main h3.vid{text-indent:1.25em;font-size:0.9em;color:#444;font-weight:bold;} /* #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;} .padbot1em{padding-bottom:1em} /* :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; } main td.simplist{padding-right:1em;padding-left:10px;} main table{} 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; /*color:#000000;*/ 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 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;} .floating-box-op {padding-top:1.1em;padding-right:1.5em;padding-bottom:1.0em;} .floating-box-op a {font-size:1.1em;} .floating-box-op { float: left; width: 190px; height: auto; margin: auto; border: 0px solid #73AD21; font-size:small; } main .libaddr{ font-size:0.75em; } .mapmtgloc{ width:400px; height:300px; max-width:100%; border:0; } main .eventmsg1{ text-align:center; margin-left:10%; } .srtsurnameslist { width:auto; } /* 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 .libaddr{ margin: auto; width: 181px; border: 0px dashed #f00; padding-left: inherit; padding-right: inherit; } /* main .eventmsg1{ margin: 1em auto; border: 0px dashed #f00; width: 234px; padding-left: auto; padding-right: auto; } */ .surnames {width:99%;height:25em;} .calendar {border-width:0;width:100%;height:30em;} main div.tablesn {height:21em;} } .feedbackform{width:100%;height:46.75em;margin:0;border-color:#ffffff;border:0px} /* 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.0em auto auto 0em;} /* 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 */ .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 th:nth-child(1) {width:110px;} main table.imagetableart th:nth-child(2) {width:501px;} 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: #eee; /* Green */ background-color: #4CAF50; /* 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 */ } main div.noticec { background-color: #d00; /* Red */ 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.noticec a { color: white; } main .noticec:hover { background-color: #f33; /* red */ } abbr[title] { text-decoration: none; } .center { text-align:center; } ul.lsnone { list-style:none; } ul.sublist { text-indent:0em; margin-left:2.3em; } .prvstitle { text-align:center; font-size:110%; margin-top:.5em; } span.prvsitem { font-weight:normal; margin-left:12px; font-size:14px; } .prvspara { margin-left:20px; } /* 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 inherit 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; } .imgnncs { width:480px;max-width:100%; } .morertvid { text-align:center; font-size:smaller; } #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; } /* xff */ .site-footer, .wrapper:after { /* .push must be the same height as footer */ height: 142px; } /* .site-footer { background: orange; } */ footer {background-color:#840000;background-color:#000000;background-color: #4d88f9;background-color: #0066ff; background-color:#000000; 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:none;} 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; } .noticejs { color: red; font-size: 1em; } .noticeaccord { color: red; font-size: 1em; } .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; } .btnsname-op { background-color: #000; border: none; color: #fff; padding: 15px 32px; padding: 10px 5px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 4px 2px; cursor: pointer; width:140px; } @media screen and (min-width:480px) { .btnsname-op { font-size: 1em; } } .btnsname-op: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; } .innerbutton-op { color:white; font-size:0.95em; } .btnsname-pmt { background-color: #000; border: none; color: #fff; padding: 10px 5px; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 6px 10px; cursor: pointer; width:140px; } @media screen and (min-width:480px) { .btnsname-pmt { font-size: 1em; } } .btnsname-pmt: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; } .postxaction { font-size:110% } /* top button */ #topButton { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: #900; color: white; cursor: pointer; padding: 15px; border-radius: 10px; opacity: 0.85; } #topButton:hover { background-color: #CCC; color: #000; } table.table5 { border-collapse: collapse; } main table.table5 th:nth-child(1) {width:180px;} main table.table5 th:nth-child(2) {width:166px;} main table.table5 th:nth-child(3) {width:323px;} 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; } */ .yrlinksp a { margin: 8px 8px 8px 8px; line-height:3em; border:1px thin black; padding: 12px; } li.spacet1 {padding-top:1em;} .wrapper main ul li.title{color:#900;} .instr{margin:auto auto auto 3em;} .fssmlr{font-size:smaller;} .dir{font-size:x-small;} .dir90{font-size:90%;} .fs12p{font-size:12px;} .fs10p{font-size:10px;} .hideit{display:none;}