
/*

Talal Abu Ghazaleh Translation, Distribution and Publishing (TAG-TRANSLATORS)
Design by: Shatha Risheq

------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

*{
	margin: 0px ;
	padding: 0px;
	}


body{
	font: 11px verdana, Arial, Helvetica, sans-serif;
	color:#69553a;
	margin: 0;
	text-align: center;
	background-color: #c7c0b0;
	direction: ltr;
	}

a{
	color:#d56c0c;
	text-decoration: none;	
	}

a:hover{
	text-decoration: underline;	
	}

p{
	font: 11px verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
	margin-bottom: 10px;	
	}

strong{
	font-weight: bold;
	}


ul, ol {
	margin: 0 0 20px 0px;
	list-style: none;
	line-height: 22px;	
	}

ul li,  ol li {
	margin: 10px 0px 10px 0px;
	font: 11px verdana, Arial, Helvetica, sans-serif;
	}

/*
wrapper ---------------------------------------------------------------------------- */

#wrapper{
	text-align: left;
	width: 887px;
	padding: 0px;
	margin: 0px auto;
	}

/*
 Header ---------------------------------------------------------------------------- */

#header{
	width: 887px;
	height: 134px;
	margin: 0px auto;
	background: url(header_bg.gif) left top no-repeat;
	margin-top: 10px;
	}

#logo {
	float: left;
	display: inline;
	width: 450px;
	height: 93px;
	margin: 41px 0px 0px 30px;
	}
	
#logo img {
	border: 0;  
	}

#search{
	float: right;
	width: 407px;
	height: 134px;
	padding: 0px 0px 0px 0px;
	background: url(saerch_bg.jpg) left top no-repeat;
	}
	
#languages{
	width: 85px;
	height: 14px;
	float: right;
	margin-right: 40px;
	display: inline;
	margin-top: 14px;
	}
	
#languages img{
	border: 0;
	}
	
#upperLinks{
	width: 407px;
	float: right;
	margin-top: 22px;
	}
	
#upperLinks ul{
	margin: 0px auto;
	padding: 0px;
	float: right;
	display: inline;
	margin-right: 55px;
	margin-bottom: -10px;
	.margin-bottom: 0;
	}	
	
#upperLinks ul li{
	float: left;
	width: auto;
	color: #877541;
	font: 11px Arial, verdana, Helvetica, sans-serif;
	padding-right: 6px;
	}
	
#upperLinks ul li a{
	color: #8f7c47;
	text-decoration: none;
	}
	
#upperLinks ul li a:hover{
	float: left;
	width: auto;
	color: #8f7c47;
	font: 11px Arial, verdana, Helvetica, sans-serif;
	text-decoration: underline;
	}

#searchField{
	width: 317px;
	height: 18px;
	padding-top: 0px;
	float: right;
	padding-right: 55px;
	margin-top: 21px;
	}
	
#searchField .pic{
	float: right;
	height: 18px;
	width: 24px;
	cursor: pointer;
	}

#searchField input{
	font: 10px Verdana, Arial,sans-serif;
	color: #041941;
	width: 165px;
	height: 12px;
	border-top : 1px solid #e4ddca;
	border-bottom : 1px solid #e4ddca;
	border-left : 1px solid #e4ddca;
	border-right : 0px solid #e4ddca;
	background-color: #fff;
	padding: 2px 5px;
	float: right;
	}

/*
 ( under header ) ---------------------------------------------------------------------------- */

h1{
	color: #693601;
	font: 15px Arial, Helvetica, sans-serif;
	line-height: 29px;
	margin-top: 0px;
	margin-left: 23px;
	font-weight: bold;
	}

h2{
	color: #693601;
	font: 15px Arial, Helvetica, sans-serif;
	border-bottom: #291700 dotted 1px;
	margin-bottom: 12px;
	padding-bottom: 5px;
	font-weight: bold;
	}
	
h3{
	color: #440f01;
	font: 15px Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-top: 7px;
	}
		
	
h4{
	color: #ffffff;
	font: 17px Arial, Helvetica, sans-serif;
	line-height: 29px;
	background:transparent url(border.gif) left bottom no-repeat;
	padding-left: 11px;
	}

