.footnote_text{
	color:white;
	font:sans-serif;
}

.contact_title{
	font-size:24px;
	font-weight: bold;

}


.footnote_prop1 {
  font-family:"Arial";
  font-size:14px;
  position: relative;
  bottom:0;
  margin-top:4%;
  min-height: 260px;
  padding-right: 30px;
  padding-left: 30px;
  background-color:5A9be0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a9be0', endColorstr='#5a9be0');
  /*background-color:#695959;*/
  text-align:left;
  float:left; /*Turn into 3 columns in a row*/
  width:25%;  /*Adjust width of area associated with footnote_prop*/
}

.footnote_prop2 {
  font-family:"Arial";
  font-size:14px;
  bottom:0;
  position: relative;
  margin-top:4%;
  min-height: 260px;
  padding-right: 30px;
  padding-left: 30px;
  background-color:5A9BE0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a9be0', endColorstr='#5a9be0');
  text-align:left;
  float:left; /*Turn into 3 columns in a row*/
  width:25%;  /*Adjust width of area associated with footnote_prop*/

 }

.footnote_contact {
  position: relative;
  margin-top:4%;
  bottom: 0;
  min-height: 260px;
  padding-right: 30px;
  padding-left: 30px;
  background-color:5A9BE0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a9be0', endColorstr='#5a9be0');
  text-align:right;
  float:left; /*Turn into 3 columns in a row*/
  width:38%;  /*Adjust width of area associated with footnote_prop*/
  
 }
 
 #box_config{
	position:fixed;
	height:auto;
	width:auto;
 }
 
 .footnote_links{
	position:absolute;
	     /*Adjust his to move links up and down page*/
	color:white;
	
 }
 
 .footnote_ground{
	bottom:auto;
	margin-top:10%;
	width:100%;
	position: relative;
 }
 /*Able to ground the footnote*/
 
 
 .report_position{
	position:fixed;
	height:100%;
	width:100%;
 }
 
 .head_container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 20px;
  margin-left: 100px;
  //margin-top:100px;
  margin-top:0px;
  }
  
.about_header{
	text-align:center;
	margin-top:100px;
	margin-left:0px;
	margin-bottom:20px;
	padding-bottom:2%;
	color:#ffffff;
	text-decoration:underline;
	font-family: "DokChampa", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 600;
}

