body {
font-family: Arial, sans-serif;
font-size: auto;
background-color: #bbbbbb;
}

* {
box-sizing: border-box;
}

div.center {
width:100%;
max-width:1056px;
height: auto;
display: block;
margin-right: auto;
margin-left: auto;
background-color:white;
}

div.section {
width: 100%;
display: block;
height: auto;
}

div.menu {
width:17%;height: 110px;
float:left;
text-align:center;
border-style:solid;
border-color:#fdc689;
border-width:2px;
background-color:white;
padding:3px;
}

a:hover {
color: #790000;
}


.article {
width: 100%;
height: auto;
background-color: white;
}

/* container for next to menu box */
.article2 {
width: 100%;
height: auto;
background-color: white;
float: right;
}

.story  {
text-align:left;
font-size:100%;
padding-right: 0.5vw;
padding-left: 0.5vw;
}

.story-2-col  {
display:inline-block;
width:48%;
text-align:left;
font-size:100%;
float:left;
padding-right: 0.5vw;
padding-left: 0.5vw;
}

.ad-block-2 {
width: 50%;
height: auto;
background-color: #ffffff;
float:left;
}

.story-3-col {
display:inline-block;
width:33.3%;
text-align:left;
font-size:90%;
float:left;
padding-right: 0.5vw;
padding-left: 0.5vw;
}

.ad-block-3 {
width: 33.3%;
height: auto;
background-color: #ffffff;
float:left;
padding: 0.5vw;
font-size:85%;
text-align:center;
}

.obit-block {
width: 25%;
height: auto;
background-color: #eeeeee;
float:left;
padding: 0.5vw;
font-size:90%;
}

.masthead-text {
width:100%;
max-width:1056px;
text-align:center;
font-size:80%;
font-weight:bold;
font-style:italic;
background-color:white;
}

.date {
display:block;
width:100%;
max-width:1056px;
text-align:center;
font-size:120%;
font-weight:bold;
font-style:normal;
background-color:#fdc689;
}

.menu-block {
display:inline-block;
border-style-right: solid;
border-style-bottom: solid;
border-color:black;
border-width:1px;
width:15%;
float:left;
}

@media screen and (max-width:620px) {
  .ad-block-2, .ad-block-3, .menu-block, .story-2-col, .article2 {
    width:100%;
  }
img.obit {
width: 50%;
}
}

.menu-item {

text-align:center;
font-style:normal;
font-size:100%;
padding-top:4px;
padding-bottom:4px;
background-color:white;
}

.current-menu-item {

text-align:center;
font-style:normal;
font-size:100%;
color:red;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
background-color:white;
}

a {
text-decoration:none;
color: blue;
}

img.masthead {
width:100%;
max-width: 500px;
height:auto;
display:block;
margin-right: auto;
margin-left: auto;
}

img.right50 {
width: 50%;
height: auto;
float: right;
padding-left: 0.5vw;
}

img.left50 {
width: 50%;
height: auto;
float:left;
padding-right:0.5vw;
}

img.right25 {
width: 25%;
height: auto;
float: right;
padding-left: 0.5vw;
}

img.left25 {
width: 25%;
height: auto;
float:left;
padding-right:0.5vw;
}


img.obit {
width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
padding: 0.5vw;
}

li.space {
margin-bottom: 0.5em;
}


.headlineA {
text-align: center;
font-size: 210%;
font-weight:bold;
}

.headline1 {
text-align: center;
font-size: 150%;
font-weight:bold;
}

.headline2 {
text-align: center;
font-size: 120%;
font-weight:bold;
font-style:italic;
}

.headline3 {
text-align: center;
font-size: 120%;
font-weight:bold;
}

.headline4 {
text-align: center;
font-size: 105%;
font-weight:bold;
font-style:italic;
}

.subhead {

font-size: 105%;
font-weight:bold;

}

.article-text {
font-size: 100%;
}

.byline {
font-size: 90%;
font-weight: bold;
font-style: italic;
}

.footer {
display:block;
width:100%;
height: 10em;
float:right;
background-color:white;
}

.footer-left {
text-align:left;
float:left;
font-size:80%;
font-weight:bold;
font-style:italic;
}

.footer-right {
text-align:right;
float:right;
font-size:80%;
font-weight:bold;
font-style:italic;
}

/* Clyde's Corner */

.clydes {
font-size:90%;
}

.clyde-date {
font-size: 90%;
font-weight: bold;
text-align: left;
text-decoration:underline;

}

.clyde-entry {
font-size:90%
text-align:left;
padding-bottom: 10 px;
padding-left: 5%;
}