h5{
	color: #928a7e;
	font: 20px arial,verdana, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: bold;
	padding-bottom: 36px;
	margin-bottom: 0px;
	background:transparent url(h5_bg.jpg) left bottom no-repeat;
	padding-left: 13px;
	}

h6{
	color: #0e67a0;
	font: 17px Arial, Helvetica, sans-serif;
	line-height: 29px;
	}
	
/*
 container---------------------------------------------------------------------------- */

#mainFlash{
	width: 887px;
	height: 416px;
	margin: 0px auto;
	background: transparent url(flash_bg.gif) right top no-repeat;
	}
	
#container{
	width:  887px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	float: left;
	background: #fcf9e1 url(container_bg.gif) right top repeat-y;
	}

#BrownEdge{
	width: 806px;
	height: 291px;
	margin: 0px auto;
	float: left;
	background: transparent url(brownEdge_bg.gif) left top no-repeat;
	padding:  0 37px 15px 37px;
	}

/*
 Footer ---------------------------------------------------------------------------- */
 
#footer{
	font: 10px verdana, Arial, Helvetica, sans-serif;
	width: 887px;
	height: 48px;
	margin: 0px auto;
	background: transparent url(footer_bg.gif) left top no-repeat;
	clear: both;
	text-align: center;
	color: #62310a;
	padding-top: 52px;
	}

#footer a{
	color:#62310a;
	}
	
#footer .powered{
	color:#1c0902;
	line-height: 25px;
	}

#footer .powered a{
	color:#b5560a;
	}

#footerInner{
	font: 10px verdana, Arial, Helvetica, sans-serif;
	width: 887px;
	height: 48px;
	margin: 0px auto;
	background: transparent url(footerInner_bg.gif) left top no-repeat;
	clear: both;
	text-align: center;
	color: #62310a;
	padding-top: 52px;
	}

#footerInner a{
	color:#62310a;
	}
	
#footerInner .powered{
	color:#1c0902;
	line-height: 25px;
	}

#footerInner .powered a{
	color:#b5560a;
	}

#left{
	width:  491px;
	margin: 0px auto;
	overflow: hidden;
	float: left;
	}
	
#tabs{
	width:  445px;
	height: 120px;
	margin: 0px auto;
	overflow: hidden;
	float: left;
	padding: 20px 23px;
	color: #69553a;
	font: 11px verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	}
	
#tabsButton{
	width:  445px;
	margin: 0px auto;
	float: right;
	color: #69553a;
	margin-top: 10px;
	font: 11px Arial, verdana , Helvetica, sans-serif;
	}	

/*#tabsDiffrent a{
	margin: 0px auto;
	float: right;
	color: #69553a;
	margin-left: 8px;
	color: #e77401;
	border-bottom: #e77401 solid 1px;
	padding-right: 20px;
	background: transparent url(orange_square.gif) right 4px no-repeat;
	}*/

.tabEnabled a
{
	margin: 0px auto;
	float: right;
	color: #69553a;
	margin-left: 8px;
	color: #e77401;
	border-bottom: #e77401 solid 1px;
	padding-right: 20px;
	background: transparent url(orange_square.gif) right 4px no-repeat;
}

.tabDisabled a
{
	margin: 0px auto;
	float: right;
	color: #69553a;
	margin-left: 8px;
	color: #4b2606;
	border-bottom: #4b2606 solid 1px;
	padding-right: 20px;
	background: transparent url(brown_square.gif) right 4px no-repeat
}
/*#tabsTeam a{
	margin: 0px auto;
	float: right;
	color: #69553a;
	margin-left: 8px;
	color: #4b2606;
	border-bottom: #4b2606 solid 1px;
	padding-right: 20px;
	background: transparent url(brown_square.gif) right 4px no-repeat
	}

#tabsBetter a{
	margin: 0px auto;
	float: right;
	color: #69553a;
	margin-left: 8px;
	color: #4b2606;
	border-bottom: #4b2606 solid 1px;
	padding-right: 20px;
	background: transparent url(brown_square.gif) right 4px no-repeat
	}*/


.dots{
	color:  #e77302;
	}
	
#banner{
	width:  491px;
	height: 86px;
	margin: 0px auto;
	overflow: hidden;
	float: left;
	padding: 0 23px 14 0;
