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

a:link {
color: #502828;
}

a.red:link {
color: #ff0000; background: #ffffff; font-style: italic;
}

a:visited {
color: #804040;
}

a:hover {
color: orange;
}

a:active {
color: #00ff00;
}

a img {
border: none;
}

.announce {
vertical-align: top;
background-color: #f9f7f0;
padding-right: 10px;
margin-left: 1%;
text-align: justify;
}

.author {
margin-left:5px;
font-size: 90%;
font-style:italic;
}

.bold {
font-weight: bold;
}

.border-one {
border-right: thin solid #804040;
padding-left: 20px;
vertical-align: top;
}

.city-titles {
text-align: center;
}

.container-content {
vertical-align: top;
width: 100%;
padding-left: 12px;
}

.counter {
margin-bottom: 0px;
}

.color {
color: blue;
}

.column-3 {
column-count: 3;
}

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

.date {
background-color: #aaaaaa;
font-size: 90%;
text-align: right;
padding-right: 1.2em;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}

.dspace {
line-height: 150%;
}

.fgsearch2 {
vertical-align: top;
}

.footer {
width: 80%;
font-size: 75%;
text-align: center;
background-color: #f9f7f0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin: 0 auto;
margin-bottom: 10px;
margin-top: -10px;
padding-top: 10px;
padding-bottom: 10px;
}

h3 {
margin-top: 8px;
text-align: center;
}

h4 {
margin-top: 8px;
text-align: center;
}

h4.left {
margin-top: 8px;
text-align: left;
}

#head {
width: 78%;
height: auto;
}

.header {
background-color: #5d3c1b;
text-align: center;
vertical-align: middle;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
width: 98%;
}

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

img {
margin:5px;
}

.index {
margin-right: 20px;
text-align: justify;
}

.index-bottom {
font-size: 90%;
vertical-align: middle;
text-align: center;
}

.larger {
font-size: 107%}

.link-list {
font-size: 87%;
line-height: 150%;
}

.links {
font-size: 92%;
text-align: left;
font-weight: bold;
line-height: 150%;
}

.list {
font-size: 92%;
text-align: left;
font-weight: bold;
line-height: 200%;
}

.list-menu {
font-size: 92%;
text-align: center;
font-weight: bold;
}

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

.main-inside {
border-radius: 10px;
border: medium solid #555555;
margin-bottom: 10px;
margin-top: 10px;
margin: 0 auto;
text-align: left;
width: 98%;
}

.main-outside {
background-color: #f9f7f0;
border-radius: 10px;
width: 80%;
margin: 0 auto;
padding-top: 3px;
padding-bottom: 3px;
}

.margin {
margin: 10px;
}

.menu {
margin-top: 8px;
margin-bottom: 13px;
margin-left: 13px;
margin-right: 3px;
background-color: #ebe6d3;
border: thin solid black;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.menu-head {
background-color: #804040;
color: white;
font-weight: bold;
}

.menu-table {
margin-top: 3px;
margin-bottom: 8px;
margin-left: 8px;
margin-right: 3px;
background-color: #ebe6d3;
}

.note {
font-style: italic;
}

.obit {
width: 96%;
margin-right: 1%;
margin-bottom: -20px;
border: thin solid #999999;
border-radius: 15px;
padding: .15em;
text-align: justify;
}

.obit-list {
font-size: 90%;
text-align: left;
vertical-align: top;
padding-right: 3px;
}

.search {
border: medium solid #aaaaaa;
position: relative;
right: 20px;
margin-right: 20px;
margin-top: 7px;
margin-bottom: 20px;
margin-left: 20px;
}

.signature {
margin-right: 8px;
margin-left: 8px;
}

.small {
font-size: 77%;
}

.smallph {
position:relative;
right:10px;
margin-right:20px;
margin-top:7px;
margin-bottom:20px;
margin-left:20px;
}

.surnames {
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;
}

.title {
text-align: center;
font-weight: bold;
}

.volunteer {
border: thin solid #bbbbbb;
border-radius: 13px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
text-align: justify;
margin-right: 1em;
}

@media only screen and (min-width : 320px) and (max-width : 800px) {
.award {
visibility: hidden;
display: none;
clear: both;
width: 1px;
}
}

@media only screen and (min-width : 320px) and (max-width : 800px) {
.index-bottom {
visibility: hidden;
display: none;
clear: both;
width: 1px;
}
}

@media only screen and (min-width : 320px) and (max-width : 800px) {
.column-3 {
column-count: 2;
}
.link-list {
visibility: hidden;
display: none;
clear: both;
width: 1px;
}
}

@media only screen and (min-width : 320px) and (max-width : 800px) {
.main-outside {
width: 98%;
margin: 0 auto;
}
}

@media only screen and (min-width : 320px) and (max-width : 800px) {
.menu {
line-height: 170%;
font-size: 1.2em;
}
}

@media only screen and (min-width : 320px) and (max-width : 800px) {
.hide {
visibility: hidden;
display: none;
clear: both;
width: 1px;
}
}