<html lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>My page</title>
    
    <link href="https://admin.scchs.org/backend/admin/css/afb-styles.css" rel="stylesheet" type="text/css">
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800">
  
  <link rel="stylesheet" href="https://admin.scchs.org/backend/admin/css/bootstrap.min.css">

  <link rel="stylesheet" href="https://admin.scchs.org/backend/admin/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://admin.scchs.org/backend/admin/css/demo.css">
 
  <link rel="stylesheet" href="https://admin.scchs.org/backend/admin/css/_flex.scss">


	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
       <link rel="stylesheet" href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css">
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>

       

   <style>html, body{width:100%;height:100%;}</style>
  
<script type="text/javascript" class="flasher-js">(function() {    var rootScript = 'https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js';    var 
[]
 = {};    var options = mergeOptions([], 
[]
);    function mergeOptions(first, second) {        return {            context: merge(first.context || {}, second.context || {}),            envelopes: merge(first.envelopes || [], second.envelopes || []),            options: merge(first.options || {}, second.options || {}),            scripts: merge(first.scripts || [], second.scripts || []),            styles: merge(first.styles || [], second.styles || []),        };    }    function merge(first, second) {        if (Array.isArray(first) && Array.isArray(second)) {            return first.concat(second).filter(function(item, index, array) {                return array.indexOf(item) === index;            });        }        return Object.assign({}, first, second);    }    function renderOptions(options) {        if(!window.hasOwnProperty('flasher')) {            console.error('Flasher is not loaded');            return;        }        requestAnimationFrame(function () {            window.flasher.render(options);        });    }    function render(options) {        if ('loading' !== document.readyState) {            renderOptions(options);            return;        }        document.addEventListener('DOMContentLoaded', function() {            renderOptions(options);        });    }    if (1 === document.querySelectorAll('script.flasher-js').length) {        document.addEventListener('flasher:render', function (event) {            render(event.detail);        });            }    if (window.hasOwnProperty('flasher') || !rootScript || document.querySelector('script[src="' + rootScript + '"]')) {        render(options);    } else {        var tag = document.createElement('script');        tag.setAttribute('src', rootScript);        tag.setAttribute('type', 'text/javascript');        tag.onload = function () {            render(options);        };        document.head.appendChild(tag);    }})();</script><script src="https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js" type="text/javascript"></script><script src="https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js" type="text/javascript"></script>

<script type="text/javascript" class="flasher-js">(function() {    var rootScript = 'https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js';    var 
[]
 = {};    var options = mergeOptions([], 
[]
);    function mergeOptions(first, second) {        return {            context: merge(first.context || {}, second.context || {}),            envelopes: merge(first.envelopes || [], second.envelopes || []),            options: merge(first.options || {}, second.options || {}),            scripts: merge(first.scripts || [], second.scripts || []),            styles: merge(first.styles || [], second.styles || []),        };    }    function merge(first, second) {        if (Array.isArray(first) && Array.isArray(second)) {            return first.concat(second).filter(function(item, index, array) {                return array.indexOf(item) === index;            });        }        return Object.assign({}, first, second);    }    function renderOptions(options) {        if(!window.hasOwnProperty('flasher')) {            console.error('Flasher is not loaded');            return;        }        requestAnimationFrame(function () {            window.flasher.render(options);        });    }    function render(options) {        if ('loading' !== document.readyState) {            renderOptions(options);            return;        }        document.addEventListener('DOMContentLoaded', function() {            renderOptions(options);        });    }    if (1 === document.querySelectorAll('script.flasher-js').length) {        document.addEventListener('flasher:render', function (event) {            render(event.detail);        });            }    if (window.hasOwnProperty('flasher') || !rootScript || document.querySelector('script[src="' + rootScript + '"]')) {        render(options);    } else {        var tag = document.createElement('script');        tag.setAttribute('src', rootScript);        tag.setAttribute('type', 'text/javascript');        tag.onload = function () {            render(options);        };        document.head.appendChild(tag);    }})();</script>
<link id="google-fonts-link" href="https://fonts.googleapis.com/css2?display=swap&amp;family=Inter" rel="stylesheet">
<script type="text/javascript" class="flasher-js">(function() {    var rootScript = 'https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js';    var 
[]
 = {};    var options = mergeOptions([], 
[]
);    function mergeOptions(first, second) {        return {            context: merge(first.context || {}, second.context || {}),            envelopes: merge(first.envelopes || [], second.envelopes || []),            options: merge(first.options || {}, second.options || {}),            scripts: merge(first.scripts || [], second.scripts || []),            styles: merge(first.styles || [], second.styles || []),        };    }    function merge(first, second) {        if (Array.isArray(first) && Array.isArray(second)) {            return first.concat(second).filter(function(item, index, array) {                return array.indexOf(item) === index;            });        }        return Object.assign({}, first, second);    }    function renderOptions(options) {        if(!window.hasOwnProperty('flasher')) {            console.error('Flasher is not loaded');            return;        }        requestAnimationFrame(function () {            window.flasher.render(options);        });    }    function render(options) {        if ('loading' !== document.readyState) {            renderOptions(options);            return;        }        document.addEventListener('DOMContentLoaded', function() {            renderOptions(options);        });    }    if (1 === document.querySelectorAll('script.flasher-js').length) {        document.addEventListener('flasher:render', function (event) {            render(event.detail);        });            }    if (window.hasOwnProperty('flasher') || !rootScript || document.querySelector('script[src="' + rootScript + '"]')) {        render(options);    } else {        var tag = document.createElement('script');        tag.setAttribute('src', rootScript);        tag.setAttribute('type', 'text/javascript');        tag.onload = function () {            render(options);        };        document.head.appendChild(tag);    }})();</script>

