﻿/*
General Styles
*/

body {
	background-position: #ACA8A1;
	margin: 0;
	padding: 0;
	background: #ACA8A1;
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
}
#left_side {
	border: thin solid #C0C0C0;
	width: 542px;
	font-family: tahoma;
	font-size: small;
	text-decoration: none;
	float: left;
	margin-left: auto;
	margin-right: auto;

}
#right_side {
	margin-left: auto;
	margin-right: auto;
	width: 185px;
	font-family: tahoma;
	font-size: small;
	text-decoration: none;
	float: right;
	height: 14px;
}

#head{

	width: 750px;
	margin-left: auto;
	margin-right: auto;
	font-family: tahoma;
	font-size: small;
	text-decoration: none;
}


#wrapper
{
	margin: 0px auto 0px auto;
	width: 800px;
	height:auto;
	display: block;
}

#logo {
	background-image: url('images/logo/arabicgt.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 110px;
}

#footer_text {
	text-align: center;
	direction:rtl;
	
}

/*
End General Styles
*/




/* Border
---------------------------------------- */
.border-left {
	background: url("images/border_left.gif") #FFFFFF repeat-y 0 0;
}
.border-right {
	background: url("images/border_right.gif") repeat-y 100% 0;
}
.border-top {
	background: url("images/border_top.gif") repeat-x 0 0;
}
.border-top-left {
	background: url("images/border_top_left.gif") no-repeat 0 0;
}
.border-top-right {
	background: url("images/border_top_right.gif") no-repeat 100% 0;
	width: 100%;
}
.border-bottom {
	background: url("images/border_bottom2.gif") repeat-x 0 100%;
}
.border-bottom span {
	background: url("images/border_bottom.gif") no-repeat 0 0;
	display: block;
	height: 18px;
}
.border-bottom span span {
	background-position: 100% -18px;
}
.inside {
	padding: 17px 27px 10px;

}
/* Border End
---------------------------------------- */


/*Main List
---------------------------------------- */
#navcontainer
{
	text-align: right;
	width: 197px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
	display: block;
	padding: 2px 24px 2px 2px;
	border: 1px solid #333;
	width: 160px;
	background-color: #999;
	background-image: url(images/l1_down.gif);
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #F60;
background-image: url(images/l1_over.gif);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(images/l1_over.gif);
color: #333;
}

/*Main List
---------------------------------------- */
#footer {
	font-family: tahoma;
	font-size: 9px;
	font-weight: lighter;
	text-align: center;
	direction:rtl;
	width:100%;
}
#quote {
	direction:rtl;
	padding: 3px;
	margin: 3px;
	font-family: "traditional Arabic";
	width: 521px;
	float: right;
	text-align: center;
	font-size: 1.2em;
	line-height: normal;
	font-weight: lighter;
}


/*
         Toolbox CSS
	 Chris Coyier
	 http://css-tricks.com
*/
/*
	LAYOUT TOOLS
*/
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter			{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
/*
	PRINT TOOLS
*/
.page-break 			{ page-break-before: always; }
/*
	TYPOGRAPHIC TOOLS
*/
.error				{ border: 1px solid #fb4343; padding: 3px; color: #fb4343; }
.warning			{ border: 1px solid #d4ac0a; padding: 3px; color: #d4ac0a; }
.success			{ border: 1px solid #149b0d; padding: 3px; color: #149b0d; }
.callOut			{ font-size: 125%; font-weight: bold; }
.strikeOut			{ text-decoration: line-through; }
.underline			{ text-decoration: underline; }
.resetTypeStyle			{ font-weight: normal; font-style: normal; font-size: 100%;
					  text-decoration: none; background-color: none; word-spacing: normal;
					  letter-spacing: 0px; text-transform: none; text-indent: 0px; }
/*
	STYLING EXTRAS
*/
a[href^="mailto"]		{ background: url(images/emailIcon.png) left center no-repeat; padding-left: 10px; }
a[href~=".pdf"]			{ background: url(images/pdfIcon.png) left center no-repeat; padding-left: 10px; }
a.button			{ color: black; border: 1px solid black; padding: 3px; }
	a.button:hover		{ background: black; color: white; }
.transpBlack			{ background: url(images/transpBlack.png); }
/*
	DISPLAY VALUES
*/
.hide				{ display: none; }
.show				{ display: block; }
.invisible			{ visibility: hidden; }
/*
         Toolbox CSS
	 Chris Coyier
	 http://css-tricks.com
*/
