<style>
body{
  background-color: #FAFAFA;
  font-family: 'tahoma', sans-serif;
  font-size: 100%;
  color:#000000;
}
.columnsContainer1, columnsContainer2, footer, header {
  position: relative;
  height: auto;
  width: 95%;
  margin: auto;
  background: none;
}
.columnsContainer2 {
  position: relative;
  margin: .3em;
  border: 1px solid #DCDCDC;
  float: left;
  height: auto;
  box-shadow: 5px 10px 18px #888888;
  padding: 4px;
  width: 100%;
}

.leftColumn, .rightColumn, header {  }

.leftColumn { margin-bottom: .5em; background-color: transparent; margin: auto;}
.rightColumn { margin-bottom: .5em; padding: height: auto; float:left;  }
.rightColumn { margin: .5em; padding: height: auto; float:left;  }
/*
.rightColumn1 { margin-bottom: .5em; padding: 15px; height: 50px; }

.rightColumn3 { margin-bottom: .5em; padding: 15px; height: 130px;background-image: url("img/banner.png") }
*/
@media screen and (min-width: 47.5em ) {
  .leftColumn {background-color: transparent }
  .rightColumn { position: absolute; top: 0px; right: 0; width: 10.75em;margin-bottom: .5em; height:auto; background-color: transparent; }
  .rightColumn2 { position: absolute; top: 0; right: 0; width: 18.75em;margin-bottom: .5em; background-color: transparent; }
  /*

  .rightColumn2 { position: absolute; top: 275px ; right: 0; width: 18.75em; background-color: #F5F5F5;margin-bottom: .5em;}
  .rightColumn3 { position: absolute; top:410px;right: 0; width: 18.75em; background-color: #F5F5F5; ;  }
  */
}

.TopBanner1{
  margin: auto;
  width: 50%;
  background-color: #FFFFFF;
  height: 110px;
  margin-bottom: 5px;
}
.LogoBanner{
  height: auto;
  width: 100%;
  float: left;
}
.InnerTab{
  margin: auto;
  width: 100%;
  float: left;
  background-color: #0DADEF;
  padding: 20px;
}
.VolumeHead{
  padding: 5px;
  text-align: center;
  background-color: #000000;
  color: #FFFFFF;
  margin: 5px;
  font-weight: bold;
  width: 100%;
}
.VolumeHead table{
  width: 100%;
  color: #FFFFFF;
  font-size: 80%;
}
.VolumeHead input{
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  width: 90%;
}

.input-group.md-form.form-sm.form-1 input{
  border: 1px solid #bdbdbd;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.input-group.md-form.form-sm.form-2 input {
  border: 1px solid #bdbdbd;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.input-group.md-form.form-sm.form-2 input.red-border  {
  border: 1px solid #ef9a9a;
}
.input-group.md-form.form-sm.form-2 input.lime-border  {
  border: 1px solid #cddc39;
}
.input-group.md-form.form-sm.form-2 input.amber-border  {
  border: 1px solid #ffca28;
}

.LogoBox{
  float: left;
  width: 200px;
  height: 60px;
  background-color: #0099FF;
  margin-left: 10px;
}

.LogoBox img{
  width: 100%;
  height: 100%;
}
.NavBox{
  width: 90%;
  background-color: #0099FF;
  z-index: 99;
  height: auto;
  color: #FFFFFF;
  margin: auto;
  padding: 10px;
}
/*-----------------Tabs css-------*/
/* Tabs*/
section {
  padding: 10px 0;
}

section .section-title {
  text-align: center;
  color: #000000;
  margin-bottom: 50px;
  text-transform: uppercase;
}
#tabs{
  background: none;
  color: #000000;
  width: 100%;
}
#tabs h6.section-title{
  color: #eee;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #FF8C00;
  background-color: #F8F9FA;
  border-color: transparent transparent #f3f3f3;
  border-bottom: 4px solid !important;
  font-weight: bold;
}
#tabs .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: #000000;

}
/*----------------tab css end-----------*/

