body {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
background-color: #aaaaaa;
}

a:link {
color: #782828;
}

a:visited {
color: #bc3f3f;
}

a:hover {
color: black;
}

a:active {
color: #00ff00;
}

a img {
border: none;
}

/* top right bottom left */

/* since I have a floating menu, padding and margin are relative to the PARENT - so add 208 if you want padding on the left */

/* some of the photo pages have styling in the headers for the tables */

/* most of the tables (cemeteries, surnames, historical markers, etc) have inline styling */

.author {
font-size: .9em;
font-style: italic;
margin: -15px 0px 0px 248px;
width: 60%;
}

#body {
width: 98%;
margin: 0 auto;
}

.bottom {
float: left;
}

.bottom-right {
font-size: .8em;
line-height: 150%;
margin-top: 5em;
text-align: center;
}

.color {
color: #0000ff;
}

#content {
margin: .5em;
}

.crim {
font-style: italic;
text-align: justify;
padding-left: 20px;
padding-right: 20px;
}

#footer {
clear: both;
font-size: .7em;
text-align: center;
}

#head {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 75%;
height: auto;
}

#header {
background-color: #5d3c1b;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 98%;
margin: 0 auto;
text-align: center;
}

.hide {
text-align: center;
}

hr {
border: 1px;
border-style: solid;
margin-right: 150px;
margin-left: 150px;
margin-top: 15px;
margin-bottom: 15px;
color: #804040;
background-color: #804040;
}

.hto {
list-style-type: none;
width: 40%;
margin: 0;
padding: 0;
}

img {
margin: 3px;
}

img.cc {
width: 15.3%;
height: auto;
}

img.coord {
width: 17%;
height: auto;
}

img.cotm {
display: block;
margin: auto auto;
width: 24%;
height: auto;
}

img.vol {
width: 25.3%;
height: auto;
}

#inner-wrapper {
background-color: #ffffff;
border-radius: 10px;
width: 96%;
margin: 0 auto;
padding: .5em;
}

.link-list {
font-size: .85em;
line-height: 150%;
margin-right: 2em;
}

.links {
font-size: .9em;
font-weight: bold;
line-height: 150%;
list-style-position: inside;
}

.list {
line-height: 160%;
}

#menu {
float: left;
background-color: #ebe6d3;
border: thin solid #804040;
margin-right: 1em;
padding: 2px;
width: 20%;
}

.menu-head {
background-color: #804040;
color: #ffffff;
margin-right: 0;
margin-left: auto;
padding: 0 2px 0 2px;
width: 98%;
margin-top: 3px;
margin-bottom: 2px;
}

.menu-table {
background-color: #ebe6d3;
}

.menu-top {
background-color: #aaaaaa;
font-size: .8em;
font-style: italic;
padding: 5px;
text-align: right;
}

.obit-list {
vertical-align: top;
padding-right: 2em;
}

#outer-wrapper {
width: 80%;
margin: 0 auto;
max-width: 1088px;
}

.photo {
transition: transform .2s; /* Animation */
}

.photo:hover {
transform: scale(2.5); /* 250% */
}

.search {
border: medium solid #aaaaaa;
margin: 0 1em 1em 0;
}

.surnames {
border: thin solid #804040;
width: 200px;
text-align: center;
line-height: 200%;
padding: 5px;
font-weight: bold;
background-color: #ebe6d3;
}

th {
background-color: #804040;
color: white;
font-weight: bold;
}

#ttt {
border: thin dotted #555555;
border-radius: 10px;
float: right;
padding: 10px;
margin: 10px;
}

#tx-logo {
width: 8.5%;
height: auto;
}

@media only screen and (max-width : 800px) {
.bottom-right {
clear: both;
}
#content {
clear: both;
width: 97%;
}
.hide {
display: none;
}
#main-outside {
width: 99%;
}
#menu {
clear: both;
font-size: 1.1em;
line-height: 170%;
width: 98%;
margin: 0 auto;
margin-bottom: .5em;
}
#outer-wrapper {
width: 98%;
}
}