* { margin: 0; padding: 0; }
img{ border: 0; }
.clearboth{ clear: both; }
td{ vertical-align: top; }
html{ height: 100%; }

body{ 
	height: 100%; 
	background: #000 url(../images/bg.gif) repeat; 
}

.h-space1{
	width: 960px;
	height: 20px;
	overflow: hidden;
	margin: 0 auto 0 auto;
}

.h-space2{
	width: 960px;
	height: 40px;
	overflow: hidden;
	margin: 0 auto 0 auto;
}


.mainCon{ 
	width: 960px; 
	margin: 0 auto 0 auto;
	background: #f5f5f5 url(../images/bg-building.jpg) no-repeat top right;
	border: 1px #fff solid;
	overflow: hidden;
}
.mainConrel{ 
	width: 960px; 
	margin: 0 auto 0 auto;
	background: #f5f5f5 url(../images/bg-building2.png) no-repeat top right;
	border: 1px #fff solid;
	overflow: hidden;
}
.Bismillah{
	width:960px; 
	text-align: center;
	margin: 2px 0 0 0;
	font: 10px/12px 'verdana', arial, helvetica, sans-serif; 
	color: #4a5764;
	overflow: hidden;
}

.Bismillahrel{
	width:960px; 
	height: 125px;
	text-align: center;
	margin: 2px 0 0 0;
	font: 10px/12px 'verdana', arial, helvetica, sans-serif; 
	color: #4a5764;
	overflow: hidden;
}

.date{
	width:960px; 
	text-align: center;
	margin: 2px 0 0 0;
	font: 10px/12px 'verdana', arial, helvetica, sans-serif; 
	color: #4a5764;
	overflow: hidden;
}

.logoCon{
	width:960px;
	height: 104px;
	overflow: hidden;
}

.logo{
	position: absolute;
	margin: 0 0 0 31px;
}

.logorel{
	position: absolute;
	margin: -35px 0 0 -460px;
}

.iec-name{
	position: absolute;
	margin: 51px 0 0 130px;
}

.iec-namerel{
	position: absolute;
	margin: 20px 0 0 -370px;
}

.menu{	
	width: 960px;
	height: 34px;
	margin: 18px 0 0 0;
	background: #bf0909;
	overflow: hidden;
}

.menu a{
	float: left;
	display: block;
	padding: 10px 17px 10px 17px;
	font: bold 12px/14px  arial, helvetica, sans-serif; 
	color: #fff;
	text-decoration: none;
}

.menu a:hover{
	background: #fff;
	color: #bf0909;
	text-decoration: none;
}

.menurel{	
	width: 960px;
	height: 34px;
	margin: 2px 0 0 0;
	background: #bf0909;
	overflow: hidden;
}
.menurel a{
	float: left;
	display: block;
	padding: 10px 17px 10px 17px;
	font: bold 12px/14px  arial, helvetica, sans-serif; 
	color: #fff;
	text-decoration: none;
}

.menurel a:hover{
	background: #fff;
	color: #bf0909;
	text-decoration: none;
}

.headerCon{
	width: 948px;
	height: 246px;
	padding: 12px 0 0 12px;
}
.headerConrel{
	width: 948px;
	padding: 0 10px 10px 10px;
	background: #c7c7c5;
}

.salatTime{
	width: 920px;
	height: 22px;

	font: 13px/14px  arial, helvetica, sans-serif;
	color: #2e5882;
	padding: 6px 20px 0 20px;	
}
.salatTime h1{
	float: left;
	font: bold 13px/14px  arial, helvetica, sans-serif;
	color: #2e5882;
	margin: 0 0 0 0px;
}
.salatText{
	float: left;
	padding: 0 3px 0 3px;
	height: 22px;
	margin: 0 0 0 10px;
}
.salatText h1{
	font: bold 13px/14px  arial, helvetica, sans-serif;
	color: #bf0909;
	margin: 0 10px 0 0;
}

.salatTimerel{
	width: 920px;
	height: 22px;
	font: 13px/14px  arial, helvetica, sans-serif;
	color: #2e5882;
	padding: 6px 20px 0 20px;	
}
.salatTimerel h1{
	float: left;
	font: bold 13px/14px  arial, helvetica, sans-serif;
	color: #2e5882;
	margin: 0 0 0 0px;
}
.salatTextrel{
	float: left;
	padding: 0 3px 0 3px;
	height: 22px;
	margin: 0 0 0 10px;
}
.salatTextrel h1{
	font: bold 13px/14px  arial, helvetica, sans-serif;
	color: #bf0909;
	margin: 0 10px 0 0;
}

.contentCon{
	width:940px;
	padding: 0 10px 10px 10px;
	background: #c7c7c5;


}

.contentLeft{
	width:637px;
	overflow: hidden;
}

.contentRight{
	width:291px;
	overflow: hidden

}

.toplinks{
	width:637px;
	ovverflow: hidden;
	margin: 10px 0 0 0;

}

.photogallery{
	float: left;
	width: 192px;
	height: 38px;
	background: #fff url(../images/photogallery-icon.jpg) no-repeat right 1px;
	border: 1px #a5a5a4 solid;
	font: 18px/18px  arial, helvetica, sans-serif; 
	color: #06477f;
	padding: 22px 0 0 12px;	
}

.photogallery a{
	font: 18px/18px  arial, helvetica, sans-serif; 
	color: #06477f;

}

