/* color bold brown is #E9967A Clear Brown is #FFF3DC Dark Brown: #983306 #733B09 */

.arabic {
font-family:Traditional Arabic , simplified Arabic;
direction: rtl;
font-size:20px;
}
.latin {
font-family:Verdana, Arial, Helvetica, sans-serif;
direction: ltr;
font-size: 80%;
}

body {
background-color:#FFFFFF;
background-image: url(/ressources/bg/bg_mosaic02.gif);
background-repeat: repeat;
color:#983306;
margin: 0;
padding: 0;
}

table {
vertical-align: top;
border:0;
}
table tr td {
vertical-align: top;
border:0;
}

#wrapper{
width: 780px;
background-color:#FFFFFF;
border: 2px solid #983306;
margin: 0;
padding: 0;
}

/* Main top banner style definition */
#banner{
height: 101px;
background-color:#FFFFFF;
background-image: url(/ressources/bg/bg_default.gif);
background-repeat: repeat;
text-align: center;
}
.leftBannerImage{
float: left;
margin-left: 10px;
margin-top: 15px;
border: 0;
}
.rightBannerImage{
float: right;
margin-right: 10px;
border: 0;
}

/* Left Side Panel */
#leftSidePanel {
vertical-align:top;
width: 150px;
margin: 0px;
padding: 0px;
border: 0px;
}

#topLeftBanner{
background-image: url(/ressources/calligraphy/huwa_Allah.gif);
width: 150px;
height: 128px;
margin: 10px;
padding: 0;
border: 0;
}

/* Vertical Navigation */
#nav{
width: 160px;
border-bottom: 1px solid #E9967A;
font-size: 23px;
text-align:center;
margin-top: 5px;
padding: 0;
background-image: url(/ressources/bg/bg_default.gif);
background-repeat: repeat;
}
#nav ul{
list-style-type: none;
padding: 0;
margin: 0;
}
#nav ul li{
display: block;
height:30px;
}

#nav ul li a{
text-decoration: none;
}
#nav ul li a:link {color:#450606}

#nav ul li a:visited {color:#450606}
#nav ul li a:hover {color:#450606; font-weight: bold; }

.current {
color: #FFFFFF;
background-color: #E9967A;
font-weight: bold;
}

#leftSideQuotation{
width: 154px;
text-align:justify;
margin-top: 5px;
padding: 2px;
border: 1px solid #E9967A;
}

#leftSideQuotation p{
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color: #733B09;
margin: 5px;
}

/* Top menu navigation */

#currentLanguage {
font-size: 23px;
float: right;
display: inline;
margin-left: 30px;
margin-right: 30px;
color: white;
font-weight: bold;
}

#topnav {
padding: 0;
margin: 0;
text-align: left;
font-size: 16px;
height: 40px;
background-image: url(/ressources/bg/topmenu_bg2.gif);
background-repeat: repeat-x;
}

#topnav a{
text-decoration: none;
margin: 0;
padding: 0;
text-align: center;
}

#topnav a:link {color:#983306}
#topnav a:visited {color:#983306}
#topnav a:hover {color:#983306;}

/* Definition of the content block styles */
#content,#content_latin {
margin: 15px;
padding: 0;
text-align: justify;
color:#733B09;
}

#content p {
color:#450606;
font-size:20px;
}

#content_latin p {
color:#450606;
font-size:80%;
}

h1,h2,h3 {
color: #983306;
}

h1{
font-size: 180%;
text-align: center;
}

#content_latin h1{
font-size: 160%;
}

#content_latin h2{
font-size: 120%;
}
	
#content_latin h3 {
font-size: 120%;
font-weight: bold;
}	
h2{
font-size: 140%;
text-align: center;
}

h3 {
font-size: 120%;
font-weight: bold;
}	

a {
text-decoration: underline;
}
a:link {color:#983306}
a:visited {color:#983306}
a:hover {color:#983306}

ul{
	margin:20px;
	padding:0;
	border:0;
}
ul li{
margin-bottom:5px;
}
ul li a {
text-decoration: none;
font-size: 20px;
}
ul li a:link {color:#450606}
ul li a:visited {color:#450606}
ul li a:hover {color:#390707; font-weight: bold; }

#nice table {
text-align: center;
width: 650px;
background-color: #FFF3DC;
border: 1px solid #E9967A;
font-size: 16px;
}
#nice table td {
border: 1px solid #E9967A;
}
#nice table td img {
border: 0px;
}
#nice table td a:hover {
font-weight:bold;
}
#nice table th {
font-weight:bold;
color:#FFFFFF;
background-color:#E9967A;
}

#box {
	width: 100%;
	/*height:300px;*/
	margin: 0;
	padding:0;
	background-color:#F3EAD7;
	margin-bottom:15px;
	border: 1px solid #733B09;
	/*overflow: scroll;*/
}
#box p {
	margin:15px;
	text-align:justify;
}
#box h1 {
	position:relative;
	border-bottom: 2px solid #733B09;
	top:0;
	text-align:center;
	color:white;
	display:block;
	/*width:100%;*/
	height:30px;
	margin:0;
	font-size:20px;
	background-color:#DECEAC;
	border-bottom: 2px solid #733B09;
}

