/* CSS Document */
body 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;	
margin:0px;
text-align:center;
background:#618069;
}

.bg{
background:url(../images/green-bg.jpg) repeat-x top left #608069;
padding:15px 0px 15px 0px;
}

.topbg{
background:url(../images/top-bg.jpg) no-repeat top left #ffffff;
}

.logo{
float:left;
padding-left:40px;
padding-top:25px;
padding-bottom:25px;
}

.verticallogo{
float:left;
padding-left:30px;
padding-top:25px;
padding-bottom:25px;
}

.topmenu{
float:right;
padding-right:28px;
padding-top:10px;
}

.topmenu div{
float:left;
color:#1C2220;
padding-left:10px;
font-size:90%;
position:relative;
text-decoration:underline;
}

.bottommenu{
float:right;
padding-right:25px;
padding-top:6px;
#padding-top:5px;
padding-bottom:2px;
#padding-bottom:7px;
}

.bottommenu div{
float:right;
padding-right:5px;
}

a {
text-decoration:underline;
color:#000000;
}


.bottommenu div{
float:left;
color:#1C2220;
font-size:90%;
padding-left:5px;
position:relative;
text-decoration:underline;
}
.seerahlink{
float:right;
position:relative;
padding-top:0px;
#padding-top:10px;
padding-right:10px;
padding-bottom:25px;
}
/*
.subjects{
float:left;
padding-top:20px;
position:relative;
width:907px;
text-align:center;
margin-left:10px;
#margin-left:5px;
padding-bottom:40px;

}

.subjects div{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:265px;
#width:250px;
text-align:left;
padding:0px 8px 15px 10px;
position:relative;

}

.verticalbar{
float:left;
position:relative;
margin-top:-220px;
margin-left:8px;
}

.subjects div img{
float:right;
position:relative;
padding:10px 0px 0px 0px;
}

.heading1{
font-size:190%;
color:#C0BD46;
}
*/


.topics{
padding-top:30px;
padding-bottom:40px;
}

.topics table td{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:5px;
padding-right:5px;
text-align:left;
}

.topics table td img{
#padding-bottom:10px;
}


.bottombg{
background:url(../images/bottom-bg.jpg) no-repeat bottom left #25201A;
}

.footerlinks{
padding-left:40px;
padding-top:10px;
text-align:left;
}
.footerlinks div{
float:left;
position:relative;
padding-left:30px;
padding-bottom:10px;
}

.copyright{
color:#ffffff;
font-size:110%;
font-weight:bold;
margin-right:30px;
text-align:right;
padding-bottom:10px;
}

.termstxt{
text-align:left;
padding:10px 15px 15px 15px;
}

.termstxt p strong{
color:#666666;
}

input{
border:1px solid #12679B;
background:#E4E4E4;
color:#666666;
margin-top:5px;
}

textarea{
border:1px solid #12679B;
background:#E4E4E4;
color:#666666;
}


.topleftbg{
background:url(../images/top-bg_leftside.jpg) no-repeat top left #ffffff;
}

.toprightbg{
background:url(../images/top-bg_rightside.jpg) no-repeat top right #ffffff;
}

.historycontent{
float:left;
position:relative;
width:600px;

}

.historycontent div{
float:left;
position:relative;
padding-left:20px;
padding-bottom:5px;
text-align:left;

}

.mstlogo{
float:left;
position:relative;
margin-left:66px;
#margin-left:100px;
padding-top:10px;
}

.mstlogo div{
float:left;
position:relative;
padding-left:50px;
}

.leftnavigation div{
padding-bottom:4px;
}

.footertxt{
padding-left:20px;
padding-top:15px;
}

.footertxt table td{
color:#C0BD46;
font-size:90%;
padding-left:10px;
padding-bottom:2px;
font-weight:bold;
text-align:left;
}

.footertxt table td a{
color:#C0BD46;
font-size:100%;
text-decoration:none;
}

.encyclocontent{
width:640px;
padding-top:5px;

}

.encyclocontent div{
float:left;
position:relative;
padding-left:20px;
padding-bottom:5px;
text-align:left;
}

.encyclopaedia{
margin-top:-210px;
}

.encyclopaedia div{
float:right;
margin-top:-15px;
padding-bottom:20px;
position:relative;
width:360px;
}

.newscontent{
float:left;
position:relative;
width:615px;
padding-top:5px;
padding-left:20px;
padding-bottom:50px;
}

.newsheadline {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:27px;
font-weight:normal;
float:left;
position:relative;
padding-bottom:3px;
}

