﻿body {
	background:#eee;
	border-top:2px solid #2b2b2b;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#575652;
	line-height:22px;
	margin:0px;
	padding:0px;
}
img {border:0px;}
a,a:visited{outline:medium none;text-decoration:none}

h2{font-size:20px;border-bottom: 1px solid #555;}
#container{
	margin:0 auto;
	width:960px;
	background:#fff;
}
#header{
	height:92px;
	width:960px;
	padding-top:15px;
}
	#logo{
		float:left;
		width:160px;
	}
	#b_logo{
		float:left;
		width:460px;	
	}
	#slagon{
		width:300;
		float:left;
		padding:6px 0 0 5px;
	}
	#slagon h1{
		font-size:25px;
	}
	#lang{
		float:right;
		width:130px;
		border-right:1px solid #eee;
		margin:0 20px 0 0;
		height:71px;
		padding-top:0px;	
	}
	#moh-logo{
	float:right;
	width:72px;
	height:71px;
	background:url(../images/moh-logo.png) no-repeat;
	padding-right:10px;
	}
	#moh-logo{
	float:right;
	width:72px;
	height:71px;
	background:url(../images/moh-logo.png) no-repeat;
	padding-right:10px;
	}
#nav{

	position:relative;
	top:15px;
	z-index:1;

}



.menu {
	margin: 0;
	padding: 7px 6px 0;
	line-height: 70%;
	border-radius: 20px;

	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	

	background: #4CAE34; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CAE34', endColorstr='#92CE52'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#4CAE34), to(#92CE52)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #4CAE34,  #92CE52); /* for firefox 3.6+ */

}
.menu li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
.menu a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	padding:  8px 25px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
}
/* main level link hover */
.menu .current a, .menu li:hover > a {
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */

	color: #444;
}
/* sub levels link hover */
.menu ul li:hover a, .menu li:hover li a {
	background: none;
	border: none;
	color: #fff;
}
.menu ul a:hover {
	background: #4CAE34 !important; /* for non-css3 browsers */
	color: #555 !important;
}
/* level 2 list */
.menu ul {
	background: #4CAE34; /* for non-css3 browsers */

	color:#fff;
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 32px;
	left: 0;
	-webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}
/* dropdown */
.menu li:hover > ul {
	display: block;
}
.menu ul li {
	float: none;
	margin: 0;
	padding: 0;
}
.menu ul a {
	font-weight: bold;
	line-height:20px;
}
/* level 3+ list */
.menu ul ul {
	left: 181px;
	top: 0px;
}
/* rounded corners for first and last child */
/* clearfix */
.menu:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.menu {
	display: inline-block;
}
html[xmlns] .menu {
	display: block;
}
* html .menu {
	height: 1%;
}







#slid{
	width:960px;
	float:left;
	height:247px;
	background:#fff;
}
#slid_inner{
	width:960px;
	float:left;
	height:130px;
	background:#fff;

}
#wrap-search{
	height:50px;
	width:960px;
	background:#fff;
	float:left;
}
	#dot{
		float:left;
		width:80px;
		position:relative;
		top:10px;
	}
	#search{
		padding:6px 0 0 0;
		float:right;
		width:318px;
	}
#col{
	width:960px;
	height:170px;
	float:left;
	background:#fff;
}
		#col1{
			width:235px;
			height:149px;
			float:left;
			background:url(../images/col1.png) no-repeat;			
		}
		
		#col2{
			width:235px;
			height:149px;
			float:left;
			background:url(../images/col2.png) no-repeat;
		}
		#col3{
			width:235px;
			height:149px;
			float:left;
			background:url(../images/col3.png) no-repeat;
		}
		#col4{
			width:235px;
			height:149px;
			float:left;
			background:url(../images/col4.png) no-repeat;
		}
		#spacer{
			width:4.5px;
			height:149px;
			float:left;
			background:url(../images/dots.png) no-repeat;						
		}
		
#content{
	width:960px;
    float:left;
    background:#fff;
}	
		#left{
			width:235px;
			float:left;
		}
		.l_title{
			width:234px;
			height:73px;
			background:url(../images/right-col.png) no-repeat;
		}        
		#left h3{
		padding:20px 0 0 10px;
		margin:0px;
		font-size:20px;
		}
		#main{
			width:475px;
			float:left;
			border-left:1px solid #eee;
			border-right:1px solid #eee;			
		}
		#main_iner{
			width:455px;
			padding:0 10px 0 10px;	
		}
		.boxes{
			width:455px;
			margin:0 0 20px 0;
			overflow:hidden;
			
		}
		.box1{
			width:146px;
			float:left;
			padding-right:5px;
		}
		.box1 h4{
			font-size: 13px;
			line-height: 18px;
			font-weight: bold;
			border-bottom:1px solid #eee;
			color: rgb(87, 86, 82);
			padding: 4px 0 2px 0;
			margin: 0 0 9px 0;
		}
		.graphical{
			width:455px;
			height:100px;
			margin-top:0px;
			overflow:hidden;
		}
		.detailinfo{
			width:108px;
			height:32px;
			float:right;
			font-weight:bold;
			padding:5px 0 0 14px;
			background:url(../images/icon-m.png) no-repeat;			
			position:relative;
			top:15px;	
			
		}
		.detailinfo a{
			text-decoration:none;
			color:#fff;
		}
		.graphical h2{
			font-size:25px;
		}
		.graphical p{
			font-size:18px;
			color:#217db5;
		}
		
		.readall{
			width:86px;
			height:31px;
			float:right;
			font-weight:bold;
			padding:5px 0 0 14px;
			background:url(../images/icon-article.png) no-repeat;			
			position:relative;
			top:15px;			
		}
		.readall a{
			text-decoration:none;
			color:#fff;
		}
		.main{
			width:435px;
			height:63px;
			margin-top:10px;
			border-top:1px solid #eee;
			border-bottom:1px solid #eee;			
			background:url(../images/content-h1.png) no-repeat;			
		}
		#main h3{
		padding:25px 0 0 10px;
		margin:0px;
		font-size:20px;		
		}		
		
		#right{
			width:240px;
			float:right;
		}
		#right img{
			border:0px;
		}
		#right h3{
		padding:35px 0 0 10px;
		margin:0px;
		font-size:20px;		
		}		
		#inner_page{
			width:715px;
			float:left;
		}
		.inner_pg{
			padding-right:10px;
			text-align:justify;
		}	
		.image_inner {
			float:left;
		}
		.articleinfo {
			margin: 0;
			font-style: italic;
			font-size: 10px;
			line-height: 130%;
			min-height: 12px;
		}
		
