#inner_body{
	font-family: 'Open Sans', sans-serif;
	width: auto;
	margin-top: -5px;
	max-width: 970px;
	/*position: relative;*/
	/*margin: 0 auto;*/
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 100%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 100%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 100%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

#body_container{
	width: 100%;
	/*max-width: 970px;*/
	background: white;
	overflow: hidden;
	position: relative;
	margin-left: 0px;
	/*margin-right: 250px;*/
}
#body_container h2{
	font-size: 20px;
	font-weight: 800;
	color: #518000;
}


.container1{
	float: left;
	padding-top: 5px;
	margin-top: -10px;
}

/******************   Left Container    *************************/

.side_nav{
	margin-left: 15px;
	width: 100%;
	max-width: 235px;
	/*height: 27px;*/
	text-decoration: none;
	/*z-index: 5px;*/
	background: #f5f9f0; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f9f0 4%, #f9fcf7 10%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5f9f0 4%,#f9fcf7 10%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5f9f0 4%,#f9fcf7 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f9f0', endColorstr='#f9fcf7',GradientType=0 ); /* IE6-9 */
}

/* Make the list of links take up the whole width of the #about_list1 */
.side_nav ul.tab {
  width: 100%;
  min-width: 230px;
  list-style: none;
  margin: 0;
  padding: 0;  
}

/*Share the width of the #about_list1 amongst the individaul list elements*/
.side_nav ul.tab li {
  width: 100%; 
  list-style: none;
}

/*Make each a or href take up the whole width of the list item*/
.side_nav ul.tab li a {
  text-decoration:none;
  color:#68A500;
  width: 100%; 
  font-size: 12px;
  padding: 8px 0;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  max-width: 90%;
  height: 20px;
}

 /*change background color on hover*/
.side_nav ul.tab li:hover, .side_nav ul.tab li:active {
 	color: #E5C600;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #eeeeee 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #eeeeee 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #eeeeee 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }

 /*change background color on hover*/
 .side_nav ul.tab li a:hover, .side_nav ul.tab li a:active {
 	color: #E5C600;
 	margin-left: 25px;
 }


#text_content{
	/*border-top: 6px solid background: #8eb92a; */
	width: auto;
	max-width: 760px;
	margin-left: 7px;
	margin-right: 5px;
	/*margin-top: 10px;*/
	padding-bottom: 10px;
}

.tabcontent, .doc_content{
	margin-left: 10px;
	padding-left: 10px;
	/*padding-right: 5px;*/
	width: 100%;
	max-width: 680px;
	text-align: justify;
	min-height: 350px;
}

.doc_content{
	min-width: 650px;
}

.tabcontent h2, .doc_content h2{
	font-size: 20px;
	font-weight: 800;
	color: #518000;
}
.tabcontent h3, .doc_content h3{
	font-size: 17px;
	font-weight: 400;
	color: #518000;
}
.tabcontent p, .doc_content p{
	font-size: 12px;
	/*font-weight: 400;*/
	color: #5F6158;
	line-height: 20px;
}

#searchsection{
	border-left: 60px;
	max-width: 400px;
	padding-left: 60px;
	font-size: 12px;
	/*font-weight: 400;*/
	color: #5F6158;
	padding-bottom: 30px;
}

/***************Colored Border*/
.about_border{
	margin-top: 7px;
	height: 5px;
	width: auto;
	background: #8eb92a; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eb92a', endColorstr='#9ecb2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/***********Image container **********/
.image_container{
	width: 100%;
	max-width: 750px;
	padding-right: 20px;
	height: auto;
}

/*.img_section{
	width: 100%;
	max-width: 700px;
}*/


/**********   make items responsive   *********/

/*For larger screens*/
@media (min-width: 961px) and (max-width: 1215px){
	#text_content{
		width: auto;
		max-width: 700px;
		margin-left: 5px;
		margin-right: 5px;
		/*padding-top: 10px;*/
		padding-bottom: 10px
	}
	.tabcontent, .doc_content{
		width: auto;
		max-width: 650px;
		min-width: 600px;
		margin-left: 10px;
		margin-right: 15px;
		padding-right: 20px;
		/*padding-top: 20px;*/
		padding-bottom: 10px;
		min-height: 350px;
	}
	
	.side_nav{
		width:auto;
		/*margin-right:50px;*/
		max-width: 330px;
	}

	.side_nav ul.tab, .side_nav ul.tab li, .side_nav ul.tab li a{
		width:auto;
		/*margin-right:50px;*/
	}
}