/*----------------Menu start---*/
.ManHut{
  border: 1px solid #DCDCDC;
  height: 75px;
  width:100%;
  font-weight:bold;
  color:#333333;
  margin-bottom:10px;
  font-size: 80%;
  text-align: center;
  top: 0px;
}
.ManHut img{
  width: 100%;
  height: 100%;
}
.ThisVolume{
  border: 1px solid #DCDCDC;
  height: auto;
  padding:5px;
  width:100%;
  font-weight:bold;
  background-color:#F5F5F5;
  color:#333333;
  margin-bottom:10px;
  text-align: center;
  top: 0px;
}
.CoverDiv{
  border: 1px solid #DCDCDC;
  height: auto;
  padding:5px;
  width:100%;
  margin-bottom:10px;
  float:left;
}
.CoverDiv table{
  width:100%;
}
.CoverDiv table p{
  font-size: 80%;
}


/*   MENU CSS STA */
/*article display menu continues*/
.DivIntroTxt{
  width: 100%;
  border: 1px solid #DCDCDC;
  height: auto;
  padding: 10px;
  text-align: left;
  margin-bottom: 5px;
  float: left;
  font-size: 70%;
  background-color: #E8EAE9;
}
.MainArticle{
  width: 100%;
  height: auto;
  text-align: justify;
  margin-bottom: 5px;
  float: left;
  font-size: 90%;
}


.PMainArt {
  font-size: 110%;
  font-weight: normal;
}
.ArticleRow2{
  border: 1px solid #DCDCDC;
  height: auto;
  font-size: 80%;
  text-align: justify;
  margin-bottom: 10px;
  float: left;
  background-color: #0DADEF;
  width: 100%;

}

.ArticleRow2Right{
  float: right;
  border: 1px solid #000000;
  border-radius: 3px;
  width: 10.75em;
  padding: 5px;

}

.ImgThumb{
  border: 1px solid #0DADEF;
  margin: 2px;
}
.ArticleType{
  font-weight: bold;
  padding: 4px;
}
.ArticleTitleSmall{
  font-weight: normal;
  padding: 4px;
  margin: 5px;
  width: 100%;
  text-align: left;
  font-size: 100%;
}
.ArticleTitleSmall a:link,a:active, a:visited{
  color: #365670;
}

.ArticleTitleSmall a:hover{
  color: #333333;
  font-weight: bold;
  text-decoration: none;

}
.ArticleSmalltxt{
  font-size: 95%;
  padding: 4px;
  margin: 5px;
}
.ArticleDOISmall{
  font-size: 65%;
  margin-left: 4px;
  width: 100%;
}
.ArticleAbstractSmall{
  font-size: 90%;
  font-weight: normal;
  padding: 4px;
  width: 100%;
}
.ArticleAuthorSmall{
  margin: 5px;
  color: #333333;
  width: 100%;
  text-align: left;
  padding: 4px;
}
.ArticleRow2Left{
  float: left;
  padding: 5px;
  background-color: #FFFFFF;
  border-right: 4px solid red;
  height: auto;
  margin-right: 11.5em;

}
.ArticleRow2Left h2{
  font-size: 140%;
  font-weight: normal;
  color: #333333;
}
.FeatArtDiv{
  float: left;
  width: 100%;
  height: auto;
}
.FeatArtDiv table tr td{
  padding-bottom: 15px;
}
.FeatArtDiv h3{
  width: 100%;
  font-size: 130%;
}
.FeatArtDiv img{
  width: 100px;
  height: 100px;
  float: left; margin: 0px 10px 10px 0px;
  border:1px #DCDCDC solid;
}
.FeatArtDiv p{
  font-size: 70%;
}

.FeatArtDiv h4{
  font-size: 85%;
}
.FeatArtDiv h5{
  font-size: 70%;
}

.FeatArt1{
  height: auto;
  float: left;
  padding: 10px;
}
.FeatArt2{
  width: 50%;
  height: auto;
  float: right;
  padding: 10px;
}


