body {margin:0;}

.firstdv {
background-color:#ffffee;
padding:0px;
text-align:center;
}


.Fimg2{
	  width:80%;
}

/*
.firstB1{
padding: 4px;
color: #174379; 
font-family: tahoma; 
font-size: 13px;   
background-color: #ecf5fe; 
font-weight: bold;
border: 0px solid #c7cefb;   
}

.firstB2{
padding: 4px;
color: #174379; 
font-family: tahoma; 
font-size: 13px;   
background-color: #ff8a00; 
font-weight: bold; 
border: 0px solid #c7cefb;  
}
*/



.button {
  background-color: #ecf5fe; 
  border: none;
  color: #174379;
  padding: 7px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2 {
  background-color: #ff8a00;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

@media screen and (max-width: 600px) {
  .button {
    padding: 5px 10px;
    font-size: 13px;
  margin: 2px 1px;
  }
}


/*
.topnav {
  overflow: hidden;
  background-color: #f2f2f2;
  font-family: tahoma; 
}

.topnav a {
  float: left;
  display: block;
  color: #FFF;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #001433;
  color: #FFF;
}

.active {
  background-color: #003380;
  color: #FFF;
}

.topnav .icon {
  display: none;
}

*/

.topnav {
  overflow: hidden;
  background-color: #001433;
}

.topnav a {
  float: left;
  display: block;
  color: #FFF;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #003380;
  color: #FFF;
}

.topnav a.active {
  background-color: #003380;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}








* {
  box-sizing: border-box;
}
.main {
  float:left;
  width:100%;
  padding:0 5px;
  color:black;
}

.Submain {
  height:300px;
 }
  
.main p{
padding: 0px; 
   line-height: 150%;   
    text-align: justify; 
    text-justify: inter-word;
    margin-top: 00px;
}


.main_mem{
width:100%; padding:0px; background-color:white; height:200px; overflow:scroll; overflow-x: hidden; overflow-y: hidden;
}

.main_mem_img{
float:left; display:inline;
width:200px; height:200px;
padding-right: 10px;
}

.main_mem_name{
float:left; display:inline;
width:200px; height:100px;
padding-right: 10px;
}





@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}







@media screen and (max-width: 600px) {
	
	.Fimg1{
	  width:40%;
     }
     
	.Fimg2{
	  width:80%;
     }
     
.firstB1{
padding: 2px;
font-size: 10px;   
 
}

.firstB2{
padding: 2px;
font-size: 10px;     
}


/*
.topnav a {
      padding: 7px 8px;
  font-size: 12px;
}



  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    
      padding: 7px 8px;
  font-size: 12px;
  }
  */
  
  /* For mobile phones: */
  .menu, .main {
    width:100%;
  }
  

.Submain {
  height:130px;
 }  

  .main_mem{
height:90px;
}

  .main_mem_img{
width:75px; height:75px;
padding-right: 3px;
font-size: 8px; 
}

  .main_mem_name{
width:75px; height:50px;
padding-right: 3px;
font-size: 8px; 
}

.main p{
padding: 5px 5px 5px 5px; 

}

}