@charset "utf-8";
/* CSS Document */
/*most used colorsin Yemaniah website: baa155 brown, d8e1f3 light blue, 276fb8 dark blue*/ 
body
{
/*background:url(../images/bg.gif) top left repeat-x;*/
background:url(../images/body_bg.gif) no-repeat center top;
padding-top:2px;
}
a img
{
	border:none;
	text-decoration:none;
	color:none;
}
#page{
	width:800px !important;
    margin:auto !important;
}

/* top menu bar */ 
#topbar_container {color: #333; text-align: center; line-height:auto}
#topbar_container a {color:#baa155}
#topbar_container {background:url(../images/menu_back.gif) repeat-x top; text-align: center; margin-top: 10px; margin-bottom: 0; padding-bottom: 0; padding-top: 0px}
#menu {margin: 0 auto 0 auto; /*padding-top: 9px;*/ padding-bottom: 0; padding-right:20px ; width: 800px; text-align: right; /*background: url(../images/menu/logo.gif) no-repeat 0 0;*/ height: 29px}
/*commented by Fady*/
#menu .logo {float: left; margin: 0; margin-top: -12px; padding: 0}
#menu ul.menu {margin: 0px 2px 0 130px; padding: 9px auto 0 0; padding-left: 0; list-style-type: none; list-style-position: outside; overflow: visible}
#menu ul.menu li {float: right; margin-right: 7px; font-weight: bold; overflow: visible; margin-bottom: 0}
#menu ul.menu li a {text-decoration: none; background: url(../images/menu/menu_tabs.gif); padding-left: 10px; display: block; line-height: 2em; float: left}
#menu ul.menu li.upload a {background: #fff6c1}
#menu ul.menu li a span {background: url(../images/menu/menu_tabs.gif) 100% 0; display: block; padding-top: 2px; line-height: 2.1em; padding-right: 10px}
#menu ul.menu li.current a, #menu ul.menu li.current a:hover {/*background-color: #48f;*/ background-position: 0 -76px}
#menu ul.menu li.current a span, #menu ul.menu li.current a:hover span {background-position: 100% -76px; color: #fff; font-weight: bold}
#menu ul.menu li a:hover {background-color: #48f; background-position: 0 -38px; color: #1B6FBF}
#menu ul.menu li a:hover span {background-position: 100% -38px; color: #1B6FBF}
.top_search {float: left; margin-top: -2px; height: 36px; padding: 2px 10px 0 25px; width: 203px; text-align: right; background: url(../images/menu/search_tab.gif) bottom right no-repeat}
.top_search form {display: inline; margin:0; padding: 0}
.top_search #search2 {margin-right: 2px; margin-top: 8px; width: 122px; font-size: 16px; border: 1px solid #ccc; display: inline}
.top_search form .submit {position: relative; display: inline; top: 5px; border: 0}

/*=====================*/
/*     Head Rotator    */
#rotator{
	display:block;
	clear:both;
	margin:auto;
	margin-top:-2px;
	width: 800px;
	height:232px;
}
/*================================================================*/
				/*News bar marquess style*/
#newsbar
{
	background:url(../images/newsbar/rs.gif) no-repeat right top;
	height:40px;
	/*position:relative;*/
	padding-right:11px;
}
#newsbar>span
{	float:left;
	background:url(../images/newsbar/ls.gif) no-repeat left top;
	height:40px;
	width:100%;
}
#newsbar>span marquee
{	
	background:url(../images/newsbar/center.gif) repeat-x left top;
	height:40px;
	position:relative;
	margin-left:33px;
}
#newsbar>span marquee>span.news
{
	height:40px;
	margin-top:8px;
	padding-left:10px;
	padding-right:10px;
}
a:hover
{
	text-decoration:underline;
}
/*================================================================================================================================*/
											/*main news rounded frame*/
.round-frame {
	 /*width:510px;*/
	 margin:1px auto;
	 display:inline;
     background:#FFF url(../images/frame/wframe1/lc.gif) repeat-y left top;
}
.top {
     width:100%;
	 position:relative;
     height:46px;
     background:url(../images/frame/wframe1/lt.gif) no-repeat left top;
}
.top span {
     display:block;
     position:relative;
     height:46px;
     background:url(../images/frame/wframe1/rt.gif) no-repeat right top;
}
.center-content {
     position:relative;
     background:url(../images/frame/wframe1/rc.gif) repeat-y right top;
     padding:1px 20px 0px 30px;
     margin:0px 0 -5px 0px;
}
.center-content1 {
     position:relative;
     background:url(../images/frame/wframe1/rc.gif) repeat-y right top;
     padding:15px 20px 0px 20px;
     margin:0px 0px -22px 0;
	 height:200px;
}
.bottom {
     position:relative;
     height:46px;
     background:url(../images/frame/wframe1/lb.gif) no-repeat left bottom;
}
.bottom span {
     display:block;
     /*position:relative;*/
     height:46px;
     background:url(../images/frame/wframe1/rb.gif) no-repeat right bottom;
}
/*================================================================================================================================*/

