@import url('slide_menu.css');
/*-------------------------------------------------------------------------*/
/* Main Layout SECTION START*/
/*-------------------------------------------------------------------------*/

body {
	margin: 0;	padding: 0;	border: 0;
	background: #ffffff;
	font-family: tahoma,arial;
	font-size: 1em;
	color: #464646;
	text-align:right;
	direction: rtl;
	
}

#background_div {
	
	background:#ffffff url('../images/bg.gif') repeat-x scroll;
	
}

#container {
margin:0 auto;	
	width: 775px;
	overflow:auto;



}

/*-------------------------------------------------------------------------*/
/* Top Nav SECTION START*/
/*-------------------------------------------------------------------------*/

#top_nav {
	width:775px;
	height:47px;
overflow:auto;
}
#dropdown {
	
	background:#8A5B52 url('../images/smallbutton_bg.gif') repeat scroll right top;
	width: 257px;	
	height:47px;
	float:right;
}

#smallbutton {
	background-image: url('../images/smallbutton_bg.gif');
	width: 518px; 
	float:left;
	text-align: left;
	
}
		#smallbutton img {
			margin-left: 5px;
			border-width:0px;
			margin-top:10px;
		}
		#smallbutton a {
			text-decoration:none;
		}
/*-------------------------------------------------------------------------*/
/* Header SECTION START*/
/*-------------------------------------------------------------------------*/
		
#header {
	background: url('../images/header.jpg') no-repeat scroll center top;
		height: 161px;
	
}
/*-------------------------------------------------------------------------*/
/* NewsBar SECTION START*/
/*-------------------------------------------------------------------------*/

#newsbar {
	background:#E7E6A7 url('../images/newsbar_bg.gif') repeat-x ;
	height: 26px;
	text-align:center;
padding-top:7px;
	
}
		#newsbar p.marquee{
		font-family: Tahoma;
		font-size: 12px;
		margin:0px auto;
		}


/*-------------------------------------------------------------------------*/
/* LeftSide SECTION START*/
/*-------------------------------------------------------------------------*/
#left_side {
	float:left;
	width:530px; 
	text-align:center;
	padding-top:15px;

}

/*-------------------------------------------------------------------------*/
/* Bannar SECTION START*/
/*-------------------------------------------------------------------------*/
#bannar {
	width:100%;
	height: 70px;
}
		#bannar img {
		}
#bannar2 
{
	width:530px;
	text-align:left;
	
float:left;
}
		#bannar2 img {
		border:0px;
		margin-left:30px;
		}

#bannar3 
{
	width:530px;
	height: 70px;
	text-align:left;
	
}
		#bannar3 img {
		border:0px;
		margin-left:30px;
		}
/*-------------------------------------------------------------------------*/
/* NewsBOX SECTION START*/
/*-------------------------------------------------------------------------*/
#newsbox { 
	background:#fff url('../images/news_box_bg.gif') repeat-y;
	width:495px; 
	margin: auto auto;
}
	#newsbox .header{
		background:#fff url('../images/news_box_title.gif') no-repeat;
		width:495px; height:31px;
	}
	#newsbox .fotter{
		background:#fff url('../images/news_box_fotter.gif') no-repeat;
		width:495px;	height:1px;
		background-position:bottom;
	}
	
	#newsbox .news{
		font-size: 14px; 
		color:#464646;
		width:495px;	height:100px;
		margin:0px auto;
	}

	#newsbox .image{
		text-align: center;
		width:75px;		height:75px;
		float:right;
		margin-right:5px;
		border:solid 1px #B3986D ;
		background-color:#fff;
		
		
	}

		#newsbox .image img{
		width:70px;		
		height:70px;
		margin:2.5px 2.5px;
		border:solid 1px #B3986D ;
		 
	}

	#newsbox .title {
		width:75%;	height:20px;
		float:right;
		font-weight:bold;
		color:#429612;
		margin-right:10px;
		text-align:right; 
			}
	#newsbox .text {
		text-align: justify;
		width:75%;	height:30px;
		float:right;
		margin-right:10px;
	}
	#newsbox .more {
		text-align: left;
		width:75%;	height:20px;
		float:right;
		font-weight:bold;
		margin-right:15px;	
		margin-top:20px;
	}
		#newsbox .more2 {
		width:330px;	height:20px;
		float:left;
		font-weight:bold;
		margin-left:15px;	
		margin-top:20px;
	}

		#newsbox .more a{
			color:#429612;
			text-decoration:none;
	}
		#newsbox .more a:hover{
			text-decoration:underline;
			color:#184203;

		}

	#newsbox .sprated{
		background: url('../images/news_box_sprated.gif') no-repeat scroll center;
		width:330px;	height:10px;
		margin:2px auto;
	}
