﻿body{
padding:0;
margin:0;
font:76% tahoma, verdana, sans-serif;
background:#e0e0e0;
color:#303030;
}
 
 

#container{
padding:30px 20px 30px 20px;
background:white; 
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}



#header{
position: absolute;
padding:0;
clear:both;
margin:0px 0 0 0;
top: 20 Px;
width: 95%;
}

#headercontent{
   position: absolute;
   background: #809cC9;
height:195px;
   left: 10px;
  top: 20px;
width: 95%;
color: green;
}

 

 
  #content {
   margin-top: 217px;
     margin-left: 18%;
  margin-right: 1px;
  left: 2px;
padding:30px 20px 30px 20px;
}

#menuleft{
position: absolute;
background:#d0d0d0;
border: 5px;
border-bottom-width: 0;
width: 17%;
left: 10px;
top: 225px;
text-align:left;
color: #008000;
font-size:1.1em;
font-weight:bold;
overflow: hidden;
}
 
 #menuright{
position: absolute;
background:#d0d0d0;
border: 5px;
border-bottom-width: 0;
width: 127px;
left: 15px;
top: 225px;
text-align:left;
}

#logo{
position: absolute;
top: 5px;
height:0px;
padding:0;
clear:both;
margin:0px 0 0 0;
width: 150px;
padding:8px 8px 8px 11px;
}


#converttoislam {background: url(../menu/images/bl.gif) 0 100% no-repeat #e68200; margin:10px 10px 10px 10px; width:87%;}
.cbll2 {background: url(../menu/images/br.gif) 100% 100% no-repeat}
.cbrl2 {background: url(../menu/images/tl.gif) 0 0 no-repeat}
.ctll2 {background: url(../menu/images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 
 
}
 

#logort{
text-align:left;
}

 #switcher{
position: absolute;
border: 5px;
border-bottom-width: 0;
width: 127px;
top: 125px;
}

#fontControls{
position: absolute;
border: 5px;
border-bottom-width: 0;
width: 487px;
top: 160px;
}


  #footer{
background:#fafafa;
color:#808080;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
margin:20px 0 0 0;
text-align:center;
}
 

 
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
}

.curlycontainer .innerdiv{
background: transparent url(../menu/images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}
 

.block{
background:#f0f0f0;
padding:15px;
}

#header p{
width:290px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px
;
}

#header h2{
padding:15px 15px 0 15px;
color:#ffffff;
}

#header a{
color:#ffffff;
text-decoration:underline;
}
 
img
{  border-style: none;
}
 
 
h1{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}

h1.contenttitle{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
color: red;
}

h1.c-title{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:bold;
 color: #008000;
 text-align:center;
}

h2{
margin:20px 0 10px 0
font-size:1.6em;
font-weight:bold;
color: #008000;
}

h2.c-subtitle{
margin:20px 0 10px 0
font-size:1.6em;
font-weight:bold;
color: #008000;
text-align:left;
}

h3{
margin:20px 0 10px 0;
font-size:1.4em;
font-weight:normal;
}

p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left; 
}

p.ayat{
margin:0 0 15px 0;
font-size:1.6em;
font-weight:bold;
color: #008000;
}

p.hadith{
font-size:1.6em;
font-weight:bold;
color: #008000;
}

.right{
text-align:right;
}

a img{
border:0;
}


.hide{
display:none;
}


#footer a{
color: #303030;
}

#footer p{
margin:0 10px;
}

 

.logo h1 a{
color: #303030;
}

#logo h1 a:hover{
text-decoration:none;
}


#menuleft p{
font-size:1.9em;
line-height:1.3em;
margin:0 0 12px 0;
text-align:left;
color: #008000;
}

.list-t-p{
font-size:1.2em;
line-height:1.3em;
margin:0 0 12px 0;
text-align:left;
color: #008000;
}

.list-t-i{
font-size:1.2em;
line-height:1.3em;
margin:0 0 12px 0;
text-align:left;
color: #008000;
}

.list-t-s{
font-size:1.2em;
line-height:1.3em;
margin:0 0 12px 0;
text-align:left;
color: #008000;
}

.list-t-ql{
font-size:1.2em;
line-height:1.3em;
margin:0 0 12px 0;
text-align:left;
color: #008000;
}


#menuright p{
font-size:0.9em;
line-height:1.3em;
margin:0 0 12px 0;
text-align:left;
}

 

#menuleft ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal;
}

#menuleft li a{
display: block;
padding: 2px 0;
padding-left: 10px;text-decoration: none;
color:  #0000DB;
border-bottom: 0px solid #90bade;
border-left: 0px solid  #1958b7;
font-size:1.1em;
font-weight: normal;
}