margin-top:10px;


	}			

#banner img{
	border: 0;
	cursor: pointer;
	}

.cources{
	margin-left: 14px;
	}
	
#right{
	width:  315px;
	margin: 0px auto;
	overflow: hidden;
	float: left;
	}

#news{
	width: 315px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	float: left;
	color: #3e4347;
	font: 10px verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-bottom: 0px;
	display: inline;
	}

.newsLine{
	width: 292px;
	margin: 0px;
	margin-left: 23px;
	margin-top: 10px;
	}

.newsLine li{
	margin: 3px 0px 15px 0;
	.margin: 3px 0px 7px 0;
	border-bottom: dotted #776245 1px;
	padding-bottom: 12px;
	.padding-bottom: 10px;
	}

.newsLine li a{
	font: 11px  Arial,verdana, Helvetica, sans-serif;
	color:#69553a;
	margin: 18px 0px;
	.margin: 7px 0px;
	}
	
.newsLine li a:hover{
	color:#69553a;
	}
	
#picc{
	border-bottom: dotted #776245 0px;
	}

.newsLine p{
	width: 250px;
	color: #d56c0c;
	font: 11px  Arial,verdana, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	line-height: 10px;
	margin-bottom: 3px;
	.margin-bottom: 0px;
	}

.newwsPic{
	width: 98px;
	float: left;
	padding-left:0px;
	padding-top: 10px;
	}
	
.withPic{
	width: 155px;
	float: left;
	}

.newsLine1{
	width: 155px;
	margin: 0px;
	margin-left: 23px;
	}

.newsLine1 li{
	margin: 3px 0px 10px 0;
	.margin: 3px 0px 7px 0;
	border-bottom: dotted #776245 1px;
	padding-bottom: 12px;
	.padding-bottom: 10px;
	}

.newsLine1 li a{
	font: 11px  Arial,verdana, Helvetica, sans-serif;
	color:#69553a;
	margin: 18px 0px;
	.margin: 7px 0px;
	}
	
.newsLine1 li a:hover{
	color:#69553a;
	}
	
.newsLine1 p{
	width: 140px;
	color: #d56c0c;
	font: 11px  Arial,verdana, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	line-height: 10px;
	margin-bottom: 3px;
	.margin-bottom: 0px;
	}
	
.leftLable{
	height: 45px;
	width: 454px;
	background: transparent url(h_bg.gif) left top no-repeat;
	margin: 0px auto;
	overflow: hidden;
	float: left;
	}
	
.leftLable.rami{
	background: none;
	}
	

.archive{
	width: 134px;
	float: right;
	}
	
.archive img{
	margin-top: 0px;
	}
	
.archive a{
	font: 10px verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	text-decoration: underline;
	}	

#innerpic{
	width: 887px;
	height: 202px;
	margin: 0px auto;
	background: transparent url(flash_bg.gif) right top no-repeat;
	}

#BrownEdgeInner{
	width:  835px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	float: left;
	border-left: #260100 solid 22px;
	border-right: #260100 solid 23px;
	background-color:#FFF;
	}
	
#pathBG{
	width: 818px;
	padding-left: 62px;
	padding-top: 8px;
	float: left;
	height:70px;
	margin: 0px auto;
	background: transparent url(path_bg.jpg) left top no-repeat;
	font: 10px  Arial,verdana, Helvetica, sans-serif;
	color:#FFFFFF
	}

#pathBG a{
	color:#FFFFFF;
	text-decoration: underline;
	}

#pathBG img{
	padding: 0 5px;
	}

#leftinner{
	width:  628px;
	margin: 0px auto;
	overflow: hidden;
	float: left;
	background: transparent url(content_bg.jpg) right top no-repeat;
	}
	
#rightinner{
	width:  207px;
	margin: 0px auto;
	overflow: hidden;
	float: left;
	}
	
.topBanners{
	width:  207px;
	margin: 0px auto;
	overflow: hidden;
	float: right;
	}
	
.topBanners img{
	margin: 0px auto;
	margin-bottom: 10px;
	float: left;
	}	

#brotherList{
	width: 179px;
	margin-top: 0;
	line-height: 16px;
	margin: 0;
	margin-bottom: 15px;
	}

