* { margin: 0; padding: 0; }
          body { font: 14px/1.4 Georgia, serif; }
          #page-wrap { width: 920px; margin: 15px auto; }
          p { margin: 0 0 15px 0; }
         
          #sidebar ul { background: #eee; padding: 10px; }
          li { margin: 0 0 0 20px; }
          #main { width: 570px; float: left; padding:20px;  }
          #sidebar { width: 310px; float: right; }
  tr:nth-child(odd)		{ background-color:#bfbfbf; }
  tr:nth-child(even)		{ background-color:#fff; }
  
  table {
      border-collapse: collapse;
  }
  
  
#main > img {
    width: 100%;
}

.u_font {
    font-size: 24px !important;
    font-weight: bold;
    text-align: right;
}
  img {
      display: block;
      margin: auto;
      
  }
  
  #sidebar table, td {
      border:1px solid #055d2c;
      padding:10px;
      direction: rtl;
      font-family: "NoorNastaliq";
      
      
  }
  .content{
      overflow: auto;
      position: relative;
      
      
      margin: 10px;
      width: 740px;
      max-width: 97%;
      height: 600px;
      -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }
  
  .content.hidden{ display: none; }
  #sidebar td {
      border-right:none;
      }
      

#sidebar td:first-child {
    font-size: 26px;
    font-weight: bold;
    width: 25%;
}
      
  @font-face {
    font-family: "NoorNastaliq";
    src: url("../fonts/jameel-noori-nastaleeq.ttf");
    }
    
    @font-face {
    font-family: "NafeesNaqash";
    src: url("../fonts/nafees-naskh-regular-1.ttf");
    }
    
    @font-face {
    font-family: "NooriKasheeda";
    src: url("../fonts/jameel-noori-kasheeda-regular-1.ttf");
    }
	 @font-face {
    font-family: "aa_sameer";
    src: url("../fonts/aa_sameer.ttf");
    }
	 @font-face {
    font-family: "sameerbold";
    src: url("../fonts/aa-sameer-bold.ttf");
    }
    @font-face {
    font-family: "MUHAMMADI_QURANIC_FONT";
    src: url("../fonts/MUHAMMADI_QURANIC_FONT.ttf");
    }
    .aa_sameer
	{
		font-family: "sameerbold";
	}
.qurani
{
font-family: "MUHAMMADI_QURANIC_FONT";

}

.clr_qurani {
    font-family: "MUHAMMADI_QURANIC_FONT";
    text-shadow: 0 0 6px orange;
    font-size: 23px;
}
.qurani {
    text-shadow: 0 0 4px green;
    font-size: 22px;
}
.e_h {
    display: block;
    font-family: "aa_sameer";
    font-size: 60px;
    margin: 62px 0 0;
    text-align: center;
}
.clor_h {
    font-size: 34px;
    text-decoration: underline;
    text-shadow: 0 0 5px green;
}
.red {
    color: #912841;
}

.first_h {
    font-family: "NooriKasheeda";
    font-size: 35px !important;
    margin: 40px 0 20px 0 !important;

    color: #000;
}
.pg_9 h1 {
    font-size: 24px;
    text-align: center;
}

.pl1 {
    font-size: 20px;
    margin: 20px 0 0;
    text-align: center;
	font-family: "NoorNastaliq";
}

.pg_9 > h2 {
    font-size: 20px;
    margin: 10px 0 0;
    text-align: center;
    font-family: "NoorNastaliq";
}
.pg_9 > h3 {
    font-family: arial;
    font-size: 12px;
    margin: 10px 0 0;
    text-align: center;
}



.pg_9 > h4 {
font-family: "NoorNastaliq";
font-size: 78px;
margin: 30px 0 20px;
text-align: center;
}

.pg_9 > h5 {
    font-family: arial;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 20px;
    text-align: center;
    text-decoration: underline;
}

.pl2 {
 font-family: "NoorNastaliq";
font-size: 30px;
font-weight: normal;
text-align: center;
margin: 0 0 0 0 !important;
}
.pl3 {
    font-family: noornastaliq;
    font-size: 24px;
    text-align: center;
}


.pl4 {
    font-family: noorikasheeda;
    font-size: 48px;
    margin: 20px 0 0;
    text-align: center;
}

.pl5 {
    font-size: 28px;
    margin: 20px 0 0;
    text-align: center;
    font-family: "NoorNastaliq";
}

.pl6 {
   font-size: 12px;
margin: 10px 0 0;
text-align: center;
font-family: arial;
}

