a, a:link, a:visited {color: #448; text-decoration:none; transition: color 0.4s, background-color 0.8s;}
a:hover, a:focus, a:active {color: #308;}
p, dl, dt, dd {padding: 4px 4px 1em 4px; margin: 0;text-align: left;}
ul {margin: -0.5em 0 0 0; padding: 0 30px 1em 30px; text-align: left;}
ul.sl {margin: 0.2em 0 2em 0;}
main li {margin: 0 0 0.5em 0; padding: 2px 4px;}
main ul.sl li {margin: 0;}
.i {font-style: italic;}
.b {font-weight: bold;}
hr {border: dashed #aaf; border-width: 1px 0 0 0; color: #fff; margin: 5px 0px 14px 0px;}
.msg2 div {position: relative; background: #eef; padding: 4px 4px 4px 4px; margin-bottom: 10px; text-align: left; border: solid 1px #dde;}

.msg2 div:before, .msg2 div:after {
  color: #dde;
  content: open-quote;
  font-size: 4em;
  position: absolute;
  top: 9px;
}
.msg2 div:after {
  content: close-quote;
  right: 0px;
  bottom: -24px;
  top: auto;
}

.floatr, .cenimg {position: relative; clear: right; float: right;}
.cenimg {width: 35%; min-width: 160px;}
dl {margin: 0.2em 0 2em 0; padding: 0 4px;}
dt {margin: 0; padding: 0 4px; font-weight: bold;}
dd {margin: 0 0 1em 1em; padding: 0 4px; font-size: 90%;}

h1 {
margin: 0.4em 3px 0.8em 3px;
background: none;
text-align: left;
font-size: 200%;
line-height: 1.2em;
}
h2 {
margin: 1em 0 0 0; padding: 1em 3px 2px 3px;
border: dashed #aaf; border-width: 1px 0 0 0;
font-size: 160%;
line-height: 1.2em;
}
h3 {padding: 4px 4px 1em 4px; margin: 0; font-weight: bold; font-size: 100%;}
blockquote {padding: 0; margin: 0 1em; width: 300px; font-size: 90%;}

table {margin: 0 auto 2em auto; font-size: 0.9em; text-align: left; border-collapse: collapse; line-height: 1.3em;}
td, th {margin: 0; padding: 2px 4px; border: solid 1px #aaa; vertical-align: middle;}
th {font-weight:bold;}
.sepcell {padding-top: 1em;}

.col1 {position: relative; margin: 0 10px 1em; width: 240px; display: inline-table; /*! border: 1px solid #dde; */ /*! background-color: #eef; */}
.col1 p {font-size: 0.9em; position: relative; border: solid 0px #555;line-height: 1.5em;}
.col1>a {background-color: #eef; border: solid 1px #dde; line-height: 0;}
.col1 a img {margin: 12px; display: inline-block;}
.headstones .col1 {height: 209px;}
.col1>a:hover {background: #ddf;}

img {margin: 4px 0em 10px 1em; border: solid 1px #dde; padding: 5px;background-color: #eef;}
.center {text-align: center; padding: 0; margin: 10px 0;}
.center p {font-size: 80%;}
.center img {width: 100%;max-width: 300px;margin: 0;}
a img {margin: 0 0 0 -2px; border-color: #555;padding: 0;border-width: 0;}
#master0 {display:inline-block;}
.icon, #master0 div a img {float: none; border: solid 0px #fff;}
#side a .icon {margin-bottom: 0px; vertical-align: -30%;}

div.tab {display: table; border-collapse: separate; border-spacing: 4px;}
div.row {display: table-row;}
.icol, .icolv, .tcol {}
.tcol {display: table-cell; vertical-align: middle; padding: 0.6em 1em;}
.icol, .icolv {display: table-cell; border: solid 1px #dde; background: #eef; vertical-align: middle; line-height: 0px;}
.icol img, .icolv img {margin: 15px; display: inline-block;}
.icol:hover, .icolv:hover {background: #ddf;}
a img:hover {border-color: #55a;}

.ilnk {display: block; position: relative; /*! width: 242px; */}
.eform {width: 400px; box-sizing: border-box;}


body {
background: #fff;
margin: 0;
font: normal 13pt  "PT Serif", Georgia, "DejaVu Serif", "Times New Roman", serif; /* "Open Sans", Verdana, Helvetica, sans-serif; */
text-align: center; color: #333;
  line-height: 1.5em;
}
#container {
margin: 0;
text-align: left;
display: table;
}
header {background: #fff url(Images/Head18.jpg) no-repeat 0% 80%; margin: 0; height: 200px; background-size: cover;border: solid 6px #eef;border-width: 4px 6px; text-align: left;position: relative;}
header div {
position: relative;
display: inline-block;
text-align: left;
color: #fff;
text-shadow: 1px 1px 4px #222;
background: linear-gradient(to right,rgb(0, 0, 0,0.3),rgba(0, 0, 0, 0)) transparent;
padding: 10px 100px 20px 20px;
height: 170px;
font: normal 60px "Slabo", Georgia, "DejaVu Serif", "Times New Roman", serif;
}
header img {
position: absolute;
top: 13px;
right: 16px;
width: 32px;
border: #ddd 2px solid;
border-radius: 4px; 
transition: border-color 0.4s;
}
main {
padding: 20px 160px;
text-align: center;
font-size: 12pt;
display: table-cell;
}
#side {
/*! position: relative; */
/*! float: left; */
width: 18%;
/*! z-index: 1; */
display: table-cell;
vertical-align: top;
}
#side #extra p {text-align: center;}
.wrap {
background: #eef;
border: solid 0px #cce;
margin: 0px 0px 5px 0px;
padding: 5.5px;
/*! box-shadow: 2px 2px 12px black; */
}
footer {
background: #eef;
/*! clear: both; */
padding: 30px 20%;
margin: 0;
text-align: center;
font-size: 80%;
/*! border: solid 1px #cce; */
}

nav {
position: relative;
padding: 0; margin: 0;
margin: 3px 0px;
font-size: 85%;
}
nav a, nav a:link, nav a:visited, p#nb {
display: block;
width: auto;
padding: 4px;
margin: 4px 0;
text-align: center;
color: #333;
text-decoration: none;
border: solid #aad 1px;
background: #fff;
transition: background-color 0.5s, color 0.3s;
}
p#nb {display:none;}
nav a:hover, nav a:focus, nav a:active, p#nb:hover, p#nb:focus
{background-color: #ddf; color: #308;}

div.notes {
position: relative;
float: right;
background: #f4f4f4;
margin: 4px 10px 10px 10px;
width: 140px;
padding: 6px 8px;
border: solid #aad 1px;
text-align: left;
}
.ntitle {font-size: 100%; padding: 0; margin: 2px 0 0.6em 0; /*! border: solid #aad; */ /*! border-width: 1px 0; */ font-weight: bold; text-align: center;}
.ndate {font-size: 80%; padding: 2px; font-style: italic; text-align: center; background-color: #ddf;}
.ntext {font-size: 90%; padding: 0.3em 4px 1em 4px;}

#frame {display:none;position:absolute;z-index:200;left:20px;top:20px;background:white;width:400px;border:1px solid black;-moz-box-shadow: 1px 1px 14px #000; box-shadow: 1px 1px 14px #000; -webkit-box-shadow: 1px 1px 14px #000;}
#frame img {display:block;border:0;margin:3px 3px 3px 3px;}
#frame p {font-size:70%; padding:2px 4px 3px 4px;}
p#frtitle, p#frclose {font-weight:bold;font-family:sans-serif;line-height:1.4em;}
p#frtitle {padding:0; margin: 2px 30px 1px 4px;}
#frame #frclose {position:absolute;top:0px;right:0px;padding-bottom:1px;cursor:pointer;background:white;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}

@media all and (max-width: 1100px) and (min-width: 500px) {
main {padding: 10px 5%;}
#side {width: 170px; font-size: 90%;min-width: 160px;}
}

@media all and (max-width: 650px) and (min-width: 550px) {
h1 {text-align:center;}
table {font-size:0.8em;}
.cenimg {float: none; width:60%;margin: 4px 0 10px 0;}
a.icol, a.icolv {text-align:center;}
p.tcol, a.icol, a.icolv {display:block; float:none; /*! width:100%; */}
.icol img, .icolv img {display:inline-block; width:auto; max-width:213px; height:auto; margin: 8px auto;}
input.eform, textarea.eform {width:100%;}
}

@media all and (max-width: 550px) and (min-width: 1px) {
  #container {width:100%; display:block;}
  table {font-size:0.8em;}
  main {width: auto; right: 0; left: 0; margin:0; padding:0 1em; display: block;}
  main p {padding: 4px 4px 0.8em 4px; margin: 0;}
  #side {display: block;}
  #side #extra {display:none;}
  #side, div.notes, header div {width:auto;}
  a.icol, a.icolv {text-align:center;}
  header div {font-size:40px; padding-right: 4px; width: 100%; box-sizing: border-box; background: linear-gradient(to bottom,rgb(0, 0, 0,0.3),rgba(0, 0, 0, 0)) transparent;}
  h1 {text-align: center;margin: 0.4em 3px 0.4em 3px;}
  div.notes, #side .nav {margin: 1px;}
  main img.right, main img.left, main img.wide {display: block; margin: 2px auto 1em auto; width:96%; max-width:160px; height:auto; float:none;}
  input.eform, textarea.eform {width:100%;}
  .center img {width:90%; height:auto; max-width:300px;}
  .cenimg {float: none; width:60%;margin: 4px 0 10px 0;}

  p.tcol, a.icol, a.icolv {display:block;}
  .icol img, .icolv img {display:inline-block; width:auto; max-width:213px; height:auto; margin: 8px auto;}

  .col1 {position: relative; margin: 0 4px 0.6em 4px; max-width: 240px; height: 280px;}

  nav {max-height: 2.7em; height: 2.7em; overflow: hidden; transition: max-height 1s; margin-top: -2px;}
  nav:focus-within, nav:focus {height: auto; max-height: 800px; transition: max-height 1s; transition-delay: 1s;}
  nav.open {height: auto; max-height: 800px; transition: max-height 1s;}
  p#nb {display:block;background: #fff;font-weight: bold;border-width: 0px 0 0px 0;}

  .ntitle {font-size: 100%; padding: 0; margin: 2px 0 0.5em 0;}
  .ndate {padding: 0px 5px 0px 3px; display: inline; float: left;margin-right: 4px;}
  .ntext {padding: 0.0em 4px 0.5em 4px;display: block;}
}