/* Body style */
   
body {
	/*background-image: url('img/bg.png');*/
	background-color: #edf2ec;
	color: #000;
	font-size: 82%;
	font-family: 'Open Sans', sans-serif; font-weight: 500;
	line-height: 1;
	margin: 0;
	padding: 0;
	}
	
.body {
	clear: both; 
	margin: 0 auto; 
	width: 100%;
}

/* Body style End */
	
/* Headings  */
h1 {
	font-size: 1.2em;
	color: #385a30;
	text-transform:uppercase;
}
h2{
	font-size: 1em;
	color: #385a30;
	text-transform:uppercase;
}

/* Headings End */

/*  Main Navigation */
   
.mainHeader img {
	width: 70%;
	margin: 1%;
}

#navigation{
	background: #385a30;
	font-size: 0.9em;
	height: 30px;
	line-height: 19px;
	/*text-align: center;*/
}

#navigation ul{
	height: auto;
	margin: 0px;
	padding-left: 20px;
}

#navigation li{
	display: inline;
	margin: 0 0 0 -3px;
	/*border-right: 1px solid #fff;*/
}

#navigation a{
	color: #FFF;
	display: inline-block;
	height: 20px;
	padding: 5px 12px;
	text-decoration: none;
	text-transform:uppercase;
}

#navigation a:hover{
	color: #fff;
	background-color: #1D4019;
	text-decoration: underline;
}

#navigation li.current-page a{
	background-color: #83a87b;
	color: #000;
	/*background-color: #333;*/
}

/*  Main Navigation End */

/*  Subtab Navigation */

#navigation2{
	font-size: 82%;
	height: 26px;
	line-height: 25px;
	background-color: #83a87b;
	/*text-align: center;*/
}

#navigation2 ul{
	height: auto;
	margin: 0px;
	padding-left: 20px;
}

#navigation2 li{
	display: inline;
	/*padding-right: 5px;*/
	/*border-right: 1px solid #fff;*/
}

#navigation2 a{
	text-decoration: none;
	color: #fff;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
}

#navigation2 a:hover{
	color: #fff;
	/*background-color: #DDA0DD;*/
	text-decoration:underline;
}

#navigation2 li.current-page a{
	color: #333;
	/*background-color: #333;*/
}

/*  Subtab Navigation End */

/*  Content Area  */

.mainContent {
	overflow: hidden;
	line-height: 18px;
	background-color: #FFF;
	/*box-shadow: 1px 1px 1px 1px #d2d2d2;*/
	margin: 0% 0 0% 0;
	/*width: 100%;
	border: 1px solid #333;*/
}

.leftcontent {
	float: left;
	width: 380px;
	height: 552px;
	/*border: 1px solid #fff;*/
	/*padding: 0 0 2px 0;*/
}

.leftcontent > img{
	width: 100%;
	margin-bottom: -6px;
	margin-right: 1px;
}

.rightcontent {
	background-color: #FFF;
	width: 60%;
	padding-left:15px;
	padding-top:5px;
	float: left;
}

.rightcontent2 {
	background-color: #FFF;
	width: 32%;
	padding-left:20px;
	padding-top:10px;
	float: left;
}

/*  Content Area  End  */

/*  Footer  */

.mainFooter {
	width: 100%;
	height: 37px;
	float: left;
	margin-bottom: 1%;
	background-color: #385a30;
	color: #FFF;	
}

.FooterText{
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 11px;
}

.FooterFB{
	float: right;
	margin-top: -17px;
	padding-right: 10px;
}

/*  Footer End  */

/*  Gallery  */

.gallery{
	width: 420px;
	margin: 0 auto;
	padding-left: 5%;
}

#slider{
	width: 420px;
	height: 500px;
	overflow: hidden;
	margin: 20px auto;
	border: 1px solid #333;
}

#slider > img{
	width: 420px;
	height: 500px;
	float: left;
	display: none;
}

a.left{
	float:left;
	color: #fff;
	margin: 0 0 15px 0;
	text-decoration: none;
}

a.left:hover{
color: #8B7B8B;
}

a.right{
	float:left;
	margin: 0 0 15px 10px;
	color: #fff;
	text-decoration: none;
}

a.right:hover{
color: #8B7B8B;
}

/*  Gallery End */

/* Media Queries */

@media only screen 
and (min-width : 150px) 
and (max-width : 640px)
{
	.body {
		clear: both; 
		margin: 0 auto; 
		width: 90%;
		font-size: 80%;
	}
	
	.mainHeader img {
		width: 100%;
		height: auto;
		margin-bottom: 1%;
	}
	
	#navigation {
		margin-top: 5px;
		height: 30px;
		font-size: 11px;
		/*margin-left: 1%;*/
	}
	
	#navigation ul {
		padding-left:3px;
	}

	#navigation li {
		margin-left: 0 auto;
	}
	
	#navigation a {
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 5px;
	}

	#navigation2{
		height: 36px;
		padding-top: 6px;
		line-height: 14px;
	}

	#navigation2 ul{
		height: auto;
		margin-left: -10px;
		margin-right: 5px;
		font-size: 10px;
	}
	
	#navigation2 a{
		padding: 1px 5px 1px 5px;
	}
		
	.mainContent {
		overflow: hidden;
		/*height: 500px;*/
		line-height: 18px;
	}
	
	.content {
		width: 100%;
	}	
	
	.leftcontent {
		width: 100%;
		height: auto;
	}
	
	.leftcontent > img{
		width:100%;
		margin-bottom: -1px;
	}

	.rightcontent {
		width: 95%;
		padding: 0 0 0 10px;
	}
	
	.rightcontent2 {
		width: 95%;
		padding-left:10px;
		padding-top: 0px;
		margin-top:-12px;
}
		
	.mainFooter {
		height: 75px;
	}

	.FooterText{
		width: 95%;
	}

	.FooterFB{
		padding-left: 10px;
		padding-top: 25px;
	}
}