.pl7 {
    font-size: 20px;
    text-align: center;
	font-family:"NoorNastaliq";
}



    
    .urdu
    {
        font-size:14px;
        font-family: mangal;
        }
    .urdu-nafees
    {
       font-family: "NafeesNaqash"; 
        }
        .urdu-kasheeda
        {
          font-family: "NooriKasheeda";  
            }
.heading1 {
    background: #508f9e;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
        
        .heading2
    {
        font-size:22px;
        text-align:center;
        }
        
        .ur_size18
        {
            font-size:24px;
            }
            
      .eng2_font
      {
          font-family:Arial Rounded MT Bold;
          }	  
            
    .eng_font
    {
        font-family:arial;
        
        }
        .page-gap
        {
           
            margin:75px 0;
            }
    
    .div_text_shadow 
  {
  color: rgb(0, 0, 0);
  font-size: 100px;
  
  text-shadow: rgb(203, 143, 66) 0px 1px 20px;
  }
.greenbox
{
background-color:#9bbb59;
      border-bottom:3px solid #000;
      padding:10px;
      border-top:3px solid #000;
      
      }

.table a {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}
  .table a:hover {
      transition: all 0.2s ease-in-out 0s;
      color:#055d2c;
  }

.pg_8 {
    width: 100%;
    direction: rtl;
}
.pg_8 h1 {
    text-align: center;
}
.pg_8 h2 {
    padding: 10px 0 30px;
    text-align: center;
}
.pg_8 > p {
   line-height: 24px;
    width: 100%;
}
.pg_8 .urdu-kasheeda {
    font-size: 30px;
    margin: 70px 0 0;
}
.pg_8 .urdu.ur_size18 {
    font-size: 30px;
    text-align: center;
    text-shadow:0 0 5px green;
}

.pg_8 .urdu {
    direction: rtl;
    font-size: 20px;
    line-height: 30px;
	font-family: "NoorNastaliq";
  text-align: justify;
	
}
.blu_bor {
    border-top:3px solid #1b94cd;
}
.dro_sha {
    font-size: 24px;
    text-shadow: 0 2px 3px #000;
}

.pg_8 .cl1 {
    font-size: 15px;
    font-weight: bold;
}

.cl2 {
    font-size: 22px;
font-family: "NoorNastaliq";
text-shadow: 0 2px 2px #000;
}
.urdu.ur_size18.no_shawdw {
    font-size: 42px;
    text-shadow: inherit;
}


.cl3 {
    font-family: noornastaliq;
    font-size: 20px;
    text-decoration: underline;
}

.cl4 {
     font-family: noornastaliq;
    font-size: 28px;
    font-weight: bold;
}


.clor {
    font-family: NoorNastaliq;
    font-size: 24px;
    text-shadow: 0 0 3px orange;
}
.p_box1 {
    background: #fde9d9 none repeat scroll 0 0;
    border: 2px solid #f79646;
    margin: 0 auto 20px;
    padding: 8px;
    width: 40%;
}

.undr_lin {
    text-decoration: underline;
}

.flt_rig {
    float: left;
    font-size: 42px;
}

.dro_sha1 {
    font-size: 22px;
    text-decoration: underline;
    text-shadow: 0 0 4px green;
}


.pg_8 h1 {
   font-size: 36px;
margin: 30px 0 0 0;
text-align: center;
font-family: "NoorNastaliq";
}

.pg_8 > h3 {
    font-size: 22px;
text-align: center;
font-family: "NoorNastaliq";
font-weight: normal;
margin: 0 0 11px 0;
}

.last_h {
    font-size: 60px !important;
}

.end_p {
    font-size: 40px;
}
.page3 h4 {
    font-size: 26px;
    font-weight: bold;
}

.page3 > h3 {
    font-size: 25px;
	font-weight: normal;
  font-family: arial;
}

.page3 h5 {
    font-size: 22px;
	font-weight: normal;
	font-family: arial;
}
.f_hding {
    font-size: 70px !important;
    text-shadow: none !important;
}
.urdu-kasheeda .dro_sha1 {
    margin: 0 0 20px;
}
.h2 {
  font-family: "NoorNastaliq";
font-size: 48px;
text-shadow: 0 0 5px orange;
}
.couple {
    margin: 0 auto;
    width: 370px;
    display: table;
}
.couple_l {
    float: right;
    text-align: right;
}
.couple_r {
    float: left;
    text-align: right;
}

.cl4_kaseda {
    font-family: NooriKasheeda;
    font-size: 28px;
    font-weight: bold;

}

.clor_sdow {
    font-size: 30px;
    text-shadow: 0 0 3px orange;
    font-family: NooriKasheeda;
}

.clor_sdow2 {
    color: #000;
    font-size: 32px;
    text-shadow: 0 0 5px orange;
}