/* 
===========================
   
======= Body style ======== 
   
=========================== 
*/
   
body {
	
background-image: url('../img/bg1.png');
	
color: #000305;
	
font-size: 1em;
	
font-family: Verdana;
	
line-height: 1.429;
	
margin: 0;
	
padding: 0;
	
text-align: left;
	
}
	


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


/* 
===========================
   
========= Headings ======== 
  
 =========================== 
*/

h2 {

font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 1.571em;
    color:#1E7C29;
}	/* 22px 
*/

h3 {font-size: 1.429em}	/* 20px 
*/

h4 {font-size: 1.286em}	/* 18px 
*/

h5 {font-size: 1.143em}	/* 16px 
*/
h6 {font-size: 1em}		/* 14px 

*/


h2, h3, h4, h5, h6 {
	
font-weight: 400;
	
line-height: 1.1;
	
margin-bottom: .5em;

}



/* 
===========================
   
======= Anchor style ====== 
  
 =========================== 
*/
a {
	
outline: 0;
	
}



a img {
	
border: 0px; 
	
text-decoration: none;

}



a:link, a:visited {
font-family: Verdana;	
color: #CF5C3F;
	
padding: 0 1px;
	
text-decoration: none;

}



a:hover, a:active {
	
background-color: #CF5C3F;
	
color: #fff;
	
text-decoration: none;

}



/* 
===========================
   
===== Main Navigation ===== 
   
=========================== 
*/
   


.mainHeader nav {
	
background: #1E7C29;
	
font-size: 1.143em;
	
height: 40px;
	
line-height: 30px;
	
margin: 0 auto 30px auto;
	
text-align: center;
	
border-radius: 5px;
	
-moz-border-radius: 5px;
	
-webkit-border-radius: 5px;

}
	


.mainHeader nav ul {
	
list-style: none; 
text-align: center;	
margin: 0 auto;

}



.mainHeader nav ul li {
	
text-align: center; 
	
display: inline; 

}
	


.mainHeader nav a:link, .mainHeader nav a:visited {
	color: #fff;
	display: inline-block;
	height: 30px;
	padding: 5px 18px;
	text-decoration: none;
}
.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
	background: #D3FBD6;
	color: #000000;
	text-shadow: none !important;
}
	
.mainHeader nav li a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.mainHeader img {
	width: 100%;
	height: auto;
	margin: 5px 0 5px 0;
        border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        border-style:solid;
        border-width:1px;
        border-color:#000000;
}

/* ===========================
   ======= Content Area ====== 
   =========================== */

#adminbar {
        clear:both;
	width:100%;        
        height:30px;
        Margin-bottom:1%;
        text-align:left;
        background-color: #ccc;
        font-family:Verdana;
        color:#FFFFFF;
        padding-left:10px;
        padding-top:8px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
}

 #adminbar a
 {
 float: right;
 display: block;
 padding-right: 25px;
 text-decoration: none;
 color: #FFF;
 }
 #adminbar a:hover
 {
 background-color: #999;
 color: #FFF;
 }

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

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


.bottomcontent {
	background-color: #FFF;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 3% 5%;	
	margin-bottom: 3%;

}

.contactcontent {
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 3% 5%;	
	margin-bottom: 3%;
}

