/* CSS Document */
*
{
padding: 0px;
margin: 0px;
}
body
{
background: #F9F9F7 url(../images/32.gif);
font-size: 12px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #333333;
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
}

html {
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
}

A:link {
font-weight: bold; color:#3366CC; text-decoration: none;
}
A:visited {
text-decoration: none; font-weight: bold; color:#3366CC;
}
A:active {
text-decoration: none
}
A:hover {
text-decoration: none; color:#003366;
}

.datebar{
background: url(../images/dtbg.jpg);
font-size: 11px;
height: 30px;
font-family: "trebuchet ms", helvetica, sans-serif;
font-weight:bold;
color: #8C8C73;
padding-left: 5px;
}

.datebar2{
background: url(../images/dtbg.jpg);
font-size: 11px;
height: 30px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #8C8C73;
}

.mtbl{
margin: 0px;
border: 0px;
vertical-align: top;
background: #ffffff;
}

.mbody{
text-align:justify;
padding: 3px;
}

.leftpane{
vertical-align: top;
width: 225px;
}

.leftbox {
border: 1px dashed #cccccc;
}

/* Hadith verses style */

.hverse {
font-family: arial;
font-size: 11px;
color: #990000;
font-weight: bold;
font-style: italic;
}

.bl {background: url(../images/bl.gif) 0 100% no-repeat; width: 20em}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}

/* Quran verses style */
.qverse_s {
width: 265px;
height: 75px;
background: url(../images/parch_small.jpg) no-repeat;
text-align:center;
padding: 3px;
font-family: arial;
font-size: 12px;
color: #990000;
font-weight: bold;
}

.qverse_m {
width: 355px;
height: 105px;
background: url(../images/parch_medium.jpg) no-repeat;
text-align:center;
padding: 3px;
font-family: arial;
font-size: 12px;
color: #990000;
font-weight: bold;
}

.qverse_l {
width: 395px;
height: 130px;
background: url(../images/parch_large.jpg) no-repeat;
text-align:center;
vertical-align:middle;
padding: 3px;
font-family: arial;
font-size: 12px;
color: #990000;
font-weight: bold;
}

/* Main Menu */
.glossymenu{
list-style-type:none;
line-height: 28px;
margin: 5px 0;
padding: 0;
width: 220px;
border: 1px solid #cccccc;
}

.glossymenu li a{
background: url(../images/b_1.jpg) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
line-height: 28px;
color: white;
padding-left: 5px;
display: block;
width: 215px;
height: 30px;
text-decoration: none;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 215px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../images/b_2.jpg);
}

/* Gallery */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -100px; /*position where enlarged image should offset horizontally */
}

.submitbutton{
border:outset 1px #cccccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../images/sbg.gif) repeat-x left top;
}