.continueLink {
	text-decoration:underline;
	text-align:left;
	margin-left:10px;
	font-weight:bold;
}
#greenBox a:link { color:#404F33; }
#greenBox a:visited { color:#404F33; }
#greenBox a:hover { color:#404F33; }
#greenBox {
	width:46%;
	/*height:250px;*/
	margin:0;
	padding:0;
	background-color:#DCE7D3;
	border: 1px solid #404F33;
	margin-bottom:15px;
	font-size:20px;
}
#greenBox h1 {
	position:relative;
	top:0;
	text-align:center;
	color:white;
	display:block;
	/*width:47%;*/
	height:30px;
	margin:0;
	font-size:25px;
	background-color:#CEE1BD;
	border-bottom: 2px solid #404F33;
}
#greenBox p {
	font-size: 90%;
	color:#404F33;
	margin:15px;
}
#greenBox ul li {
	color:#404F33;
	margin-right:15px;
}
#greenBox ul li a {
	font-size: 90%;
	text-align:right;
	margin:10px;
	text-decoration:underline;
}

#greenBox ul li a:link {
	color:#404F33;
}
#greenBox ul li a:visited {
	color:#809D67;
}

#greenBox ul li a:hover {
	font-weight:bold;
	color:#7C9E5E;
}

.leftImage{
float: left;
margin-right: 10px;
border: 1px solid #733B09 ;
padding: 0;
}

.rightImage{
float: right;
margin-left: 10px;
border: 1px solid #733B09;
padding: 0;
}

.centerImage{
float: center;
margin-right: 10px;
margin-left: 10px;
border: 1px solid #733B09 ;
padding: 0;
}

.clearit{
clear: both;
display: block;
}


#poems {
margin: 30px;
font-style: italic;
font-family: Garmond , Arial;
}

#poems h1{
font-size: 95%;
font-weight:bold;
text-align: center;
border-top: 1px solid #E9967A;
border-bottom: 1px solid #E9967A;
}
#poems p{
font-size: 95%;
text-align: center;
color: #733B09;
}
/* Class definition for arabic poem table */
.poem {border:0;font-weight:bold;margin-right:20px;padding:10px;width:550px;font-size:25px;text-align:justify;}

/* Album Style */
#album {
border: 1px solid #E9967A;
width: 635px;
float: center;
margin:15px;
}

#album ul {
margin: 5px;
padding:0;
}

#album ul li {
display:inline;
width:140px;
margin: 5px;
padding:5px;
border: 1px solid #733B09;
background-image: url(/ressources/bg/bg_default.gif);
background-repeat: repeat;
/*background-color: #FFF3DC; */
text-align: center;
}

#album ul li img{
height:140px;
border: 1px solid #733B09;
margin: 5px;
}
#album ul li p{
text-align:center;
font-size: 10px;
font-weight: bold;
margin:0;
padding:0;
}
.album table{background-color:white;margin:0;}
.album tr {height:140px;}
.latin .album td {width:130px;background-color:#FFF3DC;padding:0px;text-align:center;vertical-align:top;color:#733B09;border: 1px solid #E9967A; font-size:70%;}
.album td {width:130px;background-color:#FFF3DC;padding:0px;text-align:center;vertical-align:top;color:#733B09;border: 1px solid #E9967A;}
.latin .album td h2 {font-size:120%}
.album td img { width:130px;border:0; }
.album td a {text-decoration:none;}
.album td a:visited{color:#733B09;}
.album td a:link{color:#733B09;}

/* Definition of the footer styles */
#footer{
margin: 0;
margin-top: 10px;
padding: 0;
background-image: url(/ressources/bg/bg_default.gif);
background-repeat: repeat;
color: #983306;
font-weight: bold;
text-align: center;
border-top: 2px solid #983306;
border-bottom: 2px solid #983306;
height: 50px;
}
#footer p{
font-size: 80%;
margin-top: 10px;
padding: 0;
}
#footer a:link {color:#E9967A}
#footer a:visited {color:#E9967A}
#footer a:hover {color:#E9967A}

/* Misc */
#warning {
color:red;
font-size: 100%;
font-weight: bold;
}