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

#container{
margin:35px auto 35px auto;
padding:30px 20px 30px 20px;
background:white; 
top: 30px;
}



#header{
position: absolute;
height:195px;
color:#ffffff;
padding:0;
background:blue url(../menu/images/headerbackt.jpg) top left no-repeat;
clear:both;
margin:0px 0 0 0;
top: 100px;
width: 95%;
overflow : hidden;
}
 
#headercontent{
   position: absolute;
height:195px;
   left: 200px;
  top: 100px;
   width: 450px;
}

  

#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;
}





 


 
 #content {
   margin-top: 277px;
   margin-left: 15px;
  margin-right: 197px;
  left: 2px;
padding:30px 20px 30px 20px;
}
 
 
 
.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;
}

  
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: red;
}

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;
}

.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}

.hide{
display:none;
}

 #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;
}
 

#footer a{
color:#808080;
}

#footer p{
margin:0 10px;
}



#menuright{
   position: absolute;
background:#d0d0d0;
right: 5px;
top: 259px;;
   width: 150px;
}



#logo h1 a{
color:#303030;
}

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


#menuleft{
border: 5px;
border-bottom-width: 0;
width: 157px;
position: absolute;
background:#d0d0d0;
right: 5px;
top: 259px;
width: 175px;
text-align:left;
}


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

#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;
width: 157px; /* 147px minus all left/right paddings and margins*/
text-decoration: none;
color:  #0000DB;
border-bottom: 0px solid #90bade;
border-left: 0px solid  #1958b7;
}

* html #menuleft li a{ /*IE only */
width: 157px; /*IE 5*/
w\idth: 155px; /* 147px minus all left/right paddings and margins*/
}

#menuleft li a:hover {
background-color: orange;
border-left-color: #1c64d1;
}

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


 
#logo{

position: absolute;
   left: 50px;
  top: 5px;
height:0px;
padding:0;
clear:both;
margin:0px 0 0 0;
width: 150px;
padding:8px 8px 8px 11px;
}


#converttoislam{
 background:#1c64d1 url(../menu/images/converttoislam.gif1) top left no-repeat;
  width: 150px;
 height: 30px;
text-align:left;
padding:8px 8px 8px 11px;
}
#addlb{
height:290px; 
width: 150px;
}

#logort{
  top: 170px;
   width: 150px;
text-align:left;
background: white url(../menu/images/logort.jpg) top left no-repeat;
}

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

#shopping{
   position: absolute;
   left: 150px;
  top: 100px;
   width: 650px;
text-align:left;
}

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

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

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

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

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

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

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

 

 

 

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

#lmbox1  {background: url(../menu/images/bl.gif) 0 100% no-repeat silver:10px 10px 10px 10px; width:150px;}
.brl1 {background: url(../menu/images/br.gif) 100% 100% no-repeat}
.tll  {background: url(../menu/images/tl.gif) 0 0 no-repeat}
.trl1 {background: url(../menu/images/tr2.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:150px;}
.brl1a {background: url(../menu/images/br.gif) 100% 100% no-repeat}
.tlla {background: url(../menu/images/tl.gif) 0 0 no-repeat}
.trl1a {background: url(../menu/images/tr2.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:150px;}
.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/tr2.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:150px;}
.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:150px;}
.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;
}

#livechat{
   position: absolute;
   left: 300px;
  top: 670px;
   width: 150px;
text-align:left;
}
#special1{
   position: absolute;
   left: 300px;
  top: 670px;
   width: 150px;
text-align:left;
}

#special2{
   position: absolute;
   left: 300px;
  top: 670px;
   width: 150px;
text-align:left;
}

#logo2{
   position: absolute;
   left: 300px;
  top: 670px;
   width: 150px;
text-align:left;
}
#logo3{
   position: absolute;
   left: 300px;
  top: 670px;
   width: 150px;
text-align:left;
}