.MainArtText h3{
  font-size: 120%;
  font-weight: bold;
}
.VolumeCover{
  height: 270px;
  width: 100%;
  border: 1px solid #000000;
  float: right;
}
#CoverText{
  float: left;
  width: auto;
}
#CoverText ul li{
  font-size: 120%;
  line-height: 40px;

}
.ArchivesDiv{
  border: 1px solid #DCDCDC;
  height: auto;
  padding: 10px;
  float:left;
  width:100%;
  margin-bottom: 10px;
}
.ArchivesDiv a:link{
  color: #006DC4;
  text-decoration: none;
}
.ArchivesDiv a:active{
  color: #006DC4;
  text-decoration: none;
}
.ArchivesDiv a:visited{
  color: #006DC4;
  text-decoration: none;
}
.ArchivesDiv a:hover{
  color: #DCDCDC;
  text-decoration: none;
  font-weight: bold;
}
.ArchivesDiv ul li{
  /* font-size: 80%;*/
}
.ArchivesDiv p{
  /* font-size: 80%;*/
}
.CloudTagDiv{
  border: 1px solid #DCDCDC;
  height:auto;
  font-size: 100%;
  float:left;
  width:100%;
  margin-bottom:10px;
  padding:2px;
}
.CloudTagDiv div{
  background-image:url("img/cloud.png");
  height: 200px;
  width:100%;
}
.DivLogos{
  float:left;
  width:100%;
  border: 1px solid #DCDCDC;
  height: auto;
  margin-bottom: 10px;
}

.DivLogos p{
  font-size: 100%;
  padding: 10px;
}
.DivBottomText{
  float:left;
  width:100%;
  height: auto;
  margin-bottom: 10px;
  padding: 5px;
}
.DivBottomText hr{
  border: 1px solid #0DADEF;
}
.DivMiddlePage{
  float:left;
  width:100%;
  border: 1px solid #FFFFFF;
  height: auto;
  margin-bottom: 10px;
  padding: 5px;
}

.DivMiddlePageLeft{
  float: left;
  border-right: 1px solid #FFFFFF;
  width: 60%;
  height: auto;
  padding-right: 5px;
}
.DivMiddlePageRight{
  top: 0;
  float: right;
  width: 40%;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  height: auto;
  padding: 4px;
}

.DivMiddlePageRight img{
  border: 1px solid lightgray;
  width: 100%;
  height: 200px;
  margin-bottom: 5px;
}
.DivDivider{
  float:left;
  width:100%;
  border-top: 1px solid #000000;
  height: auto;
  margin-bottom: 10px;
  padding: 5px;
}
.DivDivider h2{
  font-weight: bold;
}
.DivMiddleContentArticle{
  margin-right: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DCDCDC;
}
.DivMiddleContentArticle img{
  border: 1px solid #DCDCDC;
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.DivMiddlePage h5{
  font-size: 90%;
  color: #333333;
}

.DivBottomText p{
  font-size: 80%;
}
.DivMiddleContentTitle{
  margin-right: 10px;
}
.DivMiddlePage h4{
  font-size: 100%;
  color: #FF8C00;
}
.DivMiddleContentTitle h5{
  font-size: 100%;
  color: #000000;
}

.ArchivesDivTitle{
  border-top: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  height: auto;
  padding: 10px;
  background-color: #F5F5F5;
  color: #333333;
  width:100%;
  float:left;
  font-weight: bold;
}
.tweets{
  border: 1px solid #DCDCDC;
  width: 100%;
  height: 300px;
  overflow-y: scroll;
  margin-bottom: 10px;
}
.ImgWeek{
  border:1px solid #DCDCDC;
  width:100px;
  height:100px;
  margin:5px;
}
.FeaturedImgTitle{
  border-top: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  height: auto;
  padding: 10px;
  font-size: 120%;
  background-color: #F5F5F5;
  color: #333333;
  float:left;
  width:100%;
  font-weight: bold;
}

/*===================================================================*/
.megamenu-li {
  position: static;
  z-index:999;
}

.megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  padding: 15px;
}
.nav-item{
  font-size: 90%;
  color: #FFFFFF;
  font-weight: bold;
}
.navbar-toggler{
  background: #F8F9FA;
}
.navbar-brand{
  font-size: 80%;
  font-weight: bold;
  background: #F8F9FA;
}