#brotherList li{
	margin: 0;
	padding: 0;
	background: transparent url(square.gif) left 7px no-repeat;
	padding-left: 8px;
	padding-bottom: 5px;
	border-bottom: #999 dotted 1px;
	}

#brotherList li a{
	font: 11px verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	color:#69553a;
	margin: 0;
	padding: 0;
	}
	
#brotherList li a:hover{
	color:#69553a;
	}
	
#content{
	width:  556px;
	margin: 0px auto;
	overflow: hidden;
	float: left;
	padding: 0 36px 20px 36px;
	color: #69553a;
	font: 11px verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	}

#content ul, #content ol {
	margin: 0 0 20px 0px;
	list-style: none;
	line-height: 22px;	
	}

#content ul li,  #content ol li {
	margin: 10px 0px 10px 0px;
	font: 11px verdana, Arial, Helvetica, sans-serif;
	text-indent:0px;
	padding-left:10px;
	color: #634a42;
	background:transparent url(arrow.gif) no-repeat left 7px;
	.background:transparent url(arrow.gif) no-repeat left 9px;
	}
		
.top {
	margin-top: 10px;
	}
	
.top a{
	float: right;
	color:#c16000;
	}

.top img{
	float: right;
	padding-left: 5px;
	}
	
		
#text{
	padding-left: 16px;
	overflow: hidden;
	}
	
#send{
	width:  400px;
	margin: 0px auto;
	float: right;
	padding-top: 17px;
	padding-bottom: 28px;
	font: 10px verdana, Arial, Helvetica, sans-serif;
	color: #928a7e;
	margin-right: 15px;
	}

#send a{
	color: #928a7e;
	text-decoration: none;
	}

#print{
	width:  120px;
	margin: 0 auto;
	float: right;
	background: transparent url(print.gif) left top no-repeat;
	padding-left: 17px;
	margin-top: 3px;
	}

#print a{
	border: 0;
	text-decoration: none;
	}
	
#print a:hover{
	text-decoration: underline;
	}	
	
#sendto{
	width:  110px;
	margin: 0px auto;
	float: right;
	background: transparent url(send.gif) left 5px no-repeat;
	padding-left: 17px;
	}
	
#sendto a{
	border: 0;
	text-decoration: none;
	line-height: 17px;
	}
	
#sendto a:hover{
	text-decoration: underline;
	}	
	

/*--  menu ----------------------------------------------------------------------------------------------- */

#hmenu{
	height: 28px;
	width: 847px;
	padding-left: 40px;
	margin: 0;
	background:transparent url(hmenu_bg.jpg) left top no-repeat;
	}

#mainMenu .noBord a {
background-image: none;
}
#mainMenu {
margin: 0;
border: 0 none;
padding: 0;
list-style: none;
height: 28px;
margin-top: 0px;
width: 827px;
position: relative;
z-index: 100;	
}
#mainMenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
display: inline;
list-style: none;
position: relative;
height: auto;
font: 11px Arial,verdana, Helvetica, sans-serif;
}
#mainMenu li ul {
top:28px;
border: #90320e solid 1px;

}
#mainMenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 240px;
list-style: none;
display: none;
position: absolute;
left: 0;
}

#mainMenu ul:after{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

#mainMenu ul li {
width: 240px;
float: left;
display: block !important;
display: inline;
border-top: #90320e solid 1px;
}

#mainMenu a {
margin: 0 0px 0 0;
float: left;
color: #45220a;
line-height: 26px;
background:transparent url(seperator.gif) right center no-repeat;
padding: 1px 10px;
display:block;
}

#mainMenu a:hover, #mainMenu li:hover a, #mainMenu li.iehover a {
color: #b94514;
text-decoration: none;
}

#mainMenu li:hover li a, #mainMenu li.iehover li a {
font-size: 11px;
padding: 2px 10px;
float: none;
color: #f2ebcb;
background:#4d1c0b;
border-top: #4d1c0b solid 1px;
	}

#mainMenu li ul li.parent a {
	background:  url(arrow.gif) 220px center no-repeat;
	font-size: 11px;
	padding: 2px 10px;
	float: none;
	color: #f2ebcb;
	background-color:#4d1c0b;
	border-top: #4d1c0b solid 1px;
	}