/*for tablets and and large smart phones*/
@media(min-width: 481px) and (max-width: 960px){
	#body_container{
		max-width: 100%;
		margin-left: 0px;
		margin-right: 0px;

	}
	#text_content{
		width: auto;
		max-width: 730px;
		margin-left: 5px;
		/*margin-right: 50px;*/
		/*padding-top: 10px;*/
		padding-bottom: 10px;
		padding-right: 40px;
	}

	.tabcontent, .doc_content{
		width: auto;
		max-width: 520px;
		min-width: 600px;
		margin-left: 10px;
		margin-right: 15px;
		padding-right: 10px;
		/*padding-top: 20px;*/
		padding-bottom: 10px;
		min-height: 350px;
	}

	.side_nav{
		width:auto;
		/*margin-right:50px;*/
		max-width: 600px;
	}
	.side_nav ul.tab li{

	}

	.side_nav ul.tab, .side_nav ul.tab li, .side_nav ul.tab li a{
		width:auto;
		/*margin-right:50px;*/
	}
}


/*for smart phones*/
@media (max-width: 480px){
	#body_container{
		max-width: 100%;
		margin-left: 0px;
		margin-right: 5px;

	}
	#text_content{
		width: auto;
		max-width: 440px;
		margin-left: 15px;
		margin-right: 15px;
		padding-top: 20px;
		padding-bottom: 10px;
		padding-right: 30px;
	}

	.tabcontent, .doc_content{
		width: auto;
		max-width: 430px;
		margin-left: 15px;
		margin-right: 15px;
		padding-top: 20px;
		padding-bottom: 10px;
		min-height: 350px;
	}

	.container{
		width: 100%;
		max-width: 420px;
	}

	.side_nav{
		width:auto;
		margin-right:50px;
		max-width: 350px;
	}

	.side_nav ul.tab, .side_nav ul.tab li, .side_nav ul.tab li a{
		width:auto;
		/*margin-right:50px;*/
	}
}



/************   Style tabs    *****************/

.tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

	@-webkit-keyframes fadeEffect {
	    from {opacity: 0;}
	    to {opacity: 1;}
	}

	@keyframes fadeEffect {
	    from {opacity: 0;}
	    to {opacity: 1;}
	}



/************  Organogram style  ****************/
#myDiagramDiv{
	/*margin-right: 500px;*/
	/*padding-left: -2000px;*/
	/*padding-left: -200px;*/
	/*margin-top: 50px;*/
	/*margin-bottom: 30px;*/
	width: 100%;
	height:600px; 
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}


/****************  top workflow text  **************/
.workflow{
	padding-top: 2px;
	max-width: 1000px;
	width: auto;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 100%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 100%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 100%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.table_workflow{
	margin-top: -34px;
	max-width: 430px;
	width: auto;
	max-height: 40px;
	height: 100%;
	border: none !important;
	border-color: white;
}

.table_workflow .wf_text{
	font-family: 'Open Sans', sans-serif;
	padding-left: 95px;
	color: black;
	font-size: 12.5px;
	font-weight: 300px;
	width:auto;
	height:100%;
}

.table_workflow, .table_body, .table_body tr, .wf_text{
	border: none !important;
}


@media (max-width: 979px){
	.workflow, .table_workflow{
		display: none;
	}
	#workflow_text{
		padding-left: -100px;
	}

}

/********************** Work area images & FAQs **********************/
.masterplan_images {
	max-width: 700px;
	width: 100%;
	height: auto;
}

.masterplan_images_sub{
	float: left;
	max-width: 300px;
	width: 100%;
	height: auto;
}

.work_area_para{
	float: right;
	max-width: 380px;
	width: 100%;
	height: auto;
	margin-top: -15px;
	text-align: left;
}

.work_area_ol{
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	text-decoration:none;
	/*color:#68A500;*/
	margin-left: 10px;
	display: block;
	max-width: 90%;
	height: 20px;
}
.work_area_ul, .faq_ol{
	font-family: 'Open Sans', sans-serif;
	font-size: 12.5px;
	font-weight: 900;
	display: block;
	text-decoration:none;
	margin-left: 10px;
	display: block;
}
.work_area_ul a, .faq_ol a{
	color:#68A500;
}
.work_area_ul a:hover, .faq_ol a:hover{
	color: gray;
}
.work_area_ul a:active, .faq_ol a:active{
	color: gray;
}
.top_arrow{
	width: 100%; 
	height: auto;
	max-width: 20px;
	/*float: right;*/
	position: fixed;
	bottom: 0;
    right: 0;
    margin-right: 350px;
    z-index: 3000;
}
.inner_para{
	padding-left: 20px;
}

.faqs_para{
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	height: auto;
	text-align: left;
	margin: 5px 5px 0px 10px;
	font-size: 12px;
	color: #5F6158;
}


/*