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: "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif; color: #000099; font-size: 100%; } 

#mcol, #lowarea {font-family: "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif; color: #0E128A; font-size: 120%;  }

#wrap {	background:#FFFFFF url(_img/bg_tile3Lr.png); 
		width:1000px;
		margin:0px 0px 0px 10px;
		}
#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: 320%; 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;}

h4 { font-family: georgia, geneva, arial, sans-serif; color: #000099; font-size: 140%; 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%; }

.qu1 { padding: 0px 20px 10px 17px; color: #990066;}
.qu2 { padding: 0px 35px 10px 35px; color: #0000DD;}
.quo { padding: 0px 20px 10px 35px;}

.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%; }
.mc80 { font-family: monaco, geneva, arial, serif; color: #454545; font-size: 80%; }
.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%; width: 100%;}
.mostr { background: #f4f5f5; font-size: 80%; width: 100%; color: black;
}
.mosgr { background: #BBF279; font-size: 80%; width: 100%; color: black;}
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; }

.fn { font-size: 0.83em; vertical-align: super;
line-height: 0;}
.fnbt { color: #ADA69F; font-size: 0.83em; vertical-align: super;
line-height: 0;}
a.fnbt:hover { Geneva, Verdana; line-height: 1em; text-align: left; color: #00CC33; background-color: #FFFFFF;}
.kln { font-size: 0.83em; color: #277387;}
.kln2 { font-size: 0.83em; color: #990066;}
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;}
a.bgc:hover { color: #FFF; background-color: #BDBDBD; text-decoration: none; }
a.bgc2:hover { color: #000; background-color: #BDBDBD; text-decoration: none; }

.btt { color: #ADA69F; font-size: 80%;}
.btt:hover { Geneva, Verdana; line-height: 1em; text-align: left; color: #00CC33; background-color: #FFFFFF; display: block;}
.redx { color: #9F2467; }