@charset "utf-8";
/* CSS Document */

@font-face { 
font-family: 'KFGQPC Uthmanic Script HAFS';
src: url('uthmanichafsv09.otf');
}

@font-face {
    font-family: 'me_quranR3HOQ';
    src: url('me_quranR3HOQ.ttf');
}

@font-face { 
font-family: 'KFGQPC Uthman Taha Naskh';
src: url('uthmanictaha.otf');
}

@font-face { 
font-family: 'AGA Arabesque';
src: url('arabsq.ttf');
}

#titlebar{
text-align:center;
width: 101%;
background: -moz-linear-gradient(top,#004a39,#005541);background:linear-gradient(top,#004a39,#005541);background: -o-linear-gradient(top,#004a39,#005541);background: -webkit-gradient(linear, left top, left bottom, from(#004a39), to(#005541));
position: fixed;
top:0px;
margin-left:-10px;
padding-right:1px;
font-family: Times New Roman;
font-size: 13pt;
font-weight: normal;
color: white;
display:none;
border: none;
}

#myBtn {
	display:none;
border: none;
  position: fixed;
  bottom: 45px;
  width: 40px;
  height: 40px;
  background-image: url("images2/arrowup9696.png");
  background-size:     cover;
  right: 5px;
  background-color: transparent;
}

.navigation img{height:40px;}

.navigation{
text-align:center;
width: 101%;
background: -moz-linear-gradient(top,#004a39,#005541);background:linear-gradient(top,#004a39,#005541);background: -o-linear-gradient(top,#004a39,#005541);background: -webkit-gradient(linear, left top, left bottom, from(#004a39), to(#005541));
position: fixed;
bottom:0px;
margin-left:-10px;
padding-right:1px;
}

.next{
text-align:right;margin-left:15%
}

.previous{
text-align:left;margin-right:15%
}

a {
    text-decoration: none;
    display: inline-block;
    
	
}