.content {
	width: 68%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

#leftnav
 {
 float: left;
 width: 180px;
 margin: 0;
 padding-top: 1em;

 }

#rightnav
 {
 float: right;
 width: 200px;
 margin-left: 10px;
 padding: 1em;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 }

img.floatLeft { 
    max-width: 100%;
    height: auto;
    float: left;
    margin-top: 0px; 
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 5px;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-style:solid;
        border-width:1px;
        border-color:#154D80; 
   -moz-box-shadow: 10px 10px 5px #ccc; 
   -webkit-box-shadow: 10px 10px 5px #ccc; 
   -khtml-box-shadow: 10px 10px 5px #ccc;
   box-shadow: 10px 10px 5px #ccc; 
}

img.floatRight { 
    max-width: 100%;
    height: auto;
    float: right;
    margin-top: 0px; 
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-style:solid;
    border-width:1px;
    border-color:#154D80; 
    -moz-box-shadow: 10px 10px 5px #ccc; 
    -webkit-box-shadow: 10px 10px 5px #ccc; 
    -khtml-box-shadow: 10px 10px 5px #ccc; 
    box-shadow: 10px 10px 5px #ccc;  
}

img.footer {
    float: right; 
    padding-top: 9px;
    padding-left: 25px;
    padding-right: 25px;

}

/* ===========================
   ======== Sidebar ========== 
   =========================== */

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

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

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

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 50px;
	background: #27AE61 url("../images/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}

/* ===========================
   ========= Footer ========== 
   =========================== */



.mainFooter {
	
width: 100%;
	
float: left;
	
margin-top: 1%;
	
margin-bottom: 5%;
	
padding-left: 0;
	
background: #1E7C29;
	
border-radius: 5px;
	
-moz-border-radius: 5px;
	
-webkit-border-radius: 5px;	
	
color: #FFF;	

}



.mainFooter p {
font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	width: 91%;
	
margin: 1% auto;

}

a.one:link, a.one:visited {

 text-decoration: none;
 color: #FFFFFF;
 }
a.one:hover
 {
background: #1E7C29;
 color: #FF0000;
 }

a.two:link, a.two:visited { 

float:right;
 text-decoration: none;
 color: #FFFFFF;
 }
a.two:hover
 {
background: #1E7C29;
 color: #ff0000;
 }

/* 
===========================
   
====== Media Queries ====== 
   
=========================== 
*/

@media only screen and (min-width : 150px) and (max-width : 780px)
{
	
.body {
		
clear: both; 
		
margin: 0 auto; 
		
width: 90%;
		
font-size: 90%;
	}
	
	

.mainHeader nav {
		background: #1E7C29;
		font-size: 1.143em;
		height: 200px;
		line-height: 30px;
		margin-bottom: 0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
		
	.mainHeader nav ul {
		list-style: none; 
		margin: 0 auto;
		padding-left: 0;
	}
	
	.mainHeader nav li {
		margin-left: 0;
		width: 100%;

	}
	
	.mainHeader nav a:link, .mainHeader nav a:visited {
		color: #FFF;
		display: block;
		height: 30px;
		padding: 5px 0;
		text-decoration: none;
	}
	
	.mainHeader nav a:hover, .mainHeader nav a:active,
	.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
		background: #D3FBD6;
		color: #000000;
		text-shadow: none !important;
	}
		
	.mainHeader nav li a {
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
			
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.mainHeader img {
		width: 100%;
		height: auto;
		margin-bottom: 3%;
	}
	
	.mainContent {
		overflow: hidden;
		line-height: 25px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-top: 4%;
		margin-bottom: 2%;
	}
	
	.topcontent {
		background-color: #FFF;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		padding: 2% 5%;
		margin-bottom: 4%;
	}
	
	.bottomcontent {
		background-color: #FFF;	
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		padding: 2% 5%;
	}
	
	.content {
		width: 100%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
	}	

	.post-info {
		display: none;
	}
	
	.top-sidebar {
		width: 86%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		background-color: #FFF;	
		margin-top: 4%;
		margin-left: 0;
		padding: 0 7%;
		margin-bottom: 0;		
	}
	
	
.top-sidebar p {
		width: 90%;
	}

	
.middle-sidebar {
		
width: 86%;
		
float: left;
		
border-radius: 5px;
		
-moz-border-radius: 5px;
		
-webkit-border-radius: 5px;	
		
background-color: #FFF;	
		
margin-top: 4%;
		
margin-left: 0;
		
padding: 0 7%;
		
margin-bottom: 0;	
	
}
	
	

.middle-sidebar p {
		
width: 90%;
	
}
	
	

.bottom-sidebar {
		
width: 86%;
		
float: left;
		
border-radius: 5px;
		
-moz-border-radius: 5px;
		
-webkit-border-radius: 5px;	
		
background-color: #FFF;	
		
margin-top: 4%;
		
margin-left: 0%;
		
padding: 0 7%;
		
margin-bottom: 1%;
	
}
	
	

.bottom-sidebar p {
		
width: 90%;
	
}
		
	
.mainFooter {
		
width: 100%;
		
float: left;
		
margin: 2% 0;
		
padding-left: 0;
		
background: #1E7C29;
		
border-radius: 5px;
		
-moz-border-radius: 5px;
		
-webkit-border-radius: 5px;	
		
color: #FFF;	
	
}
	
	

.mainFooter p {
		
width: 86%;
		
margin: 2% auto;
	
}

}