#body{bgcolour:black;}
  
#container{background:black; padding:30px 20px 30px 20px;}

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

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

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



 
#menuleft{
position: absolute;
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: 14%;
left: 10px;
top: 235px;
text-align:left;
color: #008000;
font-size:1.1em;
font-weight:bold;
overflow: hidden;
}

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

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

.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;}
 
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;}
.hide{display:none;}
#footer a{color: #303030;}
#footer p{margin:0 12px;}
 .img{ border-style: none;}
 .a img{border:0;}


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


#expandlmt{height:71px;}
#expandlmb {height:47px;}
#expandrmt{height:0px;}
#expandrmb{height:0px;}
#exleftnav{border: 1px solid #b8b8b8; margin: 10px 10px 10px 10px; width: 5px; text-align:left;}

#emailpagetop, #emailpagebottom{text-align:center;}

#logo{position:absolute; width: 450px; top: 70px; text-decoration:none;}

#addlf{ width: 0px; position: abolute; top:10px; 0px;} 

#logo li { display: block; text-decoration: none; height:0px;}
#logo li a{ display: block; background-color: pink; text-decoration: none; height:0px;}
#logo li a:hover { background-color: orange; text-decoration: none;  height:0px;}
#logo ul{margin: 0; padding: 0; list-style-type: none;}
span.addlfinr{width: 0px; height: 0px;} 
#special1{width: 150px; height: 0px }
#special2{width: 0px;}



#boxconvert, #boxcontacth, #boxpages, #boxtopics, #boxquick, #boxstories { background:transparent; width:11em;  }

 
#contacth, #pages, #topics, #quick, #stories {background:transparent; margin: 0; padding: 0; border-left:1px solid black;  border-right:1px solid black;}


#contacth a, #pages a, #topics a, #quick a, #stories a  {background:transparent; color:  #0000DB;text-decoration:none;  display:block;  padding:0.4em;}
  
#contact a:visited, #pages a:visited, #topics a:visited, #quick a:visited, #stories a:visited {
color:  #0000DB;; text-decoration:none; display:block; padding:0.4em;}
 
#contacth a:hover, #pages a:hover, #topics a:hover, #quick a:hover,#stories a:hover { background: #258; color:#9cf; } 

#pagest, #topicst, #quickt, #storiest {
 background:#fafafa; margin:0; padding:0.4em; text-align:center; font-size: 1.4em; font-weight:bold; color:black  }
  
 
.toph,.topt, .topp, .topq, .tops { display:block; background:transparent; }

.bottomh, .bottomt, .bottomp, .bottomq, .bottoms { solid black; display:block; background:transparent;  }

.bh1, .bp1, .bt1, .bq1, .bs1 {
  display:block; 
  height:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bh2, .bp2, .bt2, .bq2, .bs2 {
  display:block; 
  height:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bh3, .bp3, .bt3, .bq3, .bs3 {
  display:block; 
  height:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

.bh4, .bp4, .bt4, .bq4, .bs4 {
  display:block; 
  height:1px;
  background:black;
  margin:0 1px;
  border-left:1px solid black;
  border-right:1px solid black;
/* 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;  }


#boxlivehelp {width:152px; padding-left: 10px; padding-right: 10px;position: absolute; left: 19px; top: 230px; }
#livehelp {margin: 0;  padding: 0; border-left:1px solid #d0d0d; border-right:1px solid #d0d0d;}
#livehelp a, #livehelp a:visited {color:green; text-decoration:none; display:block; padding:0.4em; background:#d0d0d;}
#livehelp a:hover {background: #258; color:#9cf;}
.toplh {display:block; background:transparent; font-size:1px;}
.bottomlh {display:block; background:transparent; font-size:1px; border-top:1px solid #fff;
  }

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

.blh2 {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; 
/* */
  }

.blh3 {
  display:block; 
  height:1px;
  background:#d0d0d;
  margin:0 2px;

  border-left:1px solid #d0d0d0;
  border-right:1px solid #d0d0d0
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */
  }

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


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