<script type="text/javascript" class="flasher-js">(function() {    var rootScript = 'https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js';    var 
[]
 = {};    var options = mergeOptions([], 
[]
);    function mergeOptions(first, second) {        return {            context: merge(first.context || {}, second.context || {}),            envelopes: merge(first.envelopes || [], second.envelopes || []),            options: merge(first.options || {}, second.options || {}),            scripts: merge(first.scripts || [], second.scripts || []),            styles: merge(first.styles || [], second.styles || []),        };    }    function merge(first, second) {        if (Array.isArray(first) && Array.isArray(second)) {            return first.concat(second).filter(function(item, index, array) {                return array.indexOf(item) === index;            });        }        return Object.assign({}, first, second);    }    function renderOptions(options) {        if(!window.hasOwnProperty('flasher')) {            console.error('Flasher is not loaded');            return;        }        requestAnimationFrame(function () {            window.flasher.render(options);        });    }    function render(options) {        if ('loading' !== document.readyState) {            renderOptions(options);            return;        }        document.addEventListener('DOMContentLoaded', function() {            renderOptions(options);        });    }    if (1 === document.querySelectorAll('script.flasher-js').length) {        document.addEventListener('flasher:render', function (event) {            render(event.detail);        });            }    if (window.hasOwnProperty('flasher') || !rootScript || document.querySelector('script[src="' + rootScript + '"]')) {        render(options);    } else {        var tag = document.createElement('script');        tag.setAttribute('src', rootScript);        tag.setAttribute('type', 'text/javascript');        tag.onload = function () {            render(options);        };        document.head.appendChild(tag);    }})();</script>

<script type="text/javascript" class="flasher-js">(function() {    var rootScript = 'https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js';    var FLASHER_FLASH_BAG_PLACE_HOLDER = {};    var options = mergeOptions([], FLASHER_FLASH_BAG_PLACE_HOLDER);    function mergeOptions(first, second) {        return {            context: merge(first.context || {}, second.context || {}),            envelopes: merge(first.envelopes || [], second.envelopes || []),            options: merge(first.options || {}, second.options || {}),            scripts: merge(first.scripts || [], second.scripts || []),            styles: merge(first.styles || [], second.styles || []),        };    }    function merge(first, second) {        if (Array.isArray(first) && Array.isArray(second)) {            return first.concat(second).filter(function(item, index, array) {                return array.indexOf(item) === index;            });        }        return Object.assign({}, first, second);    }    function renderOptions(options) {        if(!window.hasOwnProperty('flasher')) {            console.error('Flasher is not loaded');            return;        }        requestAnimationFrame(function () {            window.flasher.render(options);        });    }    function render(options) {        if ('loading' !== document.readyState) {            renderOptions(options);            return;        }        document.addEventListener('DOMContentLoaded', function() {            renderOptions(options);        });    }    if (1 === document.querySelectorAll('script.flasher-js').length) {        document.addEventListener('flasher:render', function (event) {            render(event.detail);        });            }    if (window.hasOwnProperty('flasher') || !rootScript || document.querySelector('script[src="' + rootScript + '"]')) {        render(options);    } else {        var tag = document.createElement('script');        tag.setAttribute('src', rootScript);        tag.setAttribute('type', 'text/javascript');        tag.onload = function () {            render(options);        };        document.head.appendChild(tag);    }})();</script>

  <body data-aos-easing="ease" data-aos-duration="1200" data-aos-delay="0">
    

