html {
margin:0;
padding:0;
}
body {
background: #FFFFCC url( https://www.livingislam.org/_img/Oktal_kl.gif ) repeat-y;
text-align: left;
margin-left: 180px;
padding: 0;
font: 110%/1.5 Verdana, Arial, sans-serif; color: #000099;
}
#topttlarea p {font-family: 'Roboto', sans-serif; color: #000099; font-size: 100%; }
#mcol, #lowarea {font-family: 'Roboto', sans-serif; color: #2F3599; font-size: 120%; }
#wrap {
width:1000px;
margin:0px 0px 0px 10px;
background:#FFFFFF;
}
#topttlarea {
width:938px;
margin:0;
padding:40px 20px 40px 40px;
clear:both;
}
#header {
padding:0px 0px 0px 0px;
background:#ffc;
}
#mcol {
float:left;
width:750px;
padding:0px 20px 0px 40px;
}
#lowarea {
clear:both;
text-align: left;
width:958px;
padding:20px 20px 20px 40px;
}
#footer {
clear:both;
text-align: center;
padding:5px 10px;
background:#F3F3C2;
}
#footer p {
margin:0;
font: 90%/1.5 Verdana, Arial, sans-serif; color: #000099; width: 1000px;
text-align: center;
}
* html #footer {
height:1px;
}
div.audio2 { Geneva, Verdana; font-size: 100%; line-height: 16px; color: #188027; background-color: #FFFFFF;
border: 1px dashed #CCCCCC;
padding: 3px;
background: #ffffcc;
width: 100%;
}
p span.audio {
border: 1px dashed #CCCCCC;
color: grey;}
.alpha {font-size:70px;line-height:48px;font-family:Georgia,Times,serif;letter-spacing:0px;font-weight:normal;text-shadow:0 2px 3px rgba(0,0,0,0.3);margin:15px 0 24px 0}
.alpha-h {font-size:70px;line-height:66px;font-family:Georgia,Times,serif;letter-spacing:0px;font-weight:normal;text-shadow:0 2px 3px rgba(0,0,0,0.3);margin:15px 0 24px 0}
.beta {font-size:44px;line-height:44px;font-family:Georgia,Times,serif;letter-spacing:-1px;font-weight:normal;text-shadow:0 2px 3px rgba(0,0,0,0.3);margin:0 0 24px 0}
.gamma {font-size:40px;line-height:40px;font-family:Georgia,Times,serif;letter-spacing:-1px;font-weight:normal;text-shadow:0 2px 3px rgba(0,0,0,0.3);margin:0 0 24px 0}
.gamma-h {font-size:40px;line-height:48px;font-family:Georgia,Times,serif;letter-spacing:-1px;font-weight:normal;text-shadow:0 2px 3px rgba(0,0,0,0.3);margin:0 0 24px 0}
h1 { font-family: georgia, geneva, arial, sans-serif; color: #000099; font-size: 350%; font-weight: normal; letter-spacing: 1.2mm;}
h2 { font-family: georgia, geneva, arial, sans-serif; color: #000099; font-size: 220%; font-weight: normal; }
h3 { font-family: georgia, geneva, arial, sans-serif; color: #000099; font-size: 180%; font-weight: normal;}
h1 { margin: 0px; padding: 0px; }
h2 { margin: 0px; padding: 0px; }
h3 { margin: 0px; padding: 0px; }
h4 { margin: 0px; padding: 0px; }
.h3 {font-family: georgia, geneva, arial, sans-serif; color: #000099; font-size: 160%; }
.h2 {font-family: georgia, geneva, arial, sans-serif; color: #F6354B; font-size: 220%; font-style: italic;}
.qu1 { padding: 0px 20px 10px 17px; color: #990066;}
.quo { padding: 0px 20px 10px 35px;}
.qu2 { padding: 0px 35px 10px 35px; color: #0000DD;}
.k { font-size: 100%; font-weight: normal; color: #006969; }
.kb { font-size: 100%; font-weight: bold; color: #008B8B;}
.h { font-family: verdana, georgia, geneva, arial, sans-serif; font-size: 100%; color: #008000; letter-spacing: 0.3mm; }
.mc { font-family: monaco, geneva, arial, serif; color: #454545; font-size: 100%; }
.mc95 { font-family: monaco, geneva, arial, serif; color: #454545; font-size: 95%; }
.mc90 { font-family: monaco, geneva, arial, serif; color: #454545; font-size: 90%; }
.mc0 { font-family: monaco, geneva, arial, serif; color: #454545; }
.center {text-align:center;}
.bd2 { Geneva, Verdana; font-size: 100%; line-height: 1.5em; text-align: left; color: #188027; background-color: #FFFFFF;
border: 1px dashed #CCCCCC;
padding: 17px;}
.bd3 { Geneva, Verdana; font-size: 100%; line-height: 1.0em; text-align: left; color: #188027; background-color: #FFFFFF; border: 1px dashed #CCCCCC; padding: 10px 30px;}
.blq {
padding: 2px 10px;
background: #efefef;
color:#333;
clear:both;
border-left: 2px solid green;
border-bottom:1px dotted #bfbbbb;
margin-bottom:10px;
font-family: verdana, arial, sans-serif;}
.blq2 {
padding-left: 17px;
background: #FFFFcc;
color:#333;
clear:both;
border-left: 2px solid green;
border-bottom:1px dotted #bfbbbb;
margin-bottom:0px;
font-family: verdana, arial, sans-serif;}
.k2bg { border-left: 2px solid green; font-family: tahoma, verdana, geneva, arial, serif; font-size: 100%; font-weight: normal; color: #000099; background-color: #EEEEEE; padding: 20px; }
.browntxt { color: #990000;}
.nextpagebroad{ background: #48d887;}
.nextpagebroad80 { background: #48d887; font-size: 80%;}
span.size120 { font-size: 120%;}
span.size120bold { font-size: 120%; font-weight: bold;}
span.bold { font-weight: bold;}
span.vior { color: #6B0030; }
.size90 {font-size:90%;}
.size80 {font-size:80%;}
.size50 {font-size:50%;}
.white { background-color: #FFFFFF; padding:10px; border: 1px dashed #000099; }
.blue { background-color: #66CCFF; padding-left:10px; }
.green { background-color: #76B700; padding:10px; border: 1px solid #000099;}
.green2 { background-color: #76B700; padding:2px; border: 1px solid #000099;}
.black { color: black; }
.grey-foot { color: grey; font-size: 90%;}
a { text-decoration: none; }
.kln { font-size: 0.83em; color: #277387; vertical-align: super;
line-height: 0;}
a.kln:hover { color: #C12833; text-decoration: none; background-color: #FFFFFF; }
a.kln:visited {color: #5E057D; text-decoration: none;}
.klnu { color: #277387; text-decoration: underline;}
a.klnu:hover { color: #C12833; text-decoration: none; background-color: #FFFFFF; }
.bgc { color: #277387;}
.bgc2 { color: #277387; display: block; }
a.bgc:hover { color: #000; background-color: #BDBDBD; text-decoration: none; }
a.bgc2:hover { color: #000; background-color: #BDBDBD; text-decoration: none; }
.btt { color: #ADA69F; font-size: 80%;}
a.btt:hover { Geneva, Verdana; line-height: 1em; text-align: left; color: #00CC33; background-color: #FFFFFF;}
.redx { color: #9F2467; }
.fn { font-size: 0.83em; vertical-align: super;
line-height: 0;}