body {background-color: #fff; padding:0; margin:0;}
a {color:#000099; font-weight: normal; font-family: Roboto; font-size:20px;}
a:hover {color:#9999D6; font-weight: normal;}
h1 {color: #000099; font-size:26px; font-family: Roboto; font-style: italic; font-weight: 600; text-align: center;}
h2 {color: #000099; font-size:24px; font-family: Roboto; font-style: italic; font-weight: 600; text-align: center;}
h3 {color: #000099; font-size:22px; font-family: Roboto; font-style: normal; font-weight: 600; text-align: center;} 
h4 {color: #000099; font-size:20px; font-family: Roboto; font-style: normal; font-weight: 400; text-align: center;} 
h5 {color: red; font-size:14px; font-family: Roboto; font-style: italic; font-weight: 400; text-align: center;} 
p  {color: #000000; font-size:18px; font-family: Roboto; font-style: normal; font-weight: 400; text-align: justify; text-indent: 20px;} 
li > a {color: #000099; font-family: Philosopher; font-weight: bold;}
ol > li {font-size:18px; text-align: justify;}

cite{
  font-weight: bold;
}

@media(max-width:992px){/*768*/
  .mobile{
    margin: 0 0 10px 0;
    width: 100%;
  }
}
@media(min-width:993px){
  .notebook{
    float: left; 
    margin: 0 20px 10px 0;
    max-width: 300px;
    max-height: 150px;
  }
}
.top1{/* header div    */
  margin: 0;
  padding: 10px 0;
}
.brother{
    background-color: #E5E5F4;
    padding-top: 8px;
    margin: 0 1px;
    border-top: 2px solid #000099;
}
.main-banner{
  border: 2px solid #000099;
  padding: 10px;
}
.ads{/* header div - lecture advertisement     */
  margin: 10px 0 0 0;
}
.ads1{/* header div - lecture advertisement     */
  margin: 0;
  padding: 5px 0 0 0;
  border: 2px solid #ffd700;
  background-color: #ffffc8;
  color: #931455;
}
.top-inline{/* header div - lecture advertisement     */
  display: inline-block;
}
.title{
  font-family: Philosopher; 
  font-weight: bold;
  font-style: italic;
  text-indent: 24px;
  color: #000099;
}

/*   end of for header   */

/*  sidebar */
.mar{  /* container for inajrmation */
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
}
.main{ /*  main parts  */
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-top: 0;
}
.menu{
  background-color: #fff;
  margin: 0 5px 5px 0;
  padding: 0;
  border: 2px solid #000099;
}
.menu-list{
padding-top: 10px;
}
a > div:hover{
  color:#e094af; 
  font-weight: bold;
  background-color: #b30966;
}

/*  end of sidebar */




/* main part */

.head{/*  title of chapter */
background-color: #E5E5F4;
border-bottom: 2px solid #000099;
border-top: 2px solid #000099;
padding-top: 5px;
}
.article{
margin: 10px 0;
padding: 15px;
border: 2px solid #000099;
min-height: 180px;
}
.mini{
  font-size:14px;
}
.blue-style{  /*   link     */
  color: #2b50c8;
}
.red-style {
  color: #f00 !important;
}
.black-style {
  color: black !important;
}
.bs{
  font-weight: bold;
}
.brs{ /*  The first letter big and red   */
  font-weight: bold  !important;
  color: #f00  !important;
  font-size: 20px  !important;
}
.blockquote{
  border-left: 10px solid #eee;
  padding-left: 20px;
}
.comb{
  background-color: #E5E5F4;
}
.underline{   /* dotted underline */
text-decoration: underline dotted;
font-size:18px;
}
.list-none{    /* list without dots */
  list-style-type: none;
}
.top2-right{/*     */
text-align: right;
}
.top2-left{/*     */
text-align: left;
}
.indent0{ /* used with ul-li */
text-indent: 0;
}
.text{
  padding: 0 10px;
}
.text1{
  padding: 0 5px;
}
#bank{
    font-size:17px; 
    font-family: Roboto; 
    font-style: normal; 
    font-weight: 400;
    border-collapse: collapse;
    width: 100%;
}
#bank td, #bank th {
  border: 4px double #ddd;
  padding: 5px;
}
.anoncement{
    border: 1px solid #999;
    margin-bottom: 20px;
    padding: 10px 0 6px;
}
.anoncement > p{
    margin: 0 5px 5px 5px;
    line-height: 180%;
    font-size:16px;
}
.anoncement > p > span{
    background: #ddd;
    display: inline-block;
    font-variant: small-caps;
    margin-right: 2px;
    padding:0;
    text-align: center;
    text-indent:0;
}
.ordo{
    font-size:16px; 
    font-family: Roboto; 
    font-style: normal; 
    font-weight: 400;
    text-align: justify; 
    text-indent: 0;
   /* border-collapse: collapse;*/
    width: 100%;
}
.imp-word{
  text-align: center;
  font-weight: bold;
}
.right-col{
  padding-right: 8px;
}
.left-border{
  border-left: 1px solid #000;
  padding-left: 8px;
}
.margin-h5{
  margin-top: 15px;
}
.catech{
margin: 10px 0;
padding: 15px;
border: 2px solid #000099;
}
.catech > ul{
  padding-left: 60px;
}
.catech > li{
  font-size:14px;
}
.catech > h3{
  font-family: Philosopher; 
}
.catech > a{
  font-family: Philosopher; 
  font-weight: bold;
}
.ask{
  font-weight: bold;
}
.author{
  font-size: 16px;
  font-weight: bold;
  text-align: right;
}

.prayers{
  padding: 0 10px;
}
/* end of main part */


/* start of rightbar */
.video{
  margin: 0 0 5px 5px;
  padding: 5px 15px 0;
  border: 2px solid #000099;
}
.video-img{
  width: 100%;
}


/* end of rightbar */


/* footer */

.footer{/*  container for footer    */
  margin-bottom: 5px;
  border: 2px solid #000099;
  padding-right: 0;
  padding-left: 0;
}
.foot {
  display: inline-block;
  width: 100px;
  padding: 5px; 
  font-family: Philosopher;
  color: #000099;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
}
.foot:hover{/*     */
color: #9999D6;
font-style: italic;
font-weight: normal;
}
.bott-menu{
background-color: #E5E5F4;
margin: 5px;
padding: 5px;
}
.bott1{
background-color: #fff;
margin: 0;
padding: 0 20px;
max-width: 700px;
}
.bott2{
background-color: #eee;
margin: 0 5px;
padding: 10px 5px 5px 5px;
}
.bot-text{
    font-family: Philosopher; 
    font-style: italic; 
    color:#2b50c8;
}
/*  end of footer */