header, nav, aside, article, footer, section, figure, figcaption {
  display: block;
}
body {
	background-color: #FDFBD0;
	margin: 0px;
	padding: 0px;
	background-image: url(gr.png);
	background-repeat: repeat-x;
}
#wrapper {
    width: 100%;
	min-width: 320px;
	max-width: 736px;
	margin: 0 auto;
	padding: 0px;
	background-color: #FDFBD0;
}
header {
	background-color: #789c54;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
header img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#mobile-wrap{
    position: relative !important;
}
#menu-icon {
    width: 42px;
    height: 30px;
    cursor: pointer;
    border: solid 1px #666;
    display: block;
    padding: 8px 10px 0 42px;
	background: url("menu-icon.png")no-repeat 10px center;
	color: #000000;
}
#mobileMenu  {
    clear: both !important;
	position: absolute !important;
	top: 45px !important;
	width: 160px;
	z-index: 10000;
	padding: 5px;
	background: #f8f8f8;
	border: solid 1px #999;
	display: none;
}
#wrapper article     {
	background-color: #FDFBD0;
	margin: 0px;
	padding-right: 10px;
	padding-left: 10px;
	
}
#wrapper article p {
	color: #3F442E;
	font-size: large;
	font-family: Calibri;
	text-align: justify;
}
#wrapper article h3 {
	font-family: Calibri;
	font-size: 1.2em;
	text-align: center;
	font-weight: normal;
}
#wrapper article h2 {
	font-size: 1.36em;
	color: #B96633;
	padding-left: 0px;
	font-weight: normal;
	font-family: Calibri;
	font-style: italic;
}
#wrapper article h1 {
	color: #7DA640;
	margin-right: 0;
	margin-left: 0;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	padding-top: 50px !important;
	text-align: center !important;
	font-size: 135% !important;
}
#wrapper article hr {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	height: 1px;
	border: 1px solid #78A467;
	color: #78A467;
}

footer    {
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #666666;
	background-color: #CCCCCC;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999999;
	
}
#wrapper article #mailbox {
	float: left;
	margin-right: 5px;
	width: 35%;
}
#wrapper article #playground {
	float: left;
	margin-right: 5px;
	width: 35%;
}
#wrapper article #trsign {
	float: left;
	padding-right: 20px;
	width: 35%;
}
#wrapper #links a {
    display: block;
	text-align: left;
}