/*-------------------------------------------------------------------------*/
/* Services SECTION START*/
/*-------------------------------------------------------------------------*/

#services {
	background:#fff url('../images/services_bg.gif') no-repeat;
	height:152px;
	width:492px;
	font-size: 12px;
	text-align:right;
	color:#2F710F;
	margin: 10px auto;
	
}
	#services .part1 {
		height:152px;
		width:48%;
		z-index: 2;
		padding: 0;
		text-align:right;
		position:relative;
		float:right;
		padding-top:30px;
		margin-right:4px;
	}
	#services .part2 {
		height:152px;
		width:48%;
		z-index: 2;
		padding: 0;
		text-align:right;
		position:relative;
		float:right;
		padding-top:30px;
		margin-right:4px;
	}
	/*-- 
	#services .part2 = 33%
	#services .part1 = 33%
	
	#services .part3 {
		height:152px;
		width:30%;
		z-index: 2;
		padding: 0;
		text-align:right;
		position:relative;
		float:right;
		padding-top:30px;
		margin-right:4px;
	}
--*/
	#services .more a{
		text-align:center;
		font-size:12px;
		color:#2F710F;
		position:absolute;
		bottom:40px;
		right:25px;
		cursor:help;
		text-decoration:none;
	}
	#services .more a:hover{
		text-decoration:underline;
		color:#184203;

		}
	#services .number {
		text-align:center;
		font-size:28px;
		color:#2F710F;
		font-weight:900;
	}
	#services .textbox {
		text-align:right;
		font-size:13px;
		color:#2F710F;
		width:140px;
	}
	#services .submit {
		background-color: #4A6A37; 
		border-width: 1px; 
		border-color: #FFFFFF; 
		font-family: tahoma; 
		font-size: 12px; 
		color: #FFFFFF;
		margin-top:3px;
		height:23px;
		margin-right:3px;
}

/*-------------------------------------------------------------------------*/
/* RightSIDE SECTION START*/
/*-------------------------------------------------------------------------*/
/*

في الملف الخاص بالقائمة
#menu {
	width: 230px;
	height: 259px;
	top: 91px;
	right: 17px;
	position: absolute;
	z-index: 3;
	padding: 15px 25px 0 5px;
}
*/

#right_side{
	text-align:center;
	float:right;
margin-top:-160px;
}
#clock {
	
	text-align:center;
margin-bottom:70px;
}

#praytime {
	
	
	background: #fff url('../images/praytime.gif') no-repeat scroll right top ;
	width: 227px;
	height: 170px;

}
		#praytime table{
		display:table;
		font-weight:bold;
		margin:55px auto 0px auto;
		border:1px #A8C990 solid;
		}
		#praytime td{
		display:table-cell;
		border:1px #A8C990 solid;
		background-color:#C1E2A9;
		padding:5px;
		}
#weather {
	
	
	background: #fff url('../images/weather.gif') no-repeat scroll right top;
	width: 227px;
	height: 131px;
	
}

		#weather p {
			font-weight:bold;padding-top: 30px ;
			
		}

#right-bannar {
	
	width: 227px;
	
	

}
		#right-bannar img {
			margin-top:3px;
				border-width: 0px;

		}

/*-------------------------------------------------------------------------*/
/* Fotter SECTION START*/
/*-------------------------------------------------------------------------*/

#fotter {
	background:#fff url('../images/fotter_bg.gif') no-repeat;
	height: 21px;
	text-align:center;
	clear:both;
	padding-top:7px;
	color:#BFFBA4;
	font-size:13px;
	

}
#fotter a,
#fotter a:visited,
#fotter a:link{
color:#BFFBA4;
text-decoration:none;
}
#fotter a:hover{
color:#fff;
text-decoration:Underline;
}
/*-------------------------------------------------------------------------*/
/* InfoPage SECTION START*/
/*-------------------------------------------------------------------------*/

#info_page {
	margin: 0;	padding: 0;	border: 0;
	background: #ffffff;
	font-family: tahoma,arial;
	font-size: 14px;
	color: #464646;
	text-align: right;
	direction: rtl;

}

#info_page ul{
	margin: 0;	padding: 0;	border: 0;

}


/*-------------------------------------------------------------------------*/
/* Page SECTION START*/
/*-------------------------------------------------------------------------*/