#mainMenu li ul li.parent ul {
	margin: 0px;
	padding: 0px;
	border: #90320e solid 1px;
	}
	
#mainMenu li ul li.noparent a:hover {
	background-image: none !important;
	}
	
.noparent a img{
	margin-top:2px;
	}

#mainMenu li:hover li a:hover, #mainMenu li:hover li:hover a, #mainMenu li.iehover li a:hover, #mainMenu li.iehover li.iehover a {
color: #330600;
background:#fffbe1;
border-top: #4d1c0b solid 1px; 
         
}
#mainMenu li:hover li:hover li a,
#mainMenu li.iehover li.iehover li a {
font-size: 11px;
padding: 2px 10px;
float: none;
color: #f2ebcb;
background:#4d1c0b;
border-top: #4d1c0b solid 1px;
}


#mainMenu li:hover li:hover li.parent a,
#mainMenu li.iehover li.iehover li.parent a {
background:  url(arrow.gif) 220px center no-repeat;
font-size: 11px;
padding: 2px 10px;
float: none;
color: #f2ebcb;
background-color:#4d1c0b;
border-top: #4d1c0b solid 1px;
}
#mainMenu li:hover li:hover li.parent a:hover, #mainMenu li:hover li:hover li:hover a, #mainMenu li.iehover li.iehover li.parent a:hover,
#mainMenu li.iehover li.iehover li.iehover a {
font-size: 11px;
padding: 2px 10px;
float: none;
color: #330600;
background-color:#fffbe1;
border-top: #4d1c0b solid 1px;
}


#mainMenu li:hover li:hover li:hover li a,
#mainMenu li.iehover li.iehover li.iehover li a {
color: #330600;
background: #fffbe1;
padding: 2px 10px;
}
#mainMenu li:hover li:hover li:hover li a:hover, #mainMenu li.iehover li.iehover li.iehover li a:hover {
color: #fffbe1;
background: #4d1c0b;
padding: 2px 10px;
}
ul#mainMenu ul ul,
ul#mainMenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 240px;
}
ul#mainMenu li:hover ul ul,
ul#mainMenu li:hover ul ul ul,
ul#mainMenu li.iehover ul ul,
ul#mainMenu li.iehover ul ul ul {
display: none;
}
ul#mainMenu li:hover ul,
ul#mainMenu ul li:hover ul,
ul#mainMenu ul ul li:hover ul,
ul#mainMenu li.iehover ul,
ul#mainMenu ul li.iehover ul,
ul#mainMenu ul ul li.iehover ul {
display: block;
}
/* Contact Us -----------------------------------------------------------------------
 ---------------------------------------------------------------------------*/

.contact label {
	display: block;
	margin-bottom: 0px;
	color: #11527b;
	}

.contact strong {
	color: #4e2200;
	}
	
.contact .requierd{
	font: 11px verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	}	
	
.contact p {
	font: 11px verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 14px;
	color:#57462e;
	}

.contact a.des {
	padding-bottom: 10px;
	}

.contact .def {
	font: 12px , Arial, Helvetica, sans-serif;
	color: #c16000;
	margin-bottom: 3px;
	}
	
.contact .note{
	font: 11px verdana, Arial, Helvetica, sans-serif;
	color: #4e2200;
	margin-top: 10px;
	font-weight:bold; 
	}

.contact img {
	margin-bottom: 10px;
	}
	
.contact input {
	width: 400px;
	padding-left: 5px;
	height: 17px;
	margin-bottom: 10px;
	border-left: solid #ccc 1px;
	border-top: solid #ccc 1px;
	color: #666666;
	padding: 1px;
	padding-left: 5px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	}
	
.contact select {
	width: 410px;
	margin-bottom: 10px;
	border-left: solid #ccc 1px;
	border-top: solid #ccc 1px;
	color: #666666;
	padding: 1px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	}
.contact textarea {
	width: 405px;
	height: 100px;
	border: 1px solid #ccc;
	padding-left: 5px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	}

.contact .BTNClass{
	width: auto;
	cursor: pointer;
	background: url(btn_bg.gif) top left repeat-x;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	height: 25px;
	border: 0px;
	text-align: center;
	line-height: 22px;
	padding-left: 4px;
	}
	
	
	.contact h3{
	color: #ee8b02;
	font: 16px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-top: 7px;
	border-bottom: #bab4ab solid 5px;
	}
	

