@font-face {
	font-family: 'Enhanced Traditional Arabic'; 
	font-style: normal; font-weight: normal;
	
	/* IE4.0-6.0 don't recognize the format() specifier, they even neglect the whole
		construct when it exists, plus any already valid value assigned! So I had to
		make their straight property last. */
	src: url(../font/tradno.eot) format('embedded-opentype');
	src: url(../font/tradno.eot);
}

@font-face {
	font-family: 'Enhanced Traditional Arabic'; 
	font-style: normal; font-weight: 700;
	
	src: url(../font/tradbo.eot) format('embedded-opentype');
	src: url(../font/tradbo.eot);
}



html {
	direction:rtl;
}

body {
	font-family:"Enhanced Traditional Arabic", "Traditional Arabic", "Times New Roman";
	font-weight: 700;
	font-size: 18px;
	line-height: 140%;
	margin: 0px auto;
	direction: rtl;
	text-align: justify;
	text-justify: kashida;
	text-kashida-space: 50%;
	text-indent: 0;
	letter-spacing: 0;
	word-spacing: normal;
	text-transform: none;
	color: #252C2C;
	background: #F0EEE1 repeat-y center top;
}


.qoran {
	color:#CC0000;
	display: inline;
}

.hadeeth {
	color:#339900;
	display: inline;
}

img {
	border: 0px;
}

select {
	font: bold 14px Arial, Helvetica, sans-serif;
}

input {
	font-size: 14px;
	font-weight: bold;
}
textarea {
	font: bold 16px Arial, Helvetica, sans-serif;
}




form {
	display: inline;
}

#main {
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	background: #FFFFFF;
}

a:link, a:visited {
	color: #058BB2;
	text-decoration: none;
}
a:hover {
	color: #4DC1E2;
	text-decoration: underline;
}


.td_menu {
	height: 41px;
	background: url(../images/banner_02.jpg) no-repeat;
	margin: 0px;
	padding-right: 325px;
}


#mainimg {
	width: 780px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px auto;
}

.topnews {
	background: #E9EEEF url(../images/mainnews_bg.gif) repeat-x top;
}
.topnews td {
	padding: 10px 15px 15px;
	text-align: justify;
}

.topnews h1 {
	color: #DAA13A;
	font-size: 24px;
}

.shikword {
	padding-top: 60px;
}

.latestfatwa {
	width: 50%;
}

.latestfatwa a:link, .latestfatwa a:visited {
	color: #058BB2;
}

.latestfatwa span a:link, .latestfatwa span a:visited {
	color: #252C2C;
}

.latestfatwa span {
	margin-bottom: 7px;
	margin-top: 7px;
	display: block;
}


#topmenu {
	z-index: 299;
	width: 475px;
	height: 41px;
}


#topmenu a:link, #topmenu a:visited {
	display: block;
	float: right;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	font-size: 18px;
	text-decoration: none;
	color: #24292B;
	white-space: nowrap;
	position: relative;
	z-index: 199;
	top: 0px;
}

#topmenu a:hover {
	display: block;
	float: right;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	text-decoration: none;
	font-size: 18px;
	color: #FFFFFF;
	white-space: nowrap;
	position: relative;
	z-index: 199;
	top: 0px;
}

.sidemenu {
	background: #6A8485;
	width: 190px;
}
.sidemenu a:link, .sidemenu a:visited  {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	padding-right: 10px;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom: 1px dotted #CCCCCC;
}

.sidemenu a:hover  {
	color: #FFCC00;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	padding-right: 10px;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom: 1px dotted #CCCCCC;
}

.leftmenu {
	background: #E8B443 url(../images/leftmid.gif) repeat-y;
	width: 190px;
}


.leftmenu a:link, .leftmenu a:visited  {
	color: #171E1E;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	padding-right: 10px;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom: 1px dotted #CCCCCC;
}

.leftmenu a:hover  {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	padding-right: 10px;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom: 1px dotted #CCCCCC;
}


.tbl_mblocks {
	margin-top: 5px;
}

.td_free_one {
	padding: 15px;
	background: url(../images/dotv.gif) repeat-y left;
	text-align: justify;
}
.td_free_one h1 {
	font-size: 24px;
	color: #C5972C;
}

.freeone_img {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 2px solid #CCCCCC;
}



#blockone {
	background: #334446;
	margin-top: 15px;
	padding: 0px;
	color: #FFFFFF;
	text-align: justify;
}


#blockone h1 {
	font-size: 24px;
	color: #E2AE23;
	margin-top: 0px;
}


#blockone a {
	color: #ECBD00;
	text-decoration: none;
}

#blockone span {
	padding: 10px;
	display: block;
}

.newsone_img {
	float: left;
	margin-right: 15px;
	border: 1px solid #FFFFFF;
}

.tbl_freetwo {
	margin-top: 15px;
	border-top: 5px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	margin-bottom: 20px;
}

.tbl_freetwo td {
	background: #F7F7F7;
	text-align: justify;
}

.tbl_freetwo h2 {
	font-size: 20px;
	text-align: right;
}

.pollfram {
	background: url(../images/poll_03.jpg) repeat-y center;
	width: 190px;
	margin: 15px 0px 0px;
	padding: 0px;
	text-align: right;
}
.pollfram h1 {
	font-size: 18px;
}


.pollbox {
	background: url(../images/poll_05.jpg) no-repeat center bottom;
	padding: 0px 20px 20px;
	margin: 0px;
	width: 150px;
}