* html #menuleft li a{ /*IE only */
width: 177px; /*IE 5*/
width: 177px; /* 167px minus all left/right paddings and margins*/
}

#menuleft li a:hover {
background-color: orange;
border-left-color: #1c64d1;
width: 157px; /* 167px minus all left/right paddings and margins*/
font-size:1.1em;
font-weight: normal;
}

#menuleft div.menutitle{
color: #008000;
border-bottom: 0px solid grey;
padding: 0px 0;
padding-left: 15px;
background-color: ;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


#addrb{
text-align:left;
padding:8px 8px 8px 11px;
}
 
 


#contentb{ 
height:0px;
color:#505050;
padding:0;
clear:both;
margin:0px 0 0 0;
}

#bottom{ 
height:0px;
color:#ffffff;
padding:0;
clear:both;
margin:0px 0 0 0;
}

#expandcontentb{ 
height:0px;
color:#505050;
padding:0;
clear:both;
margin:0px 0 0 0;
}

#expandlmt{ 
height:95px;
color:#505050;
padding:0;
clear:both;
margin:0px 0 0 0;
}

#expandlmb{ 
height:47px;
color:#005050;
padding:0;
clear:both;
margin:0px 0 0 0;
}

#expandrmt{ 
height:0px;
color:#505050;
padding:0;
clear:both;
margin:0px 0 0 0;
}

#expandrmb{ 
height:0px;
color:#505950;
padding:0;
clear:both;
margin:0px 0 0 0;
}


#exleftnav{
border: 1px solid #b8b8b8;
margin:10px 10px 10px 10px;
width:5px;
align:center;
text-align:left;
padding:1px 1pox 1px 1px;
}






#addlb{
height:290px; 
width: 150px;
}

#lmbox1 {background: url(../menu/images/bl.gif) 0 100% no-repeat #e68200; margin:10px 10px 10px 10px;  width:87%;}
.hbll2 {background: url(../menu/images/br.gif) 100% 100% no-repeat}
.hbrl2 {background: url(../menu/images/tl.gif) 0 0 no-repeat}
.htll2 {background: url(../menu/images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 
}
 

#lmbox1a {background:  url(../menu/images/bl.gif) 0 100% no-repeat #e68200; margin:10px 10px 10px 10px;  width:87%;}
.ipbll2 {background: url(../menu/images/br.gif) 100% 100% no-repeat}
.ipbrl2 {background: url(../menu/images/tl.gif) 0 0 no-repeat}
.iptll2 {background: url(../menu/images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 


 #lmbox2 {background: url(../menu/images/bl.gif) 0 100% no-repeat #e68200; margin:10px 10px 10px 10px;  width:87%;}
.brl2 {background: url(../menu/images/br.gif) 100% 100% no-repeat}
.tll2 {background: url(../menu/images/tl.gif) 0 0 no-repeat}
.trl2 {background: url(../menu/images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 

 #lmbox3 {background: url(../menu/images/bl.gif) 0 100% no-repeat #e68200; margin:10px 10px 10px 10px;  width:87%;}
.brl3 {background: url(../menu/images/br.gif) 100% 100% no-repeat}
.tll3 {background: url(../menu/images/tl.gif) 0 0 no-repeat}
.trl3 {background: url(../menu/images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 


 #lmbox4 {background: url(../menu/images/bl.gif) 0 100% no-repeat #e68200; margin:10px 10px 10px 10px;  width:87%;}
.brl4 {background: url(../menu/images/br.gif) 100% 100% no-repeat}
.tll4 {background: url(../menu/images/tl.gif) 0 0 no-repeat}
.trl4 {background: url(../menu/images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 

 
   #rmbox1 {background: url(../menu/images/bl.gif) 0 100% no-repeat #e68200; width: 10em}
.brr1 {background: url(../menu/images/br.gif) 100% 100% no-repeat}
.tlr1 {background: url(../menu/images/tl.gif) 0 0 no-repeat}
.trr1 {background: url(../menu/images/tr2.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 20px;} 
 
 
#logo1{
   position: absolute;
   left: 300px;
  top: 70px;
   width: 150px;
text-align:left;
}


#shopping{
left: 30px;
text-align:left;
 width: 250px;
}

#livechat{
   width: 1px;
}
#special1{
   width: 1px;
}

#special2{
   width: 1px;
}

#logo2{
width: 1px;
}
#logo3{
   width: 1px;
}

#emailpagetop{
text-align:center;
}

#emailpagebottom{
text-align:center;
}

#donate{
width: 1px;
}

#boycott{
 width: 1px;
}