.contact h2{
	color: #925103;
	font: 15px Arial, Helvetica, sans-serif;
	border-bottom: #291700 dotted 1px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-weight: bold;
	margin-top: 10px;
	}
	
.contact br{
	clear: left;
	}


#ctl00_ContentPlaceHolder1_ValidationSummary1 ul li
{color:red;}

/*-- links -----------------------------------------------------------*/

.links{
	list-style: none;
	border-bottom: #f1f1f1 solid 1px;
	padding-right: 40px;
	margin: 0px;
	padding: 0px;
	}

.links a{
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 0 0px;
	margin: 0 0 0px 0;
	height: 20px;
	line-height: 20px;
	}

.links a:hover{
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 0 0px;
	margin: 0 0 0px 0;
	height: 20px;
	}

.links p{
	color: #57462e;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	}
	
/* site map -----------------------------------------------------------------------
 ---------------------------------------------------------------------------*/

#content .sitemap li{
	background: url(path_arrow.gif) 3px 5px no-repeat;
	}

#content .sitemap li ul li{
	background: url(path_arrow.gif)left top no-repeat;
	}

	 
/* News
 ---------------------------------------------------------------------------*/
.news{
	margin: 0px 0 30px 0;
	list-style: none;
	border-bottom: #e1e1e1 solid 1px;
	padding: 0px;
	text-indent: 0px;
	width: 550px;
	}

.news a{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding: 0px 10px 0px 0px;
	margin: 0 0 3px 0;
	background: url(path_arrow.png) center left no-repeat;
	line-height: 20px;
	background-color: #fbfbf3;
	}

.news a:hover{
	text-decoration: underline;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	}

.news p{
	color: #4e2201;
	margin: 5px 0 0 6px;
	text-indent: 0px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	}	
	
.all .button{
	margin-top: 0px;
	}
	
/* Offices -----------------------------------------------------------------------
 ---------------------------------------------------------------------------*/

#content .Office{
	font-size: 11px;
	margin: 0px;
	list-style: none;
	background-color: #fff;
	padding-bottom: 20px;
	height: 170px;
	width: 550px;
	padding-top: 20px;
	}
	
#content .Office li{
	list-style-image: none;
	line-height: 15px;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	}

#content .Office .country{
	font-weight: bold;
	color: #4e2201;
	line-height: 25px;
	font-size: 11px;
	border-left: #d9812e solid 2px;
	padding-left: 10px;
	}

.innfo{
	color: #4f2201;
	line-height: 15px;
	list-style-image: none;
	float: left;
	margin-right: 5px;
	font-weight: bold;
	}

.selection {
	font-weight: bold;
	color: #743301;
	line-height: 17px;
	margin-top: 15px;
	margin-bottom: 7px;
	}
	
.selection img{
	padding-left: 3px;
	padding-right: 3px;
	}
	
.world{
	font: 10px Verdana, Arial,sans-serif;
	color: #743301;
	width: 300px;
	height: 20px;
	border : 1px solid #9fb0b1;
	background-color: #fff;
	padding: 2px 5px;
	}


/*
-- Search result -----------------------------------------------------------*/

#content #searchall li {
	background-image: none;
	}
	
#content #searchall ul {
	margin-left: -10px;
	padding-left: 0;
	}

.searchResult p{
	color: #4f4b5c;
	margin: 20px 0 0 0px;
	border-left:dotted #3091d0 1px; 
	padding-left: 10px;
	}
	
.result{
	background-color:#4f2201;
	color:#FFFFFF;
	padding: 1px 2px;
	margin: 0px 2px;
	}
	
.number{
	color: #5c4a03;
	font-weight: bold;
	}

#content .SR ul li,  #content .SR ol li {
	background:transparent url(arrow.gif) no-repeat left 5px;
	}
	}

#content .imp ul{
	margin: 0 0 20px 0px;
	list-style: none;
	line-height: 22px;
	}

#content .imp li{
	margin: 10px 0px 10px 0px;
	font: 11px verdana, Arial, Helvetica, sans-serif;
	text-indent:0px;
	padding-left:15px;	
	font-weight: bold;
	color: #227db2;
	}

