html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html {}
body {
max-width: 69em;
margin: 10px auto;
font: normal 1em/1.3em "Century Gothic", sans-serif;
}
h1 {font: normal 2em/1.3em "Times New Roman", Times, serif; padding: 0.5em 0; color:#052;}
h2 {font: normal 1.5em/1.3em "Times New Roman", Times, serif; padding: 1em 0; color:#036;}
h3 {font: normal 1.5em/1.3em "Times New Roman", Times, serif; padding: 1em 0; color:#455;}

header h2 {
margin:0;
padding: 2px 8px;
background:#0d6c3c;
color:#fff;
}
p {padding: 0.5em 0;}

.lfloat50 {float:left; margin-right: 0.75em; max-width: 50%;}
.rfloat50 {float:right; margin-left: 0.75em; max-width: 50%;}
img {max-width:100%; height:auto;}
b, strong {font-weight:bold;}
i, em {font-style:oblique;}
.ctr {text-align:center;}
.clr {clear:both;}
hr.leaf {
	padding: 0;
	border: none;
	clear: both;
	border-top: medium double #333;
	color: #333;
	text-align: center;
	margin: 2em 1em 0;
}
hr.leaf::after {
	content: "\1F341";
	color: #940;
	display: inline-block;
	position: relative;
	top: -0.6em;
	font-size: 1.75em;
	padding: 0 0.25em;
	background: white;
}

aside#nside {
float:left;
width: 26%;
max-width: 200px;
text-align:center;
padding-bottom:2em;
margin-right: 1%;
border-right: 1px solid #999;
}
#rside {float:left; width: 72%; padding:0 1em;}
nav {margin:0 0 1em 0;}
nav ul {}
nav ul li {display:block; margin: 2px 4px 0 0;text-align:left;}
nav ul li a {display:block; padding: 10px; background: #9a3312; text-decoration:none; color:#fff;}
nav ul li a:before {content:'\1F341'; margin-right:0.25em; font-size:1.333em; vertical-align:middle;}
nav ul li a:hover {background:#0d6c3c;}
nav ul li a:hover:before {
-ms-transform:rotate(8deg);
-webkit-transform:rotate(8deg);
transform:rotate(8deg);
}

footer {
color:#fff;
padding:0.5em;
background:#0d6c3c;
text-align:center;
}
footer h3 {color:#fff; padding:0;}
@media screen and (max-width: 60em) {
	body {margin:4px;}
	#main {padding:0.75em;}
}


@media screen and (max-width: 44em) {
	h1 {padding:0 0 0.5em 0; line-height:1em;}
	h2 {font-size: 1.25em;}
	aside#nside, #rside {float:none; width: 100%;max-width: 100%; }
	aside#nside {padding-bottom:0; border:0;}
	nav ul li {display:inline-block;}
	nav ul li a {display:inline-block;}
	.nomo {display:none;}
}