.newscontent div{
float:left;
position:relative;
padding-bottom:3px;
}

.bottomline{
float:left;
position:relative;
border-top:1px solid #5894A8;
width:615px;
}

.newsposted{
float:left;
position:relative;
margin-left:310px;
color:#5894A8;
font-size:75%;
margin-bottom:15px;
margin-top:-18px;
#margin-left:155px;
#margin-top:-18px;
}

.sfcontent{
float:left;
position:relative;
padding:20px 20px 20px 20px;
}

.jollyjamaat{
float:right;
position:relative;
margin-top:-182px;
margin-left:160px;
}

.ishaatime{

float:left;
position:relative;
margin:20px 0px 0px 0px;
width:380px;
padding-bottom:30px;
}

.otherpublicationscontent{
width:520px;
padding-top:5px;

}

.otherpublicationscontent div{
float:left;
position:relative;
padding-left:20px;
padding-bottom:5px;
text-align:left;
}

.publications{
margin-top:-210px;
}

.publications div{
float:right;
padding-bottom:15px;
position:relative;
width:340px;
}

.downloadcentercontent {
float:left;
position:relative;
width:550px;
padding:20px 20px 20px 0px;

}

.downloadcentercontent div{
float:left;
width:250px;
position:relative;
}

.bottomborder{
float:left;
position:relative;
margin-top:-20px;
#margin-top:-35px;
width:550px;
border-bottom:1px solid #000000;
}

.downloadcontent{
float:left;
position:relative;
padding:20px 20px 0px 20px;
}

.booktitlesbrown{
color:#663300;
font-weight:bold;
}

.pdf{
float:right;
position:relative;
font-weight:bold;
text-decoration:underline;
padding-right:130px;
margin-top:-70px;
}

.lit{

float:left;
position:relative;
font-weight:bold;
text-decoration:underline;
padding-left:490px;
margin-top:-70px;
}

.booktitlesblue{
padding-top:20px;
color:#020055;
font-weight:bold;
}

.pdfblue{
float:right;
position:relative;
font-weight:bold;
text-decoration:underline;
padding-right:130px;
margin-top:-20px;
}

.litblue{

float:left;
position:relative;
font-weight:bold;
text-decoration:underline;
padding-left:490px;
margin-top:-20px;
}


.booktitlesgreen{
padding-top:20px;
color:#279909;
font-weight:bold;
}

.pdfgreen{
float:right;
position:relative;
font-weight:bold;
text-decoration:underline;
padding-right:130px;
margin-top:-50px;
}

.litgreen{

float:left;
position:relative;
font-weight:bold;
text-decoration:underline;
padding-left:490px;
margin-top:-50px;
}

.booktitlesred{
padding-top:20px;
padding-bottom:30px;
color:#AA0909;
font-weight:bold;
}

.pdfred{
float:right;
position:relative;
font-weight:bold;
text-decoration:underline;
padding-right:130px;
margin-top:-50px;
}

.litred{

float:left;
position:relative;
font-weight:bold;
text-decoration:underline;
padding-left:490px;
margin-top:-50px;
}

.ordercontent table td{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding:0px 5px 0px 5px;
}

.unpublishedcontent{
width:520px;
padding-top:5px;
}

.unpublishedcontent div{
float:left;
position:relative;
padding-left:20px;
padding-bottom:8px;
text-align:left;
}

.unpublished{
margin-top:-210px;
}

.unpublished div{
float:right;
padding-bottom:10px;
position:relative;
width:350px;
}

.childrencontent{
width:660px;
padding-top:5px;

}

.childrencontent div{
float:left;
position:relative;
padding-left:20px;
padding-bottom:5px;
text-align:left;
}

.children{
}

.children div{
float:left;
position:relative;

}

.seerah a{
font-weight:bold;
color:#339933;
text-decoration:none;
}

.seerah a:hover{
font-weight:bold;
color:#00F000;
}

.seerahstore a{
font-weight:bold;
color:#AA1E23;
text-decoration:none;
}

.seerahstore a:hover{
font-weight:bold;
color:#FF0C15;
}

.stonefaruq a{
font-weight:bold;
color:#006699;
text-decoration:none;
}

.stonefaruq a:hover{
font-weight:bold;
color:#00AAFF;
}


.seerahkids a{
font-weight:bold;
color:#DA6227;
text-decoration:none;
}

.seerahkids a:hover{
font-weight:bold;
color:#E79404;
}
