.mainbodycls{
 font-size: 30px;
 font-family:perpetua;
  text-align: left;
  background-color: lightgrey;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.homebodycls{
  font-size: 30px;
  font-family:perpetua;
  text-align: left;
  background-color: lightgrey;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.titledivcls{
 text-align: center;
 font-size: 40px;
 font-family:fantasy;
 
}
.containerdivcls{
  height:99%;
  width:99%;
/*  overflow: hidden;*/
}
.menucls{
 height:40px;
 width:100%;
 overflow:hidden;
 text-align: center;
/* border: 2px solid black;*/
 background-color: grey;
 text-decoration: none;
}
.menutablecls{
 height:100%;
 width:100%;
 padding:4px 10px;
 color: white;
/* background-color: grey;*/
 border-bottom: 3px solid red;
 border-top: 3px solid red;
 text-align: center;
/* text-decoration: none;*/
 font-size: 25px;
}
.menutablecls td:hover{
 background-color: black;
}
.iframedivcls{
  width:100%;
  height:90%;
/*  overflow:hidden;*/
}
.iframecontentcls{
 width:100%;
 height:100%;
/* overflow:hidden;*/
}
.activecls{
 cursor:pointer;
/* background-color: black;*/
}
.inactive{
 cursor:pointer;
}
.yemeninfo{
  float:left;
  width:60%;
  height:100%;
/*  overflow: hidden;*/
}
.yemenjpg{
  width:40%;
  float:right;
/*  overflow: hidden;*/
  transform: translate(-35px,35px);
}
.yemenbody{
  width:99%;
  height:99%;
/*  overflow: hidden*/
}
.yemenpiccls{
  width:70%;
  float:right;
  overflow: hidden;
}
.yemencrisis{
 width:100%;
/* height:10%;*/
 text-align: center;
 font-family: fantasy;
 font-size: 30px;
/* overflow: hidden;*/
}
.yemeninfo h2{
  font-family: fantasy;
  font-size: 35px;
  text-align: center;
  color: royalblue;
  overflow: hidden;
}
.yemeninfo a:visited{
 color:blue;
}
.indonesiabody{
  width:99%;
  height:99%;
/*  overflow: hidden;*/
}
.indonesiacrisis{
  width:100%;
  /* height:10%;*/
  text-align: center;
  font-family: fantasy;
  font-size: 30px;
  overflow: hidden;
}
.indonesiainfo{
  float:left;
  width:60%;
  /*  height:100%;*/
  overflow: hidden;
}
.indonesiainfo h2{
  font-family: fantasy;
  font-size: 35px;
  text-align: center;
  color: royalblue;
  overflow: hidden
}
.indonesiainfo a:visited{
 color: blue;
}
.indonesiajpg{
  width:40%;
  float:right;
  overflow: hidden;
  transform: translate(-35px,35px);
}
.indonesiapiccls{
  width:70%;
  float:right;
  overflow: hidden;
}
.afghanistanbody{
  width:99%;
  height:99%;
/*  overflow: hidden;*/
}
.afghanistancrisis{
  width:100%;
  /* height:10%;*/
  text-align: center;
  font-family: fantasy;
  font-size: 30px;
  overflow: hidden;
}
.afghanistaninfo{
  float:left;
  width:60%;
  /*  height:100%;*/
  overflow: hidden;
}
.afghanistaninfo h2{
  font-family: fantasy;
  font-size: 35px;
  text-align: center;
  color: royalblue;
  overflow: hidden;
}
.afghanistaninfo a:visited{
  color:blue;
}
.afghanjpg{
  width:40%;
  float:right;
  overflow: hidden;
  transform: translate(-35px,35px);
}
.afghanpiccls{
  width:70%;
  float:right;
  overflow: hidden;
}
.syriabody{
  width:99%;
  height:99%;
/*  overflow: hidden;*/
}
.syriacrisis{
  width:100%;
  /* height:10%;*/
  text-align: center;
  font-family: fantasy;
  font-size: 30px;
  overflow: hidden;
}
.syriainfo{
  float:left;
  width:60%;
  /*  height:100%;*/
  overflow: hidden;
}
.syriainfo h2{
  font-family: fantasy;
  font-size: 35px;
  text-align: center;
  color: royalblue;
  overflow: hidden;
}
.syriainfo a:visited{
  color:blue;
}
.syriajpg{
  width:40%;
  float:right;
  overflow: hidden;
  transform: translate(-35px,35px);
}
.syriapiccls{
  width:70%;
  float:right;
  overflow: hidden;
}
.homedivcls{
 width: 99%;
 height:99%;
}
.homeimage{
  width:40%;
  float:right;
  overflow: hidden;
  transform: translate(-35px,35px);
}
.homeinfo{
  float:left;
  width:60%;
  /*  height:100%;*/
  overflow: hidden;
}
.homeimagecls{
  width:80%;
  float:right;
  overflow: hidden;
}