body 
{
margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #21220d;
	background-image: url(images/bg-gr.jpg);
	background-repeat: repeat-x;
		 scrollbar-face-color:#f5f3ef;
scrollbar-arrow-color:#EBCD84;
scrollbar-track-color:#686835;
scrollbar-shadow-color:'';
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:'';

	
}

@font-face {
 font-family: MyCustomFont;
 src: url("98MCHI_0.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("98MCHI_0.ttf") /* TTF file for CSS3 browsers */
}
 
.rounded-textbox {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#ffffff;
border: 1px solid #747536;
padding-left:2px;
padding-right:2px;
width:15em;
}

a
{ 
	 font-family: Arial, Sans-Serif;
  text-decoration: None;
  font-size:12px;
   color:#000000;
  cursor:pointer;
 
}
a:hover, a.hover
{
  
  text-decoration:underline;
  color: #8CC602;
 
  }
hr{border: none 0; 
border-top: 1px dashed #b2b48c;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}


.Error{
	font-size: 	10pt;
	font-family: Arial;
	color:red;
	
}
.Consttitle
{
	font-family:MyCustomFont,Arial;
  text-decoration:none;
  color: #21220d;
  font-size: 16px;
  font-weight:bold;
}
.Consttitle:hover
{
	
		  text-decoration:none;
  color: #b1b343;
 
  /*font-weight:bold;*/
}
.mainnews1
{
	
	font-family:  arial,Tahoma;
  text-decoration:none;
  color: red;
  font-size: 16px;
  font-weight:bold;
}
.mainnews1:hover
{
text-decoration:none;
  color: #757537;
 
 }
 
 
.candtitle
{
	font-family:  arial,Tahoma;
  text-decoration:none;
  color: #757537;
  font-size: 14px;
  font-weight:bold;
}
.candtitle:hover
{
		  text-decoration:none;
  color: #21220d;
 
 }
.relatedsite
{
		font-family:  arial;
  text-decoration:none;
  color: #d9001b;
  font-size: 14px;
  font-weight:bold;
}
.relatedsite:hover
{
		  text-decoration:none;
  color: #757537;
 
  /*font-weight:bold;*/
}

.Title{
font-family: Arial , Tahoma;
  text-decoration:none;
  color: #000000;
  font-size: 18px;
  font-weight:bold;
 }
/***********************Link*/

td
{
	font-family:arial;
	color:#000000;
	
	}

.Details
{
	font-family: arial,tahoma,Helvetica;
	font-size: 12pt;
	color: #000000;
	text-align:justify;
		}
		
		.Details2
{
	font-family: arial,tahoma,Helvetica;
	font-size: 12pt;
	color: #000000;
	text-align:justify;
		}



.Link
{
	font-family:Arial;
	font-size:13pt;
	color:#757537;
	font-weight:bold;
	cursor:pointer;
}
.LinkAdmin
{
	font-family:tahoma;
	font-size:10pt;
	color:#686835;
	font-weight:bold;
	cursor:pointer;
}
.LinkAdmin:hover
{
	  color:orange ;
	  cursor:pointer;
}

.Title12{
font-family:arial;
	font-size:12pt;
	color:#000000;
	font-weight:bold;
	cursor:pointer;
  
 }
 .Title12:hover{
  color: #d9001b;
   }
   
   .Title122{
font-family:arial;
	font-size:12pt;
	color:#000000;
	font-weight:bold;
	cursor:pointer;
  
 }
 .Title122:hover{
  color: #d9001b;
   }
   
   .Title10{
font-family: Arial , Tahoma;
  text-decoration:none;
  color: #757537;
  font-size: 14px;
  font-weight:bold;
 }
 .Title10:hover{
  color: #9cc715;
   }
   
   .Style10{
font-family: Arial , Tahoma;
  text-decoration:none;
  color: #000000;
  font-size: 10px;
  font-weight:bold;
 }
  .Style12{
font-family: Arial , Tahoma;
  text-decoration:none;
  color: #000000;
  font-size: 10px;
  font-weight:bold;
 }
 
 
 .News
{
	font-family:arial;
	font-size:12pt;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
}
.News:hover
{
	  color:orange ;
	  cursor:pointer;
}


.Title11{
font-family:arial;
	font-size:11pt;
	color:#757537;
	font-weight:bold;
	cursor:pointe;
	text-decoration:none;
 }
 .Title11:hover{
  color: #9cc715;
  text-decoration:none;
   }
   
   .TitleH{
font-family:arial;
	font-size:9pt;
	color:#21220d;
	font-weight:bold;
	cursor:pointer;
  
 }
 .TitleH:hover{
  color: #9cc715;
   }
     
   .Border
   {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:5px;	
	padding:6px;	
	/*width:160px;*/
	border:solid 1px #b8b8b8;
	/*background-color:#f4f5f5;*/
	
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ded8ce));
	background: -moz-linear-gradient(top,  #ffffff,  #ded8ce);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ded8ce');
	
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
}
.Border:hover
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;

border:solid 1px #88b33c;

background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#757537));
	background: -moz-linear-gradient(top,  #ffffff,  #757537);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#757537');
}

.thumbnail1{
/*position: relative;*/
z-index: 0;
/*width:200px;*/
color: #000000;
font-size:11pt;
}

.thumbnail1:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail1 span{ /*CSS for enlarged image*/
position:absolute;
background-color: #FAF5EF;
padding:  0px;
/*left: -1000px;*/
border: 1px dashed gray;
visibility: hidden;
color: #000000;
font-size:12pt;
text-decoration: none;
}

.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
/*top: 0;*/
 left:520px;/*position where enlarged image should offset horizontally */
/*right:0;*/
top:270px;

}


