@charset "utf-8";

body {
	background-image: url('img/bg.png');
	background-color: #03091A;
	font-size: 87.5%; /* Base font size 14px  */
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	line-height: 1.5;
	text-align: left;
}

h1 {
font-family: Trebuchet MS, sans-serif;
color: #FFFFFF
}

h3 {
font-family: Trebuchet MS, sans-serif;
color: #FFFFFF
}

a {
	text-decoration: none;
}

a:link, a:visited {
	color: #051A51;
	
}
a:hover, a:active {
	background-color: #051A51;
	color: #fff;
}


.body {
	margin: 0 auto;
	width:90%;
	clear: both;
}

.mainheader img {
	width: auto;
	height: auto;
	margin: 2%, 0;
}

.mainheader nav {
	background-color: #4E6196;
	height: 40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.mainheader nav ul {
	list-styles: none;
	margin: 0 auto;
}

.mainheader nav ul li {
	float: left;
	display: inline;	
}

.mainheader nav a:link, .mainheader a:visited {
	color: #fff;
	display: inline-block;
	padding: 10px 25px;
	height: 20px;
}

.mainheader nav a:hover, .mainheader nav a:active, 
.mainheader nav .active a:link, .mainheader nav .active a:visited {
	background-color: #459479;
	text-shadow: none;
}

.mainheader nav ul li a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.maincontent {
	line-height: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
}

.content{
	width: 70%;
	float: left;
}

.topcontent {
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
	margin-top: 2%;
}

.middlecontent {
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
	margin-top: 2%;
}

.bottomcontent {
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
	margin-top: 2%;
}

.post-info {
	font-style: italic;
	color: #051A51;
	font-size: 90%;
}

.top-sidebar {
	width: 21%;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 1.5%;
	margin-left: 3%;
	margin-bottom: 2%;
	padding: 2% 3%
}


.middle-sidebar {
	width: 21%;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 3%;
	margin-bottom: 2%;
	padding: 2% 3%
}

.bottom-sidebar {
	width: 21%;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 3%;
	margin-bottom: 2%;
	padding: 2% 3%
}

.mainfooter {
	width: 100%;
	height: 40px;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #4E6196;
	margin-top: 2%;
	margin-bottom: 2%;
}

.mainfooter p {
	width: 92%;
	margin: 10px auto;
	color: #fff;
}

@media only screen and (min-width: 150px) and (max-width: 720px)
{

	.body {
	width:90%;
	font-size: 95%;
	}

	.mainheader img {
	width: 100%;
}

	.mainheader nav {
	height: 320px;
}

	.mainheader nav ul {
	padding-left: 0
}

	.mainheader nav ul li {
	width: 100%;
	text-align: center;	
}

	.mainheader nav a:link, .mainheader a:visited {
	padding: 10px 25px;
	height: 20px;
	display: block;
}

	.content img {
	width: 100%;
	
}

.content{
	width: 100%;
	float: left;
	margin-top: 2%;
}

.post-info {
	display: none;
}

.topcontent {
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
	margin-top: 2%;
	margin-bottom: 4%;
}

.bottomcontent {
	margin-top: 3%;
}

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

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

}


/*

==========================

@charset "utf-8";
 
 html, body {
 margin: 0px;
 padding: 0px;
 border: 0px;
 color: #000;
 background: #fff;
 }
 html, body, p, th, td, li, dd, dt {
 font: 1em Arial, Helvetica, sans-serif;
 }
 h1, h2, h3, h4, h5, h6 {
 font-family: Arial, Helvetica, sans-serif;
 }
 h1 { font-size: 2em; }
 h2 { font-size: 1.5em; }
 h3 { font-size: 1.2em ; }
 h4 { font-size: 1.0em; }
 h5 { font-size: 0.9em; }
 h6 { font-size: 0.8em; }
 a:link { color: #00f; }
 a:visited { color: #009; }
 a:hover { color: #06f; }
 a:active { color: #0cf; }


*/