#content .imp li a {
	margin: 10px 0px 10px 0px;
	font: 11px verdana, Arial, Helvetica, sans-serif;
	text-indent:0px;
	padding-left:15px;
	color: #227db2;
	font-weight: bold;
	background:transparent url(arow_down.gif) no-repeat left 3px;
	.background:transparent url(arow_down.gif) no-repeat left 6px;
	}

.tiiitl{
	font: 12px verdana, Arial, Helvetica, sans-serif;
	text-indent:0px;
	color: #666666;
	font-weight: bold;
	}
	
.main{
	font: 10px verdana, Arial, Helvetica, sans-serif;
	text-indent:0px;
	color: #312a1c;
	font-weight: bold;
	background:transparent url(drop.gif) no-repeat left 4px;
	padding-left: 15px;
	margin-left: 0;
	margin-left: -17px;
	}
	
.red{
	color: #990000;
	font-weight: bold;
	}
	
	 /* 
 grid
  ------------------------------------------------------------------------------------*/
.graphic_pagination_container {
	DISPLAY: block; 
	FLOAT: left; 
	padding: 20px 0;
	WIDTH: 100%; 
	LINE-HEIGHT: 5.0em; 
	TEXT-ALIGN: center;
	font-size: .95em;

}

.graphic_page_num {
	BORDER-RIGHT: #ccc .1em solid; 
	PADDING-RIGHT: .5em;
	BACKGROUND-POSITION: center bottom; 
	BORDER-TOP: #ccc 1px solid; 
	DISPLAY: inline; 
	PADDING-LEFT: .5em; 
	PADDING-BOTTOM: .2em; 
	MARGIN-LEFT: .3em; 
	BORDER-LEFT: #ccc .1em solid; 
	COLOR: #d36800; 
	PADDING-TOP: .2em; 
	BORDER-BOTTOM: #ccc .1em solid; 
	TEXT-DECORATION: none;
}
.graphic_page_num:hover {
	BORDER-RIGHT: #ccc .1em solid; 
	BORDER-TOP: #ccc .1em solid; 
	BORDER-LEFT: #ccc .1em solid; 
	BORDER-BOTTOM: #ccc .1em solid;
		COLOR: #734100; 

}
.graphic_current_page {
	BORDER-RIGHT: #fff .1em solid; 
	
	PADDING-RIGHT: .3em; 
	BORDER-TOP: #fff .1em solid; 
	PADDING-LEFT: .3em; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: .3em; 
	MARGIN-LEFT: .1em;
	BORDER-LEFT: #fff .1em solid; 
	COLOR: #734100; 
	PADDING-TOP: .3em; 
	BORDER-BOTTOM: #fff .1em solid;
}
	/* Popup */
	#panel {
	background: #FCFDFE;
	display: none;
	position: absolute;
	top:0;
	left:0;
	border-top: 5px solid #E0E9F8;
	z-index:1000;
	
}
#panel .modaltop
{
	background-color: Transparent;
    background-image: url(images/bg_title.gif);
    background-repeat: repeat-x;
    height: 16px;
    text-align: right;
}
#panel #closebutton
{
	cursor: pointer;
}
#panel .body
{
	padding: 0px;
}

/*Tabbed*/

.tabberlive .tabbertabhide {
 display:none;
}

h1.shatha {
  margin-top: 0;
  margin-left: 0;
}

.tabber {
}
.tabberlive {
 margin-top:1em;
}

ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #481601;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #481601;
 border-bottom: none;
 background: #e9e3b5;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #d56c0c; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #d56c0c;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #481601;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#rptBanner_ctl00_imgBanner {margin-left:37px;}

/* PRINT -----------------------------------------------------------------------
 ---------------------------------------------------------------------------*/	

@media Print {

#header, #hmenu, #innerpic, #pathBG, img, , #footer, #footerInner, #mainFlash, .paging ,.top {
	display: none;
	visibility: hidden;
	width: 0px;
	line-height: 0;
	height: 0px;
	}
	
#content, p, h1, h2, h3, h4, h5, h6,#rightinner {
	color: #000000;
	text-align: left;
	border: 0px;
	}

}	
	

