body {
	font-family:sans-serif;
	font-size:0.9rem;
	width:100%;
	background-color:rgba(222, 206, 172, .35);
}
h1,h2,p,li a {margin:0;padding:0}
h1 {margin-top:0.35em}
h2 {
	margin-bottom:0.75em;
	text-align:left;
}
h2 a{font-size:1rem}
#mid {
	max-width:800px;
	background-color:#fefeff;
	margin:0 auto;
	padding:10px 2.5em 10px 1.5em;
}
p{font-size:0.9rem}
div div {
	min-height:170px;
}
h1 a {
	vertical-align: sub;
}
h1 a img {
	padding-right:0.5em;
	vertical-align: sub;
    max-width: 350px;
}
h1 span {
    font-size: 1.05em;
    vertical-align: baseline;
}
div div img {
	margin-right:1.25em;
}
div div{text-align:justify;hyphens:auto}
a:hover {opacity:0.75}
@media screen and (min-width:500px){
	div div img{float:left}
	#p1{
		clear:both;
		padding-top:0.5em;
	}
	#p1{margin:-1.25em 0 1em 0}
}
@media screen and (min-width:650px){
	h1{line-height:3em}
}
@media screen and (max-width:649px){
	h1{padding-bottom:0.5em}
	h1 a img{
		clear:both;
		padding-right:100%;
		padding-bottom:0.25em;
	}
	#p1{margin-top:-0.5em}
}
@media screen and (max-width:499px){
	div div img{
		clear:both;
		margin-right:100%;
	}
}