body {
	font-family: "Segoe UI", sans-serif;
	background-color: #d7dde3;
	text-align: justify;
	background-image: url(img/oc_fill.png);
}
.navigation{
	display: flex;
	justify-content: space-between;
	width: 60%;
	min-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	font-variant: small-caps;
	letter-spacing: 1px;
	}
.navright a, .navright a:link, .navright a:visited {text-decoration:none; color: initial}
.navright a:hover{text-decoration:underline; color:#5507FF}
.navright {color:#C33538}
.wrap {
	width: 52%;
	min-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em; 
	background-color: #e9edf1;
	padding-top: 2em;}
	
.mainpage {margin: 2em; margin-top: 0;}
p { }
p.MsoNormal_01
 { margin-left:36.0pt; line-height:normal; color:brown; }
.breakline {clear:both}

 img {
    max-width: 100%;
    height: auto;
	margin: auto;
	display: block;
    }
.imgwarp_left, .imgwarp_right, .imgwarp_center{
	height: auto;
	padding: 8px;
	margin-top:8px;
	background-color: aliceblue;
	text-align: center;
	font-size: .9em;
	font-style: italic;
	}
.imgwarp_left {float: left; margin-right: 1em;}
.imgwarp_right {float:right; margin-left:1em; margin-right:0;}
.imgwarp_center {margin-left:auto; margin-right:auto; clear:both}
h1 {
    font-size: 1.5em;
    line-height: 1em;
    margin-top: 2em;
}

h2, h3, h4 {
	font-weight:normal;
	clear: both;
	margin-top: 2em;
	margin-bottom: 1em;
	}
h2 {font-size: 1.2em;
	text-align:center}
h3 {font-size: 1em;
	display: block;
	border-bottom: #707070;
    border-bottom-width: medium;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	padding-bottom: 1em;
	margin-top: 3em;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
h4{
	letter-spacing: 2px;
	font-weight: bold;
	margin-top: 1em;
	
	}
a:link, span.MsoHyperlink
 {color:blue;
 text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
 {color:purple;
 text-decoration:underline;}

p.a, li.a, div.a
 {
 margin-right:0cm;
 margin-left:35.4pt;
 font-size:11.0pt;
 }

.imgwarp_left.a, .imgwarp_right.a, .imgwarp_right.a {display:block}

table.atom {
	background-color: #e4e7ea;
	padding: 10px;
	margin-left: 0;
	margin-top: 2em;
}
table {margin:auto}
.content ul {
	margin-left: 5em;
	margin-top: 4em;
	margin-bottom: 7em;}
.content li {
	margin-bottom: .2em;
	font-size: 1.1em;
	}
.content li a, .content li a:link, .content li a:visited {text-decoration:none}
.content li a:hover {text-decoration:underline}