.Gradient
{
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ded8ce));
	background: -moz-linear-gradient(top,  #ffffff,  #ded8ce);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ded8ce');
}


.borderTable {	
padding: 0px 5px 0px 5px;
border: 1px solid #757537;
font-family:tahoma;
font-size:12px;
font-weight:bold;
text-align:right;
color:Black;
text-decoration:none;
/*background-color:#f5fafe;*/
 -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
-webkit-border-radius: 5px;
 border-radius:5px;
 cursor:default;
 
 }

.borderTable:hover{	
padding: 0px 5px 0px 5px;
border: 1px solid #000000;
/*background-color:#f5fafe;*/
 -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -o-border-radius: 5px;
-webkit-border-radius: 5px;
 border-radius:5px;
 color:#1e679e;
}
.borderTitle {	
padding: 5px 5px 5px 5px;
/*border: 1px solid #b7daf7;
background-color:#f5fafe;*/
font-family:tahoma;
font-size:12px;
font-weight:bold;
color:#757537;
}

.borderTitle:hover {	
padding: 5px 5px 5px 5px;
/*border: 1px solid #b7daf7;
background-color:#f5fafe;*/
font-size:12px;
font-weight:bold;
color:#1e679e;
	
}


.Border2
   {
	vertical-align:top;
	margin:5px;	
	padding:6px;	
	/*width:160px;*/
	border:solid 1px #b8b8b8;
	/*background-color:#f4f5f5;*/
	
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ded8ce));
	background: -moz-linear-gradient(top,  #ffffff,  #ded8ce);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ded8ce');
	
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
/*-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;*/
}
.Border2:hover
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;

border:solid 1px #88b33c;

background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#757537));
	background: -moz-linear-gradient(top,  #ffffff,  #757537);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#757537');
}
/*************************/

	/* main vertical scroll */
	.Title_adnan{
font-family:arial;
	font-size:12pt;
	color:#000000;
	font-weight:bold;
	cursor:pointer;
  
 }
 .Title_adnan:hover{
  color: red;
   }
   
   
	#main {
		position:relative;
		overflow:hidden;
		height: 270px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		
	}
	
	/* single page */
	.page {
		padding:2px;
		
		background-color:#bdbd9a;
		width:350px
		
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 350px;
		height: 270px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:350px;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:right;
		cursor:pointer;
		padding:2px;
		text-align:right;
	}
	
	/* main navigator */
	#main_navi {
		float:left;
		padding:0px !important;
		margin:0px !important;
	}
	
	#main_navi li {
		background-color:#757537;
		border-top:1px solid #686840;
		clear:both;
		color:#ffffff;
		font-weight:bold;
		font-size:12px;
		height:50px;
		list-style-type:none;
		padding:2px;
		width:200px;
		cursor:pointer;
	}
	
	#main_navi li:hover {
		background-color:#bdbd9a;
	}
	
	#main_navi li.active {
		background-color:#bdbd9a;
		color:#000000;
	}
	
	#main_navi img {
		float:left;
		margin-right:5px;
	}
	
	#main_navi strong {
		display:block;
	}
	
	#main div.navi {
		margin-left:250px;
		cursor:pointer;
	}
	
	
	
	/* DEPRECATED FILE */




/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../img/scrollable/arrow/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../img/scrollable/arrow/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
} 	


	/********Play Button**********************/

 .Play
   {
	position:absolute;
	z-index:10;
	margin-top: 90px;
	margin-right: 120px;
	cursor:pointer;
	border:0px;
	padding:0px;	
	
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;*/
}
.Play:hover
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	
	}
	
/********End Play Button**********************/

.borderimage
{
	
padding:3px;
margin:2px;
border: 1px solid #aaaaaa;
text-decoration:none;
 cursor:pointer;
 background-color:White;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
 }

.borderimage:hover
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9;
	/*background-color:#ebebeb;
border: 1px solid #ebebeb;*/
 }
 
 
 .NewsTitle2
{
	padding-right:4px;
	font-family:  arial,Tahoma;
  text-decoration:none;
  color: #e02000;
  font-size: 16pt;
  font-weight:bold;
  text-decoration:none;
}
.NewsTitle2:hover
{
text-decoration:none;
  color: #fe8b29;
 
 }
 
 
  
 .NewsDetails2
{
	font-family: arial,Tahoma;
  text-decoration:none;
  color: #000000;
  font-size: 13pt;
  font-weight:normal;
  text-align:justify;
  text-decoration:none;
}


.NewsTitle3
{
	font-family:  arial,Tahoma;
  text-decoration:none;
  color: #000000;
  font-size: 13pt;
  font-weight:bold;
  text-decoration:none;
}
.NewsTitle3:hover
{
text-decoration:none;
  color: #fe8b29;
 
 }
 
 
.ulstylear
{
list-style-type: none;
padding:0px;
margin: 0px;
direction:rtl;
float:right;
}

.ulstylear li
{
padding:  0px 3px 2px 0px;
background-image: url(images/bullet_toggle_minus.png);
background-repeat: no-repeat;
background-position:right top;
padding-right:1em;
direction:rtl;
float:right;
}