.aboutus_background{
	background: -webkit-linear-gradient(right, #354b5e, #354b5e);
	background: linear-gradient(to bottom, #354b5e 0%, #354b5e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#354b5e', endColorstr='#354b5e');
	/*linear gradient for background of main and aboutus webpage*/
}

.boxed{
	/*position: relative;
	margin-right:auto;
	margin-left: auto;
	margin-bottom:auto;
	height:auto;
	
	
	/*box-shadow: 0px 10px 10px #45435C;
	*/
	padding-top:2%;
	padding-bottom:2%;
	box-shadow: 0px 10px 10px black;
	/*background: -webkit-linear-gradient(right, #6886A3, #7475A3);*/
	background: -webkit-linear-gradient(right, #666870, #494c57);
	background: linear-gradient(to bottom, #666870 0%, #494c57 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666870', endColorstr='#494c57');
	width:80%;
}

#intro_info{
	padding-right:3%;
	position: relative;
	margin-right:auto;
	margin-left: auto;
	margin-bottom:auto;
	height: 20%;
	width: 100%;
	background-color:red;
}

.intro_header1{
	margin-top:-5%;
	font-family:Helvetica, sans-serif;
	color:white;
	text-align:center;
}

.intro_header2{
	padding-bottom:2%;
	padding-left: 3%;
	font-family:Helvetica, sans-serif;
	color:white;
}

.intro_header3{
	padding-left:3%;
	font-family:Helvetica, sans-serif;
	color:white;
}

.design_header{
	font-family:"DokChampa", "Arial";
	margin-top:0%;
	margin-left:4%;
	color:white;

}

.conclusion_header{
	color:white;
	margin-left:4%;
	margin-top:2%;
	margin-bottom:-3%;
}

.optoimage{
	padding-right:10%; 
	height:auto;
	width:auto;
	max-width:100%;
}

.list_element{
	padding-top:1%;
}

.intro_paragraph1{
	font-family:DokChampa, Arial;
	padding-right:3%;
	padding-left:10%;
	padding-bottom:2%;
	width:100%;
	color:white;
	font-weight:500;
	font-size:16;
	height:auto;
}

.intro_paragraph2{
	font-family:DokChampa, Arial;
	padding-right:3%;
	padding-left:3%;
	padding-bottom:2%;
	width:100%;
	color:white;
	font-weight:500;
	font-size:16;
}

.intro_paragraph3{
	font-family:DokChampa, Arial;
	line-height:150%;
	padding-left:3%;
	padding-bottom:2%;
	width:100%;
	color:white;
	font-weight:500;
	font-size:16;
}

.aims_paragraph{
	font-family:DokChampa, Arial;
	font-size:16px;
	padding-right:3%;
	padding-left:4%;
	padding-bottom:0%;
	width:100%;
	color:white;
}

.control_paragraph{
	font-family:DokChampa, Arial;
	font-size:16px;
	padding-bottom:0%;
	width:100%;
	color:white;
}

.input_paragraph{
	font-size:16px;
	font-family:DokChampa, Arial;
	padding-left:4%;
	padding-bottom:0%;
	width:100%;
	color:white;
}

.task_list{
	font-family:DokChampa, Arial;
	color:white;
	margin-left:7%;
	margin-bottom:3%;
	font-size:14px;

}

.control_list{
	font-family:DokChampa, Arial;
	color:white;
	margin-left:3%;
	margin-bottom:3%;
	font-size:14px;

}

.main_box{
	position: relative;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:auto;
	margin-top:5%;
	height:auto;
	width:80%;
	box-shadow: 0px 10px 10px #000000;
	/*background: -webkit-linear-gradient(right, #6886A3, #7475A3);*/
	background: -webkit-linear-gradient(right, #666870, #494C57);
	background: linear-gradient(to bottom, #666870 0%, #494c57 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666870', endColorstr='#494c57');
	padding-bottom:3%;
}

 #main_picture_properties{
	margin-top:50px;
	margin-bottom:3%;
	padding-bottom:13%;
	margin-left:auto;
	margin-right:auto;
	position:center;
	width:auto;
	min-height:50%;
	height:auto;
	background-color:transparent;
	/*box-shadow: 10px 10px 5px black;*/
	
}

.picture_row{
	width:100%;
	height:25%;
	background-color:transparent;
}

.col_one{
	min-height: 50%; 
	position:relative;
	padding-left:3%;
	padding-bottom:3%;
	margin-bottom:3%;
	background-color:transparent;
	/*box-shadow: 10px 10px 5px #051C24;*/
}


.aboutus_image{
	float:left;
	position:left;
	padding-top:2%;
	padding-right:2%;
	margin-bottom:5%;
	/*box-shadow: 10px 10px 5px #45435C;*/
}

.map_phillipines{	
	/*box-shadow:2px 10px 10px #000000; */
	margin-top:10%;
	height:auto;
	width:auto;

}

.row_size{
	background-color:red;
	height:auto%;
	width:100%;
}

.village_img{
	/*box-shadow:2px 10px 10px #000000;*/ 
	margin-left:7%; 
	height:auto;
	width:auto;
	max-width:100%;
	max-height:100%;
}

.name_properties{
	color:white;
	padding-left:10%;
}

.name_paragraph{
	font-family:DokChampa, Arial;
	color:white;
}

.intro_header{
	font-family:"DokChampa", "Arial";
	color:white;
}

.imghome1 {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.welcome_header{
	color:white;
	font-family:"DokChampa", "Arial";
	padding-left:3%;
	padding-top:2%;
	padding-bottom:2%;
}

.home_paragraph{
	padding-right:3%;
	padding-left:3%;
	padding-bottom:3%;
	color:white;
	font-size:16px;
	font-family:"DokChampa", "Arial";
}

.button_para{
	font-family:"DokChampa", "Arial";
	padding-left:2%;
	margin-left:2%;
	margin-top:5%;
	color:white;
	text-align:center;
	overflow:auto;
	width:95%;
	height:100px;
	box-shadow:2px 2px 2px 2px black;
}

.main_header{
	color:white;
	text-align:center;
	padding-bottom:2%;
	margin-right: auto;
	font-family:"DokChampa", "Arial";
}

.caption_image{
	font-family:DokChampa, Arial;
	margin-top:3%;
	margin-left:5%;
	margin-left:5%;
	color:white;
	/*float:right;*/
}

.caption_intro{
	font-family:DokChampa, Arial;
	margin-top:3%;
	color:white;
	float:right;
}

.links{
	font-size:18;
	color:#15ACD6;
	text-decoration:underline;
}

.links_text{
	color:#15ACD6;
	text-decoration:underline;
}

.optocircuit_image{
	padding-left:4%;
}

.opto_paragraph1{
	font-family:DokChampa, Arial;
	padding-top:1%;
	padding-left:3%;
	padding-bottom:2%;
	width:100%;
	color:white;
	font-weight:500;
	font-size:16;
}

.opto_paragraph2{
	font-family:DokChampa, Arial;
	padding-top:1%;
	
	padding-bottom:2%;
	width:100%;
	color:white;
	font-weight:500;
	font-size:16;
}

#testvaluebox{
	max-width:80%;
	min-height:25%;
	width:auto;
	height:auto;
	padding-bottom:2%;
	/*box-shadow: 10px 10px 5px black;*/
	background-color:transparent;
}

.list_1{
	padding-left:4%;
	color:white;
	margin-top:1%;
}

.font_set{
	font-family:DokChampa, Arial;
	font-size:16;
}

.links_footer{
	color:white;
}