.watchmovie{
	float: left;
	width: 192px;
	height: 38px;
	background: #fff url(../images/watchmovie-icon.jpg) no-repeat right 1px;
	border: 1px #a5a5a4 solid;
	padding: 22px 0 0 12px;	
}

.watchmovie a{
	font: 18px/18px  arial, helvetica, sans-serif; 
	color: #06477f;

}

.virtual-tour{
	float: left;
	width: 192px;
	height: 38px;
	background: #fff url(../images/virtual-tour-icon.jpg) no-repeat right 1px;
	border: 1px #a5a5a4 solid;
	padding: 22px 0 0 10px;	
}

.virtual-tour a{
	font: 18px/18px  arial, helvetica, sans-serif; 
	color: #06477f;

}

.v-space-1{
	width: 10px;
	float: left;
}

.h-space-3{
	width: 10px;
	overflow: hidden;
}

.header-bg-repeat{
	width: 632px; 
	background: url(../images/header-bg-repeat.gif) repeat-y 0 0;

}

.header-bg-top{
	width: 632px; 
	background: url(../images/header-bg-top.gif) no-repeat top right;
	

}

.header-bg-bottom{

	width: 632px; 
	background: url(../images/header-bg-bottom.gif) no-repeat bottom left;
	overflow: hidden;
}


.header-image{
	margin: 6px 0 1px 6px;

}

.header-right-text{
	float: left;
	margin: 0 0 0 8px;
	width: 275px;
	height: 220px;
	font: 11px/14px  arial, helvetica, sans-serif; 
	color: #000;
	overflow: hidden;
	padding: 5px 10px 0 10px;
}

.header-right-text h1{
	font: bold 18px/20px  georgia, times new roman, serif;
	font-style: oblique;
	color: #000;
	margin: 0 0 5px 0;
	overflow: hidden;
}

.header-right-text h2{
	font: bold 13px/18px  arial, helvetica, sans-serif;
	color: #000;
	margin: 0 0 5px 0;
}

.header-right-text a{
	font: bold 13px/18px  arial, helvetica, sans-serif;
	color: #135eb1;
	text-decoration: none;
	margin: 0 0 10px 0;
}

.donate-now{
	float: right;
}

.contentblock{
	width:587px;
	border: 1px #a5a5a4 solid;
	padding: 10px 25px 25px 25px;
	font: 12px/16px  arial, helvetica, sans-serif;
	color: #000;
	background: #fff;
	overflow: hidden;
	margin: 10px 0 0 0;
}

.imageClass{ 
	float: right; 
	margin: 0 0 0 10px; 
}

.right-block{
	width:241px;
	border: 1px #a5a5a4 solid;
	padding: 5px 25px 25px 25px;
	font: 12px/16px  arial, helvetica, sans-serif;
	color: #000;
	background: #fff;
	overflow: hidden;
	margin: 10px 0 0 0;
}

.contentrel{
	width:456px;
	overflow: hidden;
}

.contentblockrel{
	width:420px;
	border: 1px #a5a5a4 solid;
	padding: 10px 25px 18px 18px;
	font: 12px/16px  arial, helvetica, sans-serif;
	color: #000;
	background: #fff;
	overflow: hidden;
	margin: 10px 0 0 0;
}

.info-block{
	border-bottom: 1px #e4e7ea solid;
	padding: 20px 0 30px 0;
}

.info-block ul{ 
	list-style: none; 
	margin: 12px 0 12px 0; 
}

.info-block ul li{ 	
	background: url(../images/ibullet.gif) no-repeat 0 7px; 
	padding: 0 0 0 20px; 
	margin: 0px 0 0 21px; 
	line-height: 18px; 
}

.footer{
	width: 930px;
	background: #d5d5d5;
	border-top: 1px #fff solid;
	padding: 30px 0 30px 30px;
	font: 11px/14px  arial, helvetica, sans-serif;
	color: #000;
}

.footer-right{
	width: 300px;
	float: left;
	overflow: hidden;

}

.footer-left{
	float: left;
	margin: 0 425px 0 0;

}


/************************************************/

a{ 
	color: #0000ff; 
	text-decoration: underline; 
}

h1{ font: bold 24px/22px  georgia, times new roman, serif; color: #2e5882; margin: 10px 0 20px 0; }
h2{ font: bold 22px/20px  georgia, times new roman, serif; color: #2e5882; margin: 20px 0 15px 0; }
h3{ font: bold 20px/20px  georgia, times new roman, serif; color: #2e5882; margin: 20px 0 10px 0; }
h4{ font: bold 16px/16px  georgia, times new roman, serif; color: #2e5882; margin: 15px 0 0px 0; }
h5{ font: bold 16px/16px  georgia, times new roman, serif; color: #2e5882; margin: 20px 0 10px 0; }
h6{ font: bold 13px/14px  arial, helvetica, sans-serif; color: #135eb1; margin: 10px 0 10px 0; }


ul{ 
	list-style: none; 
	margin: 12px 0 12px 0; 
}

ul li{ 	
	background: url(../images/bullet.gif) no-repeat 0 7px; 
	padding: 0 0 0 20px; 
	margin: 0px 0 0 21px; 
	line-height: 18px; 
}

ol{ 
	margin: 12px 0 12px 35px; 
}

ol li{ 
	margin: 0 0 0 0; 
	padding: 0 0 0 5px; 
	line-height: 18px; 
}

hr{
	border: 0;
	background-color: #dcdcdc;
	height: 1px;

}