﻿html, body {
 width: 100%;
 height: 100%;
 border: 0px; padding: 0; margin: 0;
 background-image: url('figs/sky.gif');
 background-repeat: repeat-x;
 background-position: right top;
 font-family: Times New Roman;
 font-size: 12pt;
}
div {
 border: 0px; padding: 0; margin: 0;
}
h1 {/*Big, Orange*/
 font-family: Arial, Helvetica, Verdana;
 font-size: 14pt;
 font-weight: bold;
 color: #fb6000;
 margin: 0px;
 margin-top: 10px;
 margin-bottom: 5px;
}
h2 {/*Title, Green*/
 font-family: Arial, Helvetica, Verdana;
 font-size: 11pt;
 font-weight: bold;
 color: #106600;
 margin: 0px;
 margin-top: 10px;
 margin-bottom: 5px;
}
h3 {/*same as h2 but Orange*/
 font-family: Arial, Helvetica, Verdana;
 font-size: 11pt;
 font-weight: bold;
 color: #fb6000;
 margin: 0px;
 margin-top: 10px;
 margin-bottom: 5px;
}
h4 {/*Small, Black*/
 font-family: Times New Roman;
 font-size: 10pt;
 font-weight: normal;
 color: black;
 margin: 0px;
 margin-top: 1px;
 margin-bottom: 1px;
}
h4.org {/*Small, Black*/
 font-family: Times New Roman;
 font-size: 10pt;
 font-weight: bold;
 color: #fb6000;
 margin: 0px;
 margin-top: 1px;
 margin-bottom: 1px;
}
h5 {/*Tiny, Blue*/
 font-family: Arial, Helvetica, Verdana;
 font-size: 8pt;
 font-weight: normal;
 color: #003382;
 margin: 0px;
 margin-top: 2px;
 margin-bottom: 2px;
}
h6 {/*Kids Title*/
 font-family: Comic Sans MS;
 font-size: 14pt;
 font-weight: bold;
 color: #006dff;
 margin: 0px;
 margin-top: 10px;
 margin-bottom: 5px;
}
b {
 font-family: Arial, Helvetica, Verdana;
 font-size: 11pt;
 font-weight: bold;
 color: #106600;
}
b.two {
 font-family: Arial, Helvetica, Verdana;
 font-size: 11pt;
 font-weight: bold;
 color: #fb6000;
}
hr {
 color: /*#fb6000*/ Yellow;
}
a:link, a:visited, a:active {
 text-decoration: none;
 color: black;
}
a:hover {
 text-decoration: underline;
 color: green;
}
a.two {
 text-decoration: underline;
 color: green;
}
a.kid:link, a.kid:visited, a.kid:active {
 text-decoration: none;
 color: #ff41ff;
}
a.kid:hover {
 text-decoration: underline;
 color: #ff41ff;
}

#qPage {
 width: 100%;
 height: 100%;
}
#qMain {
 width: 991px;
 height: 100%; min-height: 850px;
 text-align: left;
}
#qDummy {
 width: 1px;
 height: 100%;
 background-color: Transparent;
}
#qA_m {
 width: 600px;
}


#qA_m, #qA, #qB_m, #qB, #qC {
 border-width: 5px;
 border-color: #003382; /*margin*/
}
#qA_m, #qB_m {
 background-image: url('figs/tile.gif');
}
#qA, #qB {
 margin: 20px;
 background-color: #f5fff7; /*background*/
}
#qA_m, #qA, #qB_m, #qB { border-style: solid; }
#qC   { border-left-style:  solid; }
#qA_m { border-right-style: none;  }
#qB_m { border-left-style:  none;  }
#qB   { margin-left: 0px; }



#qC {
 height: 180px;
 background-image: url('figs/minar.gif');
 background-repeat: no-repeat;
 background-position: left top;
}
#qCtext {
 margin-left: 214px;
 margin-right: 16px;
 margin-top: 10px;
 font-family: Arial, Helvetica, Verdana;
 font-size: 10pt;
}


#qA1 {
 height: 200px;
 background-image: url('figs/qoba.gif');
 background-repeat: no-repeat;
 background-position: center top;
}


#qA2 {
 text-align: justify;
}
#qHome, #qServices, #qCalendar, #qHalal, #qLinks, #qAbout, #qMoRamadan {
 padding-top: 10px;
 padding-bottom: 5px;
 padding-left: 15px;
 padding-right: 10px;
}
#qHome1 {
 height: 295px;
}


#qB1 {
 height: 64px;
 background-image: url('figs/tagh.gif');
 background-repeat: no-repeat;
 background-position: left top;
}
#qB2 {
 height: 340px;
}
#qAyat, #qHadith {
 width: 150px;
 padding: 15px;
 padding-top: 5px;
 text-align: justify;
}
#qCartoon {
 padding-top: 5px;
 padding-left: 100px;
 text-align: justify;
 font-family: Comic Sans MS;
 font-size: 12pt;
}


#qHome, #qServices, #qCalendar, #qHalal, #qLinks, #qAbout, #qMoRamadan {
 background-image: url('figs/texturea.gif');
 background-repeat: repeat;
 background-position: left top;
}
#qB {
 background-image: url('figs/textureb.gif');
 background-repeat: repeat;
 background-position: left top;
}
