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;
	color: #4D4D4D;
	font: 110%/1.5 Verdana, Arial, sans-serif; color: #000099;
}
/* #mcol, #lowarea {font: 140%/1.5 Verdana, Arial, sans-serif; color: #000099;} */

#wrap {
		max-width:1000px;
		margin:0;
		background:#ffc;
	}
#topttlarea { 
	max-width:958px;
	margin:0;
	padding:40px 20px 40px 20px;
	background:#FFFFCC;
	clear:both;
}
#bottatarea { 
	max-width:958px;
	margin:0;
	padding:40px 20px 40px 20px;
	background:#FFFFCC;
	clear:both;
	font: 75%/1.5 Verdana, Arial, sans-serif; color: #000099;
}
#header {
    	padding:0px 0px 0px 0px;
		background:#ffc;
	}
#mcol {
		float:left;
		max-width:958px;
		padding:0px 20px 0px 20px;
		background:#ffc;
}
#lowarea {
	clear:both;
	text-align: left;
	max-width:958px;
	padding:20px 20px 20px 20px;
	background:#FFFFCC;
}
#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; max-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;
		max-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;line-height: 1.0em;}
.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-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;}**/
.klnu { font-size: 0.7em; color: #277387; vertical-align: super; line-height: 0;}

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;}
sup { font-size: 0.83em; vertical-align: super;
line-height: 0;}