html {
  box-sizing: border-box;
  font-size: 16px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

body {
  margin: 8px;
}

ol, ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

div {
display: block;
}

body {
background: #e5e5e5;
}

p {
    display: block;
    margin-block-start: 0.7em;
    margin-block-end: 0.7em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

h1 {
display: block;
color: #C14746;
font-size: 1.9em;
margin-top: 0.6em;
margin-bottom: 0.8em;
margin-left: -1em;
font-weight: bold;
}

h2 {
display: block;
color: #3D3D3D;
font-size: 1.4em;
margin-top: 1.4em;
margin-left: -1em;
font-weight: bold;
}

h3 {
display: block;
color: #222222;
font-size: 1.2em;
margin-top: 1em;
margin-bottom: 0.4em;
font-weight: bold;
}

a {
color: #752A2A;
}

a:hover, a:focus {
color: #C28446;
text-decoration: underline;
}

li { 
  margin: .5em;
  list-style: square;
}

li p {
 color: black;
}

strong {
 color: #3D3D3D;
}

span.indent {
 margin-left: 25px;
}

p span.displaynone { display:none; }

div.center {
 width: 930px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 padding: 3em;
 padding-left: 4em;
 text-align:left;
 background: #fff;
 border: 1px solid #999;
}

div.topmenu {
 float: left;
 margin-top: -2em;
 margin-left: -2.5em;
}

ul.topmenu {
 margin: 0;
 padding: 0;
 margin-top: -1em;
 font-size: 1.15em;
}

/* top left bottom left */

li.topmenu {
 list-style: none;
 background: url("img/bm2.png") no-repeat left top;
 background-size: 17px 38px;
 float: left;
 margin: 0;
 padding: 0px .3em .7em .45em;
}

li.topmenu a {
 display: block;
 color: #111;
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li.topmenu a:hover {
 text-decoration: underline;
}