.nav-link:hover{
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  color: #FFFFFF;
  text-decoration: none;
}

.nav-link:visited{
  color: #FFFFFF;
  text-decoration: none;
}

dropdown{
  font-weight: bold;
  color: #FFFFFF;
}

.dropdown-toggle{
  font-size: 110%;
  font-weight: bold;
}
#dropdown02{
  background-color: #F8F9FA;
}
.col-sm-6 h5{
  font-weight: bold;
}
.TopDiv{
  background-color: #DDEBF5; font-weight: bold;color: #333333;float: left;
}
.TopDiv a:link{
  color: #FFFFFF;
}
.TopDiv a:active{
  color: #FFFFFF;
}
.TopDiv a:visited{
  color: #FFFFFF;
}
.ArchivesDiv table a:link, a:active, a:visited{
  color: #365670;
}
.InnerDivContainer{
  float: left;
  background-color: #FAFAFA;
  width: 100%;


}
.container{
  background: #F8F9FA;
}
.LogoBannerContents{
  width: 100%;
  float: left;
  background-color: #FAFAFA;
  height: auto;
  padding: 0;
}
.dropdown a:link{
  font-weight: normal;
}
.nav-link{
  color: #FFFFFF;
  text-decoration: none;
}
</style>
  <style>
  .FeatTable{
    width: 100%;
    /*
    border-bottom: 2px solid #0DADEF;
    */

    margin-bottom: 20px;
  }
.FeatTable img{
  border: 1px solid #DCDCDC;
  width: 100px;
  height: 100px;
}
.FeatTable td{
  padding-bottom: 15px;
}
.Tile2{
  border: 1px solid #DCDCDC;text-align: left;background-color: #FFFFFF;margin-bottom: 10px;
  border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;font-size: 90%;
  min-height:425px;
}
/*
.Tile2 img{
  width:100%;height:200px;
}
*/

.TileImg{
	width:100%;height:200px;
}
.T2{
	padding:10px;font-size:90%;
}

.Tile2 h4{
  font-size: 100%;
}
.Tile2 span{
  font-size: 95%;
}
.Tile2 h4 a:link{
  color: #416480; ;
}

.Tile2 h4 a:hover{
  color: #DCDCDC;text-decoration: none;
}
.Tile2 h5{
  font-size: 80%;
  color:#545353;
  font-weight:bold;
}

.Tile2 span{
  font-size: 85%;
  font-style: italic;
}

.TileTitle{
  width: 100%;padding: 5px;
  background-color: #0099FF;
  font-size:90%;
  color:#FFFFFF;
}
.Words1{
  padding: 5px;margin: 5px;border: 1px solid #DCDCDC;border-radius: 5px;background-color: #24608C; color: #FFFFFF; font-weight: normal;
  font-size: 80%;
   display: inline-block;
}
.Words1:hover{
  background-color: #DCDCDC;
  cursor: pointer;
}
.Ndop1{
  border: 1px solid #DCDCDC;width: 100%;min-height: 300px;float: left;height: auto;
}
.NdopText{
  background:none ;width:auto;padding: 10px;margin:10px;border: 1px solid #FAFAFA;bottom: 0;position: absolute;color: #FFFFFF;background-color: #416480;font-size: 120%;opacity: 0.8;filter: alpha(opacity=50);border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;
}
.SearchBar{
  float: left;width: 100%; background-color:#D6E5EF;height: auto;text-align: right;
}

.topnav-right {
  float: right;
  width: auto;
}
</style>