.pollboxbut {
	color: #FFFFFF;
	background: #E5AD3D url(../images/leftmid.gif) repeat-y right;
	border: 1px solid #FFFFFF;
	margin-top: 10px;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 3px;
}

.footer {
	padding: 10px 20px 0px;
	background: url(../images/footer.gif) no-repeat center;
	height: 40px;
	margin: 0px;
}
.td_shadow_left {
	background: #F0EEE1 url(../images/shadow_left.jpg) no-repeat right top;
}
.td_shado_right {
	background: #F0EEE1 url(../images/shadow_right.jpg) no-repeat left top;
}
.searchbox {
	height: 42px;
	width: 174px;
	margin-top: 15px;
	background: url(../images/bg_search.jpg);
	padding-top: 40px;
	padding-right: 8px;
	padding-left: 8px;
}
.searchbox input {
	height: 29px;
	font-size: 14px;
	font-weight: bold;
}

.td_copy {
	background: #FCFAD6;
	text-align: center;
	color: #666666;
	padding: 7px;
	border-top: 5px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	font-size: 16px;
}
.a3lam {
	background: url(../images/a3lam_03.jpg) repeat-y;
	text-align: center;
	width: 190px;
	margin: 0px;
	padding: 0px;
}
.a3lam span img {
	margin-bottom: 5px;
	border: 5px solid #E3E7EA;
}
.rightsideimg {
	margin-top: 15px;
}


/*  dtree  */

.dtree img { border: 0px; vertical-align: middle; }
.dtree { font-size: 20px; font-weight: bold;  color: #666; white-space: nowrap; margin:10px;}
.dtree img { border: 0px; vertical-align: middle; }
.dtree a { color: #333; text-decoration: none; }
.dtree a.node, .dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; }
.dtree a.node:hover, .dtree a.nodeSel:hover { color:#009900; text-decoration: none;}
.dtree a.nodeSel { background-color: #c0d2ec; }


/*   Poll    */

.pollResults .pollbar {
	height: 15px;
	width: 150px;
	background: #F5F5F5;
	margin-top: 2px;
	margin-bottom: 5px;
	overflow: hidden;
}

.resultsbar {
	display: block;
	height: 15px;
	background: #6699FF;
	overflow: hidden;
}

.pollResults {
	font: normal 11px Tahoma;
}

}


/*  ------------------------  new khalid   ----------------------  */

.latestblocks {
	margin: 10px auto;
}
.latestblocks th {
	background: #3e5155 url(../images/bg_latest.gif) no-repeat left center;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	padding-right: 15px;
	color: #FFDB41;
	border-bottom: 2px solid #E4A534;
}

.latestblocks td {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #FFFFFF;
	background: url(../images/mainnews_bg.gif) repeat-x top;
}

.latestblocks li {
	color: #E4A534;
}

.latestblocks a:link, .latestblocks a:visited {
	color: #3E5155;
}

#scrollcont {
	height: 150px;
	overflow: hidden;
}

.vertnews {
	height: 150px;
}

.vertnews ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
	height: 150px;
}

.vertnews li {
	height: 150px;
	overflow: hidden;
	display: block;
	padding: 10px;
}

#scrollcont .prev {
	border-width: 0px;
	border-style: none;
	background: transparent;
	cursor: pointer;
}

#scrollcont .next {
	border-width: 0px;
	border-style: none;
	background: transparent;
	cursor: pointer;
}

.stats {
	background: url(../images/bg_stat.gif);
	height: 26px;
	padding-top: 26px;
	width: 190px;
	margin-top: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.stats span {
	display: block;
	float: right;
	width: 95px;
	text-align: center;
	padding-top: 5px;
}

img {
	border-width: 0px;
}

.cleardiv {
	clear: both;
}

.bookimg {
	width: 100px;
	float: left;
	padding: 5px;
	border: 1px dotted #CCCCCC;
	text-align: center;
	margin-right: 10px;
}

.bookimg img {
	float: none;
	border-width: 0px;
	margin: 3px 0px 0px;
	padding: 0px;
}

/*------------Rami--------------------------*/
.gallery .photo {
	padding: 5px;
	text-align: center;
	background: #eaeef2;
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 160px;
	height: 150px;
	overflow: hidden;
}
.gallery .photo a {
	font-size: 11px;
	text-decoration: none;
}

.galleryphoto img {
	border: 2px solid #FFFFFF;
	margin-bottom: 4px;
}

.commTBL {
	width: 600px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.commhead {
	background-color: #886e6f;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 7px;
	background-image: url(../images/bg_commhead.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.commhead h2 {
	text-align: right;
	font-size: 16px;
	background-image: url(../images/bg_comm.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
}

.commbody {
	padding: 15px;
	background-image: url(../images/bg_commbody.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.commbut {
	background-color: #DD0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #F0F0F0;
}

.homeslide {
	background: url(../images/bg_slid.png) no-repeat center center;
	height: 220px;
	width: 570px;
	border: 5px solid #072958;
	padding: 0px;
	float: right;
	text-align: justify;
	overflow: hidden;
	color: #FFFFFF;
}

.slide1 h1 {
	float: right;
	width: 335px;
	text-align: right;
	color: #0B3260;
	font-size: 20px;
	margin: 15px 0px;
	padding: 0px;
	color: #c0deff;
}


.homeslide a {
	font: normal 11px tahoma;
	color: #dbebfa;
}

.formwebsite {
	display: none;
}