#Content { 
	width:495px;	
	
}

	#Content .header{
		background:#fff url('../images/content_box_title.gif') no-repeat;
		width:495px; height:31px;
		text-align:right;
	}
		#Content .header h3{
			font-family:Arial, Helvetica, sans-serif;
			font-size:x-large;
			margin:0px 47px ;
			padding-right:10px;
			color:#7A793E;
			background-color:#fff;
			display:inline;
		}

	#Content .body{
		background:#fff url('../images/news_box_bg.gif') repeat-y;
		width:495px;	
		padding-bottom:30px;
	}
		
	#Content .body h1{
			font-family:Arial, Helvetica, sans-serif;
			font-size:x-large;
			margin:20px 10px ;
			color:#42850B;
			text-align:right;
	}
		#Content .body h2{
			font-family:tahoma, Arial, Helvetica, sans-serif;
			font-size:medium;
			margin:10px 10px ;
			color:#947517;
			display:block;
			text-align:right;
	}

	#Content .body p{
			font-family:tahoma, Arial, Helvetica, sans-serif;
			font-size:14px;
			margin:10px 10px ;
			text-align:justify;
			display:block;
	}
		#Content .body ol{
			font-family:tahoma, Arial, Helvetica, sans-serif;
			font-size:14px;
			margin:10px 50px ;
			text-align:right;
			display:list-item;
	}
		#Content .body ul{
			font-family:tahoma, Arial, Helvetica, sans-serif;
			font-size:14px;
			margin:10px 50px ;
			text-align:right;
			display:list-item;
	}
		#Content a{
			text-decoration:none;
			color:#42850B;
			cursor:pointer
	}
		#Content a:visited{
			text-decoration:none;
			color:#42850B;
			cursor:pointer
	}
		#Content a:hover{
			text-decoration:underline;
			color:#42850B;
			cursor:pointer
	}

		#Content .body p span{
			font-family:tahoma, Arial, Helvetica, sans-serif;
			font-size:12px;
			text-align:center;
			display:block;
			font-style:italic;
	}

		#Content .body .thumbimage{
			border-width: 0;
			margin:2px 7px;
			display:block;
	}
		#Content .body .center{
				text-align:center;
				margin:auto auto;
				display:block;
				border-width: 0;
		}
		#Content .body table.gallery{
			display:table;
			font-family:tahoma, Arial, Helvetica, sans-serif;
			font-size:14px;
			margin:20px auto;
			width:95%;
		}
		#Content .body table.gallery .caption{
			background-color:#E7E6A7;
			padding:5px 5px;
			border-bottom:1px #947517 dotted; 
			width:400px;
			text-align:right;

		}
		#Content .body table.gallery td{
			width:155px;
			padding-top:5px;
			 
		}
		#Content .body table.gallery td img{
			border-width: 0px;
			 
		}

	#Content .fotter{
		background:#fff url('../images/news_box_fotter.gif') no-repeat;
		width:495px;	height:5px;
		background-position:bottom;
		margin-bottom:10px;
	}


		#Content .body table.projects{
			display:table;
			font-family:tahoma, Arial, Helvetica, sans-serif;
			font-size:14px;
			margin:20px auto;
			width:350px;
		}
		#Content .body table.projects td{
			padding:5px;
			text-align:center;
			background-color:#E7E6A7;
			border-top:1px #fff solid;
		}

		#Content .body table.projects td.title{
			padding:5px;
			font-weight:bold;
			color:#fff;
			background-color:#4A6A37;
			border-left:1px #fff solid;
		}



		#Content .body table.statistics{
			display:table;
			font-family:tahoma, Arial, Helvetica, sans-serif;
			font-size:14px;
			margin:20px auto;
			width:400px;
		}
		#Content .body table.statistics td{
			padding:5px;
			text-align:center;
			background-color:#E7E6A7;
			border-top:1px #fff solid;
		}

		#Content .body table.statistics td.title{
			padding:5px;
			font-weight:bold;
			color:#fff;
			background-color:#4A6A37;
			border-left:1px #fff solid;
		}

		#Content .body table.statistics td.first{
			padding:5px;
			font-weight:bold;
			color:#fff;
			background-color:#4A6A37;
			border-left:1px #fff solid;
		}




		#Content .body table.contact{
			display:table;
			font-family:tahoma, Arial, Helvetica, sans-serif;
			font-size:14px;
			margin:20px auto;
			width:450px;
		}
		#Content .body table.contact td{
			padding:5px;
			text-align:center;
			background-color:#E7E6A7;
			border-top:1px #fff solid;
			border-left:1px #fff solid;
		}

		#Content .body table.contact td.title{
			padding:5px;
			font-weight:bold;
			color:#fff;
			background-color:#4A6A37;
			border-left:1px #fff solid;
		}

		#Content .body table.contact td.first{
			padding:5px;
			font-weight:bold;
			color:#fff;
			background-color:#4A6A37;
			border-left:1px #fff solid;
		}

		#Content .body h3{
			font-family:tahoma, Arial, Helvetica, sans-serif;
			margin:10px 10px ;
			color:#947517;
			display:block;
			text-align:right;
			font-size:15px;
	}
		#Content .body ul.breachs{
			font-family:tahoma, Arial, Helvetica, sans-serif;
			margin:20px 20px ;
			color:#947517;
			display:block;
			text-align:right;
			font-size:14px;
	}
		#Content .body ul.breachs li span{
			color:#429612;
			font-size:13px;
	}


		#Content .body p.news{
			margin:10px 10px ;
			color:#947517;
			text-align:justify;
			font-size:13px;
	}
		#Content .body p.newsdate{
			margin:10px 10px ;
			color:#4A6A37;
			text-align:left;
			font-size:13px;
			font-weight:bold;
	}				
	#Content .body p.newsimg{
			margin:10px 10px ;
			text-align:center;
	}

	#Content .body p.newsimg img{
	border:1px #808080 solid;
	}
	

			#Content .body p.newslink{
			margin:10px 10px ;
			margin-top:30px;
			color:#4A6A37;
			text-align:left;
			font-size:13px;
			font-weight:bold;
	}				
