@charset "utf-8";
/* CSS Document */
/*  www.cg-lion.com Al-rodah project offecial web site*/
/* this css file was done by Adel K. ghithan. AKA cg-lion */ 
/*  March-2008*/ 
/* ********************** general part *************************************** */
*{
margin:0;
padding:0;
border:0;
}
a{
text-decoration:none;
color:#2976c9;
}

a:hover{
text-decoration:underline;
}
a:focus{
outline:none;
}

input, textarea
{
	border:#003366 solid 1px;
}


.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
}

.blockTitle{
width:auto;
font-family:Tahoma;
font-weight:bold;
font-size:11px;
color:#343f49;
margin-right:10px;
display:block;
text-decoration:underline;
background:url(images/title_arrow.gif) center right no-repeat;
padding-right:20px;
}


p{
direction:rtl;
text-align:justify;
text-indent:20px;
padding-right:20px;
margin-left:20px;
}

body{
font-family:Tahoma;
font-size:11px;
color:#2d3740;
text-align:right;
direction:rtl;
background:url(images/body_bg.jpg) repeat-x top;
}

/* ********************** Coding part *************************************** */

#wrapper{
width:770px;
height:auto;
position:relative;
margin:0 auto;
background:#ffffff;
border-left:1px solid #d5d5d5;
border-right:1px solid #d5d5d5;
border-bottom:1px solid #d5d5d5;

}

#banner{
width:770px;
height:181px;
position:relative;
text-align:left;

}

#banner ul{
width:770px;
height:181px;
float:left;
list-style:none;
}

#banner ul li{
float:left;
}

#underBanner{
width:770px; 
background: url(images/underBanner_tex.gif) repeat-x;
}

#underBanner ul{
width:760px;
height:30px;
margin-right:10px;
position:relative;
display:inline;
float:right;
list-style:none;
}

#underBanner ul li{
float:right;
}

#welcomeBlock{
width:750px;
height:auto;
position:relative;
margin:10px;
}

#contentDiv{
width:770px;
height:auto;
position:relative;
}

#left_col{
width:170px;
height:auto;
position:relative;
float:left;
}

.leftElement{
width:160px;
height:255px;
margin-top:0px;
margin-bottom:5px;
margin-left:5px;
}

#right_col{
width:570px;
float:right;
}


#footer{
clear:both;
width:760px;
height:30px;
padding:10px 10px 20px 0px;
margin-top:5px;
font-size:10px;
color:#6f6f6f;
background:url(images/footer_tex.gif) top repeat-x;
}

/***********************  THE VISITORS PAGE ******************************** */ 
#theVis_contentWrapper{
width:700px;
height:auto;
position:relative;
background:url(images/mainBlock_hor_tex.gif) repeat-y ;
margin:0 auto;
}

#theVis_topBlock{
width:700px;
height:15px;
background:url(images/mainBlock_top_tex.gif) repeat-x;
position:relative;
}

#theVis_top_left{
width:15px;
height:15px;
float:left;
background:url(images/mainBlock_top_left.gif) no-repeat;
}

#theVis_top_right{
width:15px;
height:15px;
float:left;
margin-left:670px;
display:inline;
background:url(images/mainBlock_top_right.gif) no-repeat;
}

#theVis_midBlock{
width:692px;
height:800px;
background:url(images/mainBlock_ver_tex.gif) repeat-x #e8e8e8;
position:relative;
margin:0 auto;
}

#blockTitle{
width:560px;
height:22px;
position:relative;
margin:10px;
margin-top:0px;
background:url(images/mainBlock_title_tex.gif) repeat-x;
}



#leftBlockTitle{
width:10px;
height:22px;
background:url(images/mainBlock_title_left.gif) no-repeat;
float:left;
}

#midBlockTitle{
width:540px;
height:22px;
line-height:22px;
float:left;
color:#18232d;
}

#rightBlockTitle{
width:10px;
height:22px;
background:url(images/mainBlock_title_right.gif) no-repeat;
float:left;
}


#theVis_bottomBlock{
width:700px;
height:15px;
position:relative;
background:url(images/mainBlock_bottom_tex.gif) repeat-x;
}

#theVis_bottomLeft{
width:15px;
height:15px;
float:left;
background:url(images/mainBlock_bottom_left.gif) no-repeat;
}

#theVis_bottomRight{
width:15px;
height:15px;
float:left;
margin-left:670px;
display:inline;
background:url(images/mainBlock_bottom_right.gif) no-repeat;
}

#vis_block{
width:650px;
height:auto;
margin:0 auto;
position:relative;
background:url(images/vis_main_tex.gif) repeat-y;
}

#vis_top{
width:650px;
height:19px;
position:relative;
background:url(images/vis_top_tex.gif) repeat-x;
}

#vis_top_left{
width:15px;
height:19px;
float:left;
background:url(images/vis_top_left.gif) no-repeat;
}

#vis_title{
width:350px;
height:19px;
padding-right:20px;
line-height:19px;
background:url(images/vis_top_mid.gif) right no-repeat;
float:left;
}

#vis_name{
width:245px;
height:19px;
padding-right:5px;
float:left;
line-height:19px;
}

#vis_top_2ndLine{
width:648px;
height:21px;
position:relative;
margin-left:1px;
margin-right:1px;
background:url(images/vis_top_2ndLine_tex.gif) repeat-x;
}


#vis_date{
width:365px;
height:21px;
padding-right:20px;
line-height:19px;
background:url(images/vis_top_mid.gif) right no-repeat;
float:left;
}

#vis_webSite{
width:247px;
height:21px;
padding-right:15px;
float:left;
line-height:19px;

background:url(images/vis_top_2ndLine.gif) right no-repeat;
}

#vis_top_right{
width:15px;
height:19px;
float:left;
background:url(images/vis_top_right.gif) no-repeat;
}

#vis_mid{
width:630px;
height:auto;
padding:10px;

}

#vis_bot{
width:650px;
height:15px;
position:relative;
background:url(images/vis_bot_tex.gif) repeat-x;
}

#vis_bot_left{
width:15px;
height:15px;
float:left;
background:url(images/vis_bot_left.gif) no-repeat;
}

#vis_bot_right{
width:15px;
height:15px;
float:left;
margin-left:620px;
background:url(images/vis_bot_right.gif) no-repeat;
}