#content {
	width:800px;
	/*z-index:-1;*/
	margin:auto;
	margin-bottom:4px;
    padding: 0;
    line-height: 1.5em;
}
#main-content
{
	width:800px;
	margin:auto;
	float:left;
	/*height:220px;*/
	position:relative;
	overflow:visible;
	margin-top:2px;
}
#center-content
{
	width:800px;
	float:left;
	clear:both;
	/*position:relative;*/
}
#left-side
{	float:left;
	width:220px;
	/*margin-top:5px;*/
}
#right-side
{	float:right;
	/*clear:both;*/
	width:550px;
	padding-right:0px;
}

/*==================Video carousel style====================*/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #baa155;
/*overflow: scroll;*/ /*leave this value alone*/
width: 220px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
margin:auto;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
width: 198px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*footer*/
#footer { /*position:relative;*/ clear:both; display:block; font-size:0.90em; font-family:Arial; line-height:1.166em; color:#666; background:#e3e3e3; }
#footer span a { text-decoration:none;}
#footer .ind { /*width:405px;*/width:800px; padding:18px 0 0 0px; padding-left:44px; margin:auto; padding:auto; text-align:center}
#footer .txt { padding-top:7px; color:#333; font-weight:bold;}
/*end of footer*/
.post {
 	direction:rtl;	
	/*margin-bottom: 5px;*/
	
}

.post .entry {
	padding: 10px 5px 0px 5px;
}

/*==========================================================================================*/
.date {
	float: right;
	/*width: 110px;*/
	height: 16px;
	margin: 0;
	padding-top: 2px;
	margin-right:20px;
	/*background: #18BDF5 url(media/orange/img07.gif);*/
	line-height: normal;
	z-index:10000;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #6876876;
}
.date b {
	display: block;
	margin-top: -5px;
	font-size: 40px;}
.title {
	margin:0 10px 0 10px;
	padding: 20px 10px 0 10px;
	/*background: url(media/orange/img05.gif) repeat-x;*/
	clear:both;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#276fb8;
	/*color:#6AABD7;*/
	color:#276fb8;
	font-family: "Arabic Transparent", Times, serif;
	font-size:16pt;
	overflow:hidden;
	font-weight:bold;	
	direction:rtl!important;}
.meta {
	margin: 0 20px 5px 0;
	padding: 0;
	z-index:1000;
	position:relative;
	color: #baa155;
	line-height:normal;}
.meta a {
	color:#CCCCCC;}
.more
{
height:23px;
width:75px;
display:block;
/*background:url("images/modules/readon-blue.png") no-repeat top left;*/
color:#6388c5;
font:12pt "Arabic Transparent", Arial, Helvetica, sans-serif;
font-weight:bold;  
text-decoration:none;
/*padding-top:2px;*/
padding-left:12px;
}
.more:hover
{
text-decoration:underline;
}
/*=====================================================================================*/
.newscat
{
	width:262px;
	direction:rtl;
	float:right;
	margin-right:5px;
}
.newscat h2
{
	background:url('../images/newscat/rbul.gif') no-repeat right center;
	padding-right:10px;
	color:#baa155;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13pt;
}
.newscat .newslist li
{
	border-bottom:#999 1px dashed;
	list-style-image:url('../images/newscat/nlist_up.gif');
	margin-right:-15px;
}
.newscat .newslist li a
{
	list-style-image:url('../images/newscat/nlist_over.gif');
	text-decoration:none;
	color:#999;
	font-weight:bold;
}
.newscat .newslist li a:hover
{
	color:#276fb8;
}

.newscat ul li:hover
{
	list-style-image:url('../images/newscat/nlist_over.gif');
	color:#276fb8; /*d8e1f3;*/
	border-bottom:#276fb8 1px dashed;
}
.newscat span
{
	float:left;
	margin:0px;
}
.catbreak
{
	border-left:#CCC 1px solid;
	width:1px;
	height:210px;
	overflow:auto;
	float:right;
	margin:15px 5px 0 5px;
}
/*=====================================================================================*/