body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.5%; /* Base font size is 14px */
	line-height: 1.5;
	color: #666;
	text-align: left;
	background-color: #FFF;
}

a {
	text-decoration: none;	
}

a:link, a:visited {
	color: #CF5C3F;
}
a:hover, a:active {
	color: #CF5C3F;
}
.body {
	margin: 0 auto;
	clear: both;
	width: 100%;
}
.mainHeader img {
	width: 40%;
	height: auto;
	margin: 0 0 1% 3%;
	float: left;
}
.mainHeader nav {
	font-size: 100%;
	height: 40px;
	float: left;
	margin-top: 13%;
}

.mainHeader nav ul{
	list-style: none;
	margin: 0 auto;	
}

.mainHeader nav ul li {
	float: left;
	display: inline;	
}
.mainHeader nav a:link, .mainHeader nav a:visited {
	color: #666;
	padding: 0 10px 0 0;
}
.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
	color: #CF5C3F;	 
}
.content {
	width: 100%;
	clear: both;
}
.post-info {
	font-style: italic;
	color: #777;
	font-size: 85%;
}
.highlight {
	color: #FFF;
	font-style: italic;
	font-weight: bold;
}
.topcontent {
	line-height: 1.6;
	background-color: #666;
	margin: 4% 0 4% 0;
	font-size: 130%;
	padding: 3% 10%;
	color: #FFF;
}
.topcontent img {
	width: 100%;
}
.bottomcontent {
	line-height: 1.6;
	background-color: #FFF;
	margin: 4% 0 4% 0;
	padding: 0 5%;
	color: #666;
}
.greyhead3 {
	font-size: 125%;
	font-weight: bold;
}
.top-sidebar {
	width: 29.3%;
	float: left;
	margin: 0 1% 2% 4%;
}
.middle-sidebar {
	width: 29.3%;
	float: left;
	margin: 0 1% 2% 1%;
	}
.bottom-sidebar {
	width: 29.3%;
	float: left;
	margin: 0 4% 2% 1%;
}
.top-sidebar img {
	width: 100%;
	}
.middle-sidebar img {
	width: 100%;
	}
.bottom-sidebar img {
	width: 100%;
	}


@media only screen and (min-width: 150px) and (max-width: 419px) {
.body {
	width: 100%;
	font-size: 85%;
}
.mainHeader {
	width: 100%;
}
.mainHeader img {
	margin: 0 0 0 2%;
	width: 80%;
}
.mainHeader nav {
	font-size: 9px;
	margin-top: 0;
	width: 100%;
}
.mainHeader nav ul{
	padding-left: 2%;
	margin: 1% 0 0 2%;
	width: 290px;
	height: 40px;
}
.content {
	margin-top: 2%;
}
.topcontent {
	margin: 0 0 4% 0;
	padding: 3% 5%;
	font-size: 100%;
	line-height: 1.5;
}
.bottomcontent {
	font-size: 90%;
}
.post-info {
	display: none;
}
.top-sidebar {
	width: 90%;
	margin: 0 0 0 0%;
	padding: 0 5%;	
}
.middle-sidebar {
	width: 90%;
	margin: 2% 0 2% 0%;
	padding: 2% 5%;	
}

.bottom-sidebar {
	width: 90%;
	margin: 2% 0 2% 0%;
	padding: 2% 5%;	
}
}

@media only screen and (min-width: 420px) and (max-width: 599px) {
.body {
	width: 100%;
	font-size: 85%;
}
.mainHeader {
	width: 100%;
}
.mainHeader img {
	margin: 0 0 0 2%;
	width: 60%;
}
.mainHeader nav {
	clear: both;
	margin: 1% 0 0 0;
	width: 100%;

}
.mainHeader nav ul{
	height: 40px;
	margin: 0 0 0 2%;
	padding-left: 2%;
}
.content {
	margin-top: 2%;
}
.topcontent {
	margin: 0 0 4% 0;
	padding: 3% 5%;
	font-size: 100%;
	line-height: 1.5;
}
.post-info {
	display: none;
}
.top-sidebar {
	width: 94%;
	margin: 0 0 0 0;
	padding: 0 3%;	
}
.middle-sidebar {
	width: 94%;
	margin: 2% 0 2% 0%;
	padding: 2% 3%;	
}

.bottom-sidebar {
	width: 94%;
	margin: 2% 0 2% 0%;
	padding: 2% 3%;	
}
}

@media only screen and (min-width: 600px) and (max-width: 890px) {
.body {
	width: 100%;
}
.mainHeader nav {
	clear: both;
	margin-top: 0;
}
.mainHeader nav ul{
	padding-left: 5%;
}
}