@charset "utf-8";

/* main tags */
html {
	padding:0;
	margin:0;
	overflow-y: scroll;
}
body {
	text-align: left;
	padding: 0;
	margin: 0;
	font: .9em Georgia, sans-serif;
	line-height: 1.6em;
	background: #ffffff;
	color: #000000;
}
p {
	margin: 0 0 1% 0;
}
a {
	color: #064984;
}
a:hover {
	color: #000000;
}
.clr {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 0px;
	line-height: 0px;
}
img {
	float: left;
}
h1{
	color: #8C6B3B;
	font: bold 1em "Liberation sans", Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 3px 0;
	padding: 0;
	float: left;
	font-size: 2em;
}
h2 {
	background-color: #E4F0E4;
	color: #015004;
	padding: 7px 0;
	font: bold 0.9em "Liberation sans", Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
	width: 100%;
}
h3{
	color: #8C6B3B;
	font: bold 1em "Liberation sans", Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 3px 0;
	padding: 0;
	font-size: 1em;
}

.mobile {
	display: none;
}
.desktop {
	display: inherit;
}
.renosparksbar {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	float: left;
	top: 0px;
	color: #015004;
	background-color: #E4F0E4;
	font: bold 0.9em "Liberation sans", Arial, Helvetica, sans-serif;
	position: fixed;
	z-index: 3000;
}
.renosparksbar ul {
	margin: 0;
	padding: 7px 0 0 2%;
	position: relative;
}
.renosparksbar li {
	list-style: none;
	text-decoration: none;
	text-align: center;
	width: 25%;
	display: inline;
	float: left;
}
.renosparksbar a{
	color: #015004;
	text-decoration: none;
}
.renosparksbar a:hover {
	text-decoration: underline;
}
/* header */
.header {
	width: 100%;
	margin: 0;
	padding: 30px 0 0 0;
	height: auto;
	position: relative;
}
.header_resize {
	margin: 0 auto;
	padding: 0;
	width: 982px;
	position: relative;
	height: auto;
}
.header img{
	width: 13%;
	float: left;
	margin: 0;
	padding: 7px 0 7px 1%;
	border: 0;
}
.navigation {
	width: 85%;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	z-index: 9999;
}
.navigation ul{
	padding: 0;
	margin: 0;
}
.navigation li {
	width: 18%;
	padding:0;
	margin: 7px 0 0px 2%;
	float: left;
	position: relative;
	list-style: none;
	background-color: #ffffff; 
}
.navigation a {
	font-style: normal;
	text-decoration: none;
	display: block;
	padding: 3px 0;
	text-align: center;
	background-color: #8C6B3B;
	color: rgba(255,255,255,0.7);
}
.navigation a:hover{
	text-decoration: underline;
	color: rgba(255,255,255,1);
}
/* Content */
.content {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.content img{
	width: 33.333%;
	padding: 0 7px 0 0;
	float: left;
}
.content-resize {
	margin: auto;
	padding: 0;
	width: 982px;
	height: auto;
	position: relative;
}
/* Columns */
.column-100{
	float: left;
	width: 98%;
	margin: 0 1%;
	padding: 0 0 14px 0;
}
.column-75{
	float: left;
	width: 73%;
	margin: 0 1%;
	padding: 0 0 14px 0;
}
.column-66{
	float: left;
	width: 64.6666666%;
	margin: 0 1%;
	padding: 0 0 14px 0;
}
.column-50{
	float: left;
	width: 48%;
	margin: 0 1%;
	padding: 0 0 14px 0;
}
.column-33{
	float: left;
	width: 31.3333333%;
	margin: 0 1%;
	padding: 0 0 14px 0;
}			
.column-25{
	float: left;
	width: 23%;
	margin: 0 1%;
	padding: 0 0 14px 0;
}
.column-25 img{
	width: 33.333%;
}
/* articles and posts */
.article{
	float: left;
	width: 100%;
	margin: 7px auto;
	padding:0;
	clear:both;
}
/* footer */
.footer {
	width: 100%;
	background-color: #8C6B3B;
	color: rgba(255,255,255,0.7);
}
.footer_resize {
	margin: 0 auto;
	width: 982px;
}
.footer p.lf {
	margin: 0;
	padding: 14px 0;
	text-align: left;
	line-height: 1.5em;
}
.footer p.lf a {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
}
.footer p.lf a:hover {
	color: rgba(255,255,255,0.7);
	text-decoration: underline;
}
.footer p.lf span {
	float:right;
}
/* 982 */
@media handheld, screen and (max-width: 982px){
.mobile {
	display: inherit;
}
.desktop {
	display: none;
}
.content-resize {
	margin: auto;
	width: 98%;
}
.renosparksbar li {
	width: 33.3333333%;
}
.header_resize {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
.header img{
	width: 19%;
	margin: 0 0 0 1%;
	float: left;
}
.navigation {
	width: 77%;
	position: relative;
	float: left;
}
.navigation li {
	width: 23%;
}
/* footer */
.footer {
	float: left;
	bottom: 0;
	width: 100%;
	background-color: #c4af8b;
}
.footer_resize {
	margin: 0 auto;
	width: 97%;
}
}
/* 501 */
@media handheld, screen and (max-width: 501px){
h1{
	text-align: center;
	margin: auto;
	width: 100%;
}
.header img{
	width: 28%;
	padding: 7px 0.5%;
}
.navigation {
	padding: 0;
	width: 69%;
}
.navigation li {
	width: 47.5%;
}
.column-75{
	width: 98%;
	margin: 0 1%;
}
.column-25{
	width: 98%;
	margin: 0 1%;
}

.column-25 img{
	width: 25%;
}
}
/* 200 */
@media screen and (max-width: 200px){
}