* {
padding: 0;
margin: 0;
} 

body {
background-image: url(image/optsbg.gif);
background-repeat: repeat;

}

html {
}

.container {
	background: #fff;
}

a {
text-decoration: none;
color: #103C9B;
}

a:hover { 
color: #4D6FB8; 
}

img {
	margin: 2rem;
}

#header 
{
background-color : #E86700;
color: #006b54;
text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 2.0rem;
}

#header h1 {  line-height: 1; font-size: 3.5rem;  padding-top: 0.8rem;  color: #904000; }
#header h1 a { color: #904000; text-decoration: none;}
#header h2 {  line-height: 1; margin-bottom: 0; padding-bottom: 0.8rem;  color: #FFA35A; }

#menu {
margin: 0.5rem;
padding: 0px;
text-align: center;
}

#menu a {
	color : #103C9B;
	text-decoration : none;
	padding: 1rem;
}

#menu a:hover {
	color : #4D6FB8;
}

#menu hr {
	border-top: 1px solid #905F00;
	margin-top: 0.5rem ;
}

#footer { 
margin-top: 2.5rem; 
clear: both;
text-align: center; 
color: #FFA35A;
font-size:1.2rem; 
background-color:#E86700;
padding:2px;
}

.article {
	margin: auto;
	width: 90%;
	line-height: 150%;
}
.meta {
font-size: 1rem;
color:#ba7b00;
}

.logo {
	padding: 0.1rem;
	margin: 0.1rem;
	border: 0;
}

.imgcenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.imgright {
	float: right;
}

.imgleft {
	float: left;
}

.describedimg {
	display: flex;
	align-items: center;
}

.describedimg img {
	float:right;
	width: 48%; 
}

.describedimg p {
	width: 48%;
}


ul {
	list-style-position: outside;
	margin-left: 1.5rem;
  }

 pre {
	 margin:0;
	 padding:0;
 } 

.clearall {
	clear: both;
}  

.addinfo {
	display: block;
	background-color: #ffc75a;
	padding: 2rem;
	margin: 1rem;
	/* width: 40rem; */

}

.addinfo p {margin:0rem; padding:0;}
.addinfo pre {margin:0.5 rem; padding:0;}
.addinfo hr {margin: 0.5rem; width:100%; border-top: 1px solid #0b2f7c;}

button {
	font-size: 1.5rem;
    margin: 0 auto;
	display: block;
	background-color: #ffc75a;
	
}

button:hover {
	color: #E86700;
}