﻿body
{
	background-color:Transparent;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#logo {
	position: fixed;
	float: left;
	background-color: Transparent;
	background-image: url(../images/Info_Arab.png);
	bottom: 4px;
	left: 4px;
	width: 180px;
	height: 124px;
}

#Slogan {
	position: fixed;
	top: 4px;
	left: 300px;
	right: 4px;
	min-width: 500px;
	height: 30px;
	text-align: right;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #560836;
	font: .8em Tahoma, sans-serif;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 4px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#Menu {
	position: fixed;
	top: 4px;
	left: 4px;
	width: 300px;
	height: 30px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #560836;
	font: .8em Tahoma, sans-serif;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 20px;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.Menu_Item1 {
	position: fixed;
	float: left;
	left: 40px;
	width: 65px;
	height: 30px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #560836;
	font: 1em Tahoma, sans-serif;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.Menu_Item2 {
	position: fixed;
	float: left;
	left: 120px;
	width: 65px;
	height: 30px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #560836;
	font: 1em Tahoma, sans-serif;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.Menu_Item3 {
	position: fixed;
	float: left;
	left: 200px;
	width: 65px;
	height: 30px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #560836;
	font: 1em Tahoma, sans-serif;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#leftpanel {
	position: fixed;
	top: 175px;
	left: 4px;
	float: left;
	width: 184px;
	border: none;
	background-color: Transparent;
	padding: 4px;
	margin: 2px;
	line-height: 12px;
}

#leftpanel p 
{
	line-height:12px;
}

#leftpanel br 
{
	line-height:8px;
}


	#leftpanel a {
		font: Tahoma, sans-serif;
		font-family: 1em Tahoma, sans-serif;
		font-size: 14px;
		line-height: 18px;
		color: #560836;
		font-weight: bold;
		text-decoration: none;
	}

		#leftpanel a:hover {
			font: Tahoma, sans-serif;
			font-family: 1em Tahoma, sans-serif;
			font-size: 14px;
			line-height: 18px;
			color: #560836;
			font-weight: bold;
			text-decoration: underline;
		}

#Page_Body
{
	position:absolute;
	float:left; 
	top:40px;
	bottom:2px;	
	left:200px;
	right:4px;
	min-width:300px;
	overflow:auto;
	/*width:578px;*/
	border-style:none; 
	background-color:Transparent; 
	padding:8px; 
	margin:8px;
	text-align:left;
}


#Page_Body p 
{
	line-height:24px;
}

#Page_Body br 
{
	line-height:24px;
}


/*TEXT STYLES*/
.bodytext {
	font: Tahoma, sans-serif;
	font-family:1em Tahoma, sans-serif;
	font-size:14px;
	line-height:18px;
	color: #666666;
	line-height:14px;
}


.titletext {
	font: Tahoma, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #560836;
}

.smalltitle {
	font: Tahoma, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #560836;
}

.smallredtext {
	font: Tahoma, sans-serif;
	font-family: 1em Tahoma, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #560836;
}

.smallgreytitile 
{
	font: 0.7em Tahoma, sans-serif;
	font-family:1em Tahoma, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#999999;
	margin-top:30px;
}


.contenttext  {
	color: #666666;
    background-color:Transparent;
	font-family:1em Tahoma, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:lighter;
}


.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#999999;
}

.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}

.smallgraytext a:hover{
	text-decoration:underline;
}



.SN_Button
{
	float:left; 
	background-color:Transparent;
	width:40px; 
	height:40px;
	margin:5px;
	cursor:help;
}


.Next_Button
{
	float:left; 
	background-color:Transparent;
	width:24px; 
	height:24px;
	margin:5px;
	cursor:help;
}

	
.Page_Title
	{
	float:left;
	width:98%;
	height: 24px;
	color:Maroon;
	background-color:transparent;
	text-align:center;
	font: 1em Tahoma, sans-serif;
	font-weight:bold;
	line-height: 20px;
	padding:2px;
	margin:2px;
	border:none;
    vertical-align:middle;
    direction:ltr;
	}

	
.Page_Results
	{
	float:left;
	width:98%;
	height: 100%;
	color:Gray;
	background-color:transparent;
	text-align:left;
	font: .8em Tahoma, sans-serif;
	font-weight:normal;
	line-height: 16px;
	padding:2px;
	margin:2px;
	border:none;
    vertical-align:middle;
    direction:ltr;
	}

/* Banners */
.Banners_Frame {
	max-width: 98%;
	max-height: 98%;
	margin-top: 0px;
}

@media only screen and (min-width: 768px) {
	.Banners_Frame {
		max-width: 98%;
		margin-top: 0px;
	}
}

.One_Banner_Format {
	height: auto;
	max-width: 100%;
	padding: 4px 8px;
	margin: 24px 0;
	display: block;
}

.Banner_Whole_Div {
	height: auto;
	width: 100%;
	padding: 4px 8px;
	margin: 24px 0;
	display: block;
}

	.Banner_Whole_Div::after {
		moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #fff rgba(66, 168, 202, 0) rgba(66, 168, 202, 0);
		border-image: none;
		border-style: solid;
		border-width: 24px 12px 0;
		content: " ";
		height: 0;
		left: 50%;
		margin-left: -8px;
		pointer-events: none;
		position: absolute;
		width: 0;
	}

.Banner_Last_Div {
	height: auto;
	width: 100%;
	padding: 4px 8px;
	margin: 24px 0;
	display: block;
}

	.Banner_Last_Div::after {
	}

.Banner_Picture {
	min-width: 100%;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

@media only screen and (min-width: 768px) {
	.Banner_Picture {
	}
}

/**/
