body{
}
 
 

#container{
padding:30px 20px 30px 20px;
background:white; 
}



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

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

 

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

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

 

 
 #livehelp{
 position: absolute;
left: 5px;
top: 200px;
}

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

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


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

 

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

 

#donate{
background: #e68200;
text-align:left;
height: 40px;
}

#boycott{
 width: 1px;
}

#logo{
padding:0;
clear:both;
margin:0px 0 0 0;
width: 150px;
padding:8px 8px 8px 11px;
}

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

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


 
#special1{
   width: 1px;
}

#special2{
   width: 1px;
}


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

#logo2{
width: 1px;
}

#logo3{
   width: 1px;
}
 
.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:#fffffc;
}

#header a{
color:#fffffc;
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.annhead{
font-size:3.9em;
font-weight:bold;
color: yellow;
}
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;
}




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

#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 #1c64d1;
padding: 0px 0;
padding-left: 15px;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


 
 


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

#bottom{ 
height:0px;
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;
text-align:left;
}

 

#emailpagetop{
text-align:center;
}

#emailpagebottom{
text-align:center;
}

 

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


#boxconvert {
  width:12em; 
  }
 

#convert a, #convert a:visited {
  color:#fff; 
  text-decoration:none; 
  display:block; 
  padding:0.4em;
  background: #e68200;
  }

#convert a:hover {
  background: red; 
  color:pink;
  }

.topc {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottomc {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #e68200;
  }

.bc1 {
  display:block; 
  height:1px;
  background: #e68200;
  margin:0 5px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }


.bc2 {
  display:block; 
  height:1px;
  background: #e68200;
  margin:0 3px;
  border-left:2px solid #fff;
  border-right:2px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bc3 {
  display:block; 
  height:1px;
  background: #e68200;
  margin:0 2px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bc4 {
  display:block; 
  height:2px;
  background: #e68200;
  margin:0 1px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }



#boxcontacth {
  width:12em;
  }
#convert {
 margin: 0; 
  padding: 0;  
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
 }

#convertt {
 margin: 0; 
  padding: 0;  
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
 }

#contacth a, #contacth a:visited {
  color:#fff; 
  text-decoration:none; 
  display:block; 
  padding:0.4em;
  background: #e68200;
  }

#contacth a:hover {
  background: #258; 
  color:#9cf;
  }

.toph {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottomh {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #e68200;
  }

.bh1 {
  display:block; 
  height:1px;
  background:#fff;
  margin:0 5px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bh2 {
  display:block; 
  height:1px;
   background: #e68200;
  margin:0 3px;
  border-left:2px solid #fff;
  border-right:2px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bh3 {
  display:block; 
  height:1px;
   background: #e68200;
  margin:0 2px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bh4 {
  display:block; 
  height:2px;
   background: #e68200;
  margin:0 1px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }
 




#boxpages {
  width:12em;
  }

  
 
#pages {
 margin: 0; 
  padding: 0;  
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
 }

 

#pagest {
  margin:0; 
  padding:0.4em; 
  text-align:center; 
  font-size: 1.4em; 
  font-weight:bold; 
  background: #69c;
 color:#9cf;
  }


#pages a, #pages a:visited {
  color:#fff; 
  text-decoration:none; 
  display:block; 
  padding:0.4em;
  background: #47a;
  }

 

#pages a:hover {
  background: #258; 
  color:#9cf;
  }

.topt {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottomp {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #fff;
  }

.bp1 {
  display:block; 
  height:1px;
  background:#fff;
  margin:0 5px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bp2 {
  display:block; 
  height:1px;
  background:#69c;
  margin:0 3px;
  border-left:2px solid #fff;
  border-right:2px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bp3 {
  display:block; 
  height:1px;
  background:#69c;
  margin:0 2px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bp4 {
  display:block; 
  height:2px;
  background:#69c;
  margin:0 1px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }




#boxtopics {
  width:12em;
  }

  
 
#topics {
 margin: 0; 
  padding: 0;  
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
 }

 

#topicst {
  margin:0; 
  padding:0.4em; 
  text-align:center; 
  font-size: 1.4em; 
  font-weight:bold; 
  background: #69c;
color:red;
  }


#topics a, #topics a:visited {
  color:#fff; 
  text-decoration:none; 
  display:block; 
  padding:0.4em;
  background: #47a;
  }

 

#topics a:hover {
  background: #258; 
 color:#9cf;
  }

.topt {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottomt {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #fff;
  }

.bt1 {
  display:block; 
  height:1px;
  background:#fff;
  margin:0 5px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bt2 {
  display:block; 
  height:1px;
  background:#69c;
  margin:0 3px;
  border-left:2px solid #fff;
  border-right:2px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bt3 {
  display:block; 
  height:1px;
  background:#69c;
  margin:0 2px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bt4 {
  display:block; 
  height:2px;
  background:#69c;
  margin:0 1px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }



#boxquick {
  width:12em;
  }

#quick {
 margin: 0; 
  padding: 0;  
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
 }

 

#quickt {
  margin:0; 
  padding:0.4em; 
  text-align:center; 
  font-size: 1.4em; 
  font-weight:bold; 
  background: #69c;
color:red;
  }


#quick a, #quick a:visited {
  color:#fff; 
  text-decoration:none; 
  display:block; 
  padding:0.4em;
  background: #47a;
  }

#quick a:hover {
  background: #258; 
  color:#9cf;
  }

.topQ {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottomQ {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #fff;
  }

.bq1 {
  display:block; 
  height:1px;
  background:#fff;
  margin:0 5px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bq2 {
  display:block; 
  height:1px;
  background:#69c;
  margin:0 3px;
  border-left:2px solid #fff;
  border-right:2px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bq3 {
  display:block; 
  height:1px;
  background:#69c;
  margin:0 2px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bq4 {
  display:block; 
  height:2px;
  background:#69c;
  margin:0 1px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }







#boxstories {
  width:12em;
  }

#stories {
 margin: 0; 
  padding: 0;  
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
 }

#storiest {
  margin:0; 
  padding:0.4em; 
  text-align:center; 
  font-size: 1.4em; 
  font-weight:bold; 
  background: #69c;
color:yellow;
  }
 

#stories a, #stories a:visited {
  color:#fff; 
  text-decoration:none; 
  display:block; 
  padding:0.4em;
  background: #47a;
  }

#stories a:hover {
  background: #258; 
  color:#9cf;
  }
 


#lmbox5{
width: 150px;
}


.tops {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottoms {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #fff;
  }

.bs1 {
  display:block; 
  height:1px;
  background:#fff;
  margin:0 5px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bs2 {
  display:block; 
  height:1px;
  background:#69c;
  margin:0 3px;
  border-left:2px solid #fff;
  border-right:2px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bs3 {
  display:block; 
  height:1px;
  background:#69c;
  margin:0 2px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bs4 {
  display:block; 
  height:2px;
  background:#69c;
  margin:0 1px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }


dl {
  margin: 0; 
  padding: 0;  
  border-left:1px solid #fff; 
  border-right:1px solid #fff;
  }

dt {
  margin:0; 
  padding:0.4em; 
  text-align:center; 
  font-size: 1.4em; 
  font-weight:bold; 
  background: #69c;
  }

dd {
  margin:0; 
  padding:0; 
  text-align:left; 
background: #69c; 
  }