<style>
    body {
     
     
    }
     .container {
        max-width: 1400px;
    }
    .church-wrapper {
      max-width: 1400px;
      margin: 0 auto;
      font-family: Georgia, serif;
     
      color: #333;
      padding: 30px 15px;
    }

    .church-title {
      font-size: 1.8rem;
      font-weight: bold;
      color: #43542e;
      margin-bottom: 12px;
    }

    .church-paragraph {
      font-size: 1.1em;
      line-height: 1.6;
      margin-bottom: 16px;
    }

    .church-link {
      font-size: 1.1em;
      line-height: 1.6;
      margin-bottom: 10px;
    }

    .church-link .new-label {
      color: #c1004d;
      font-weight: bold;
    }
  
    .church-link a {
      color: #333;
       font-weight: 600;
      text-decoration: underline !important;
    }

    .back-button {
  font-size: 15px;
  padding: 8px 18px;
  border: 1px solid #003366;
  color: white;
  background-color: #003366;
  border-radius: 4px;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

.back-button:hover {
  background-color: #c1004d;
  color: #fff;
  border-color: #c1004d;
}

    .church-link a:hover {
      text-decoration: underline;
    }

    @media (max-width: 768px) {
      .church-title {
        font-size: 1.5em;
      }
 

      .church-paragraph {
        font-size: 0.95em;
      }

      .church-link {
        font-size: 0.95em;
      }
    }
    
    @media (max-width: 600px) {
    .back-button {
      float: none;
      display: inline-block;
      margin-top: 10px;
    }

    @media (max-width: 480px) {
      .church-title {
        font-size: 1.3em;
      }

      .church-paragraph,
      .church-link {
        font-size: 0.9em;
      }
    }
  </style>


    <div style="background-color: #fbfbfb; ">
  <div class="church-wrapper" style="font-family: Inter;"><div style="background-color: #fbfbfb;">
  <div class="church-wrapper" style="font-family: Inter;">
    
    
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
      <div class="church-title" style="color: rgb(13, 13, 12); font-size: 26px;">Burials By Church</div>
      <a href="javascript:history.back()" class="back-button">Back</a>

    </div>

    <div class="church-paragraph" style="font-size: 17px;">
      So, you think your ancestors may have lived in St. Charles County? Because official vital statistics
      were not kept by the State of Missouri until 1910, church burial records can be one tool for genealogy research.
    </div>

    <div class="church-paragraph" style="font-size: 17px;">
      This index of old St. Charles churches is offered as a finding tool. While the actual records are held by the
      individual churches, St. Charles County Historical Society has indexes of these church records which will include
      more information for you; typical information might be the names of the deceased, burial date, and cause of death.
      Sometimes information about the deceased's family is given. If you see your family name listed in a church's burial
      records, you may want to also check the entire index of that church for marriage and burial information. Locating
      their church may pinpoint the region of St. Charles County where your family resided.
    </div>

    <div class="church-paragraph" style="font-size: 17px;">
      You are invited to contact the Archives for research on your family, or come in to do your own research.
    </div>

    <div class="church-link" style="font-size: 17px;">
      <span class="new-label">NEW</span> -
      <a href="https://admin.scchs.org/backend/admin/media/Burials%20By%20Church/All%20Saints%20Catholic%20Church.pdf" target="_blank">All Saints Catholic Church, St. Peters, MO</a> (added Jan 2021)
    </div>

    <div class="church-link" style="font-size: 17px;">
      <a href="https://admin.scchs.org/backend/admin/media/Burials%20By%20Church/Notes%20on%20using%20All%20Saints%20Indexes.pdf" target="_blank">Notes on using All Saints Indexes</a> (written for Baptisms, but some info relevant to Burials too)
    </div>
  </div>
</div>
</div>

</div>



<script>
AOS.init({
  duration: 1200,
})
</script>