#Content .body p.newslink img{
			border:0px;
	}				



	#Content .body div.guestbook {
	width:470px;
	margin:10px auto;
	color:#646340;
	text-align:right;
	font-size:13px;
	}
	
	#Content .body div.guestbook .line {
	background-color:#D8E99F;
	height:7px;
	}

	#Content .body div.guestbook .info {
	background-color:#E3EDC0;
	padding:5px 5px;
	border-top:1px #fff solid;
	height:20px
	}
	#Content .body div.guestbook .area {
	background-color:#E3EDC0;
	padding:5px 5px;
	border-top:1px #fff solid;
	}

	#Content .body div.guestbook .info div.name {
	margin:0px;
	padding:0px;
	width:300px;
	
	}
	#Content .body div.guestbook .info div.email {
	margin:0px;
	padding:0px;
	
	}

	#Content .body div.guestbook .info div.date {
	margin:0px;
	padding:0px;
	width:120px;
	position:relative; left: -380px; top: -15px
	}

	

	#Content .body div.guestbook .info span.date {
	background-color:#E3EDC0;
	
	}

	#Content .body div.guestbook .msg {
	color:#fff;
	text-align:justify;
	padding:10px 80px 10px 5px;
	height:90px;
	background:#95A374 url('../images/guestbook_bg.jpg') no-repeat scroll right center ;
	}

	#Content .body div.guestbook .pager {
	background-color:#E3EDC0;
	padding:5px 5px;
	border-top:1px #fff solid;
	height:20px;
	text-align:center;
	}

		#Content .body table.breachs{
			font-family:tahoma, Arial, Helvetica, sans-serif;
			color:#947517;
			display:block;
			text-align:right;
			font-size:13px;
			padding:0px;
			border:0px;
			width: 97%;
	}

			#Content .body table.breachs tr.title td{
			border:0px;
			background-color:#5B5A2D;
			padding:5px;
			font-weight:bold;
			color:#fff;
				}
				
			#Content .body table.breachs tr.title td{
			border-right:2px #C6C58A solid;
			border-top:1px #C6C58A solid;
			text-align:center;
				}
			#Content .body table.breachs tr.title td:first-child{
			border-right:0px #C6C58A solid;
				}

			#Content .body table.breachs tr.level1{
			margin:0px;
			padding:0px;
			border:0px;
			background-color:#C6C58A;
			padding:5px;
			color:#5B5A2D;
			font-weight:bold;
				}
			#Content .body table.breachs tr.level2{
			border:0px;
			background-color:#E7E6A7;
			padding:4px;
			color:#7A793E;
				}
			#Content .body table.breachs tr.level3{
			border:0px;
			background-color:#F7F7E1;
			padding:3px;
				}
			#Content .body table.breachs tr.level4{
			border:0px;
			background-color:#FFF;
			padding:1px;
				}
			#Content .body table.breachs tr.note{
			background:#B3986D url('../images/note_arrow.gif') no-repeat scroll 400px 1px ;
			border:0px;
			background-color:#B3986D;
			padding:3px;
			padding-right:90px;
			font-style:normal;
			color:#ffffff;
				}
			#Content .body table.breachs tr.level3 td{
			border-right:2px #E7E6A7 solid;
			border-top:1px #E7E6A7 solid;
				}
			#Content .body table.breachs tr.level3 td:first-child{
			border-right:0px #E7E6A7 solid;
				}
			#Content .body table.breachs td.td1{
			width:80px;
			text-align:center;
			
				}
			#Content .body table.breachs td.td4{
			width:45px;
			text-align:center;
				}
			#Content .body table.breachs td.td3{
			width:45px;
			text-align:center;

			
				}
p.speach
{
	
}
span.speachc
{
	text-align:center;
	margin:0 auto;
	font-size:12px;
	display:block;
}
img.speach
{
	border:1px #000 solid;
}