#bottom{
width:960px;
height:100px;
background-color:#3caadc;
float:left;
}
		#r_bottom{
			width:500px;
			float:right;

		}
		#r1_bottom{
			width:250px;
			float:right;
		}
			#r1_bottom img{
			padding-left:10px;
			}
			#r1_bottom p{
			padding-left:10px;
			color:#fff;
			font-size:16px;
			font-family:arial;
			font-weight:bold;
			}		
		#r2_bottom{
			width:150px;
			float:right;
		}
			#r2_bottom img{
				padding:0px 0 0 15px;
			}
			#r2_bottom p{
			color:#fff;
			font-size:16px;
			font-family:arial;
			font-weight:bold;
			}		
		
		#l1_bottom{
			width:110px;
			float:left;
		}

	
		
#footer-img{
width:960px;
height:4px;
float:left;
}	
#footer{
	width:960px;
	float:left;
	height:20px;
	background-color:#2f98c9;
	overflow:hidden;
	margin-bottom:20px;
}
.footer{
	color:#fff;
	font: normal 12px/18px Verdana, arial, sans-serif;
	padding-left:10px;
}

.list{
padding:25px 10px 25px 30px;

}
.list ul {
padding:0px;
margin:0px;

}
.list ul li{
list-style-image:url('../images/arrow-red.png');
border-bottom:1px solid #eee;
font-size:12px;
padding-top:5px;
}
.list ul li a{
	/*font:14px/22px "Trebuchet MS",Arial,Helvetica,sans-serif;*/
	font:14px/22px "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:500;
	text-decoration:none;
	color:rgb(87, 86, 82);
}	
.list p{
text-align:right;
font-size:10px;

}
.list_bottom{
padding:15px 10px 25px 30px;

}
.list_bottom ul {
padding:0px;
margin:0px;

}
.list_bottom ul li{
list-style-image:url('../images/arrow-blue.png');
font-size:12px;
padding-top:5px;
}
.list_bottom ul li a{
text-decoration:none;
color:#fff;
}	
.list_bottom p{
text-align:right;
font-size:10px;

}

/* articles
----------------------------------------------- */
.articles {
	padding:0;
}
.articles h2 {
	margin:0;
}
#articles {
	padding-top:0;
}
.article {
	border-top:1px solid #666;
	padding-top:.5em;
}
.main .article {
	border-top:3px solid #fff;
	padding:13px 10px 0 10px;
}
.article h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.article h3 {
	font-size:10px;
}

.article a {
	color:#000;
	text-decoration:none;
	font-size:12px;
	padding:0;

}

#main .first {
	border-top:none;
}
.article h4 {
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:.5em;
}
.article a.image {
	float:left; 
	margin:3px 10px 3px 0; 
	padding:4px;
}
.article a.image:hover {
}
.article a h3.image img {
	float:left; 
}
.article p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}


/* search form */

#tw-form{
font-family: Tahoma, Geneva, sans-serif;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border: #aaa 1px solid;
background: #DDDDDD;
background: -moz-linear-gradient(top, #C4C4C4 0%, #EAEAEA 0%, #D3D3D3 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C4C4C4), color-stop(0%,#EAEAEA), color-stop(100%,#D3D3D3)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C4C4C4', endColorstr='#D3D3D3',GradientType=0 ); /* ie */
width: 195px;
float: right;
padding: 0 4px;
border-top-left-radius: 18px 18px;
border-top-right-radius: 18px 18px;
border-bottom-right-radius: 18px 18px;
border-bottom-left-radius: 18px 18px;
}
#tw-form #tw-input-text{
width: 165px;
float: left;
border: 0;
background: #DDDDDD;
background: -moz-linear-gradient(top, #C4C4C4 0%, #EAEAEA 0%, #D3D3D3 100%);  /*firefox*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C4C4C4), color-stop(0%,#EAEAEA), color-stop(100%,#D3D3D3)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C4C4C4', endColorstr='#D3D3D3',GradientType=0 ); /* ie */
color: #777;
line-height: 100%;
font-size: 12px;
font-family: Tahoma, Geneva, sans-serif;
margin-top:3px;margin-bottom:3px;
height:20px;
}
#tw-form #tw-input-text:focus{
outline:none;
color:#333;
}
#tw-form #tw-input-submit{
background: url(../images/search-zoom-icon.png) no-repeat 8px 6px;
border: 0;
float: right;
width: 22px;
z-index: 100;
cursor: pointer;
}


.figure {
display: block;
font-size: 28px;
line-height: 40px;
padding: 0 0 8px 0;
font-weight: bold;
text-shadow: #FFFFFF 1px 1px 0px;
}


/* table format motwakil 21-03-2013 */

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}
