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: 100%/1.5 Verdana, Arial, sans-serif; color: #000099;
}
#wrap {
		width:1000px;
		margin:0;
		background:#ffc;
	}
#topttlarea { 
	width:958px;
	margin:0;
	padding:40px 20px 40px 20px;
	background:#FFFFCC;
	clear:both;
}
#header {
    	padding:0px 0px 0px 0px;
		background:#ffc;
	}
#lcol {
		float:left;
		width:500px;
		padding:0px 20px 0px 20px;
		background:#ffc;

}
#rcol {
		float:right;
		width:432px;
		padding: 0px 0px 0px 0px;
		background:#ffc;

	}
#lowarea {
	clear:both;
	text-align: left;
	width:958px;
	padding:0px 20px 0px 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; 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;}

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; }

.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;}

.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}

.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; }

SPAN.mc { font-family: monaco, geneva, arial, serif; color: #454545; font-size: 100%; }


.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;}
			
.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;}

span.size120 { font-size: 120%;}
span.size120bold { font-size: 120%; 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; }

a { text-decoration: none; }

a.kln { font-size: 100%; color: #277387;}
a.kln:hover { color: #C12833; text-decoration: none; background-color: #FFFFFF; }
a.kln:visited {color: #5E057D; text-decoration: none;}

a.klnu { color: #277387; text-decoration: underline;}
a.klnu:hover { color: #C12833; text-decoration: none; background-color: #FFFFFF; }

a.bgc { color: #277387;}
a.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;}
a.btt:hover { Geneva, Verdana; line-height: 1em; text-align: left; color: #00CC33; background-color: #FFFFFF;}