/* CSS Document */



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 76%;

	color: #000000;

	background-color: #7a94a5;

	background-image: url(images/grad.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}



 /* Main div */



div#main {

	padding: 0;

	width: 65em;

	margin: 0 auto;

	border: 1px solid #712951;

	background-color: #ffffff;

}



 /* Styles used for the SkipLinks div and the language bar */



div#toprow {

	width: 100%;

	margin: -1px 0 0 0;

	padding: 0;

	background-color: #732d54;

	vertical-align: middle;

}





 /* Top area: skip navigation */



div#skiplinks {

	padding: 0;

	margin-left: 0;

	width: auto;

	float: left;

	font-size: 80%;

	width: 25%;}

div#skiplinks ul {

	text-align: left;

	margin: 0;

	padding: 0;}

div#skiplinks ul li {

	list-style-type:none;

	display:inline;

	margin: 0;

	padding: 0 2%;}

div#skiplinks ul li a:link {color:#732d54;}

div#skiplinks ul li a:visited {color:#732d54;}

div#skiplinks ul li a:active {color:#732d54;}

div#skiplinks ul li a:hover {color:#732d54;}



div#lang {

	padding: 0;

	margin-right: 0;

	width: auto;

	float: right;

	font-size: 90%;

	font-weight: bold;

	width: 74%;

	text-align: right;

}

div#lang ul {

	padding: 0.1em 0;

	margin: 0;

}

div#lang ul li {

	display: inline;

	padding-right: 0.5em;

	padding-left: 0.5em;

	text-align: center;

}

div#lang ul li#arabic {direction:rtl; font-size: 110%;}

div#lang ul li#english {color:#ffffff;}

div#lang a:link, div#lang a:visited {color: #f7e6fc; text-decoration: none;}

div#lang a:hover, div#lang a:active {color: #bbc7ef; text-decoration: none;}



div.clear {clear: both;}



 /* Style used for the banner */

div#banner {

	background-image: url(images/bgtop.jpg);

	background-repeat: repeat-x;

	background-position: top;

	background-color: #550838;

	margin: 0;

	padding: 0;

	height: 130px;

	clear: both;

}

div#banleft {

	float: left;

	width: 277px;

	height: 108px;

	background-image: url(images/lefttop.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

}

div#banright {

	float: right;

	width: 203px;

	height: 108px;

	background-image: url(images/righttop.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

}

h1 {

	font-size: 225%;

	font-family: Georgia, "Times New Roman", Times, serif;

	padding: 10px 0 0 0;

	margin: 0 150px;

	color: #f7e6fc;

	text-align: center;

	font-weight: normal;

}

p.date {

	font-family: Georgia, "Times New Roman", Times, serif;

	padding: 2px 0 0 0;

	margin: 0 150px;

	color: #f7e6fc;

	text-align: center;

	font-weight: bold;

}

div#blueline {

	background-color: #cdd7ff;	

	margin: 0;

	padding: 0;

	clear: both;

}

 /* Style used for the navigation  */



div#menu {

	width: 22%;

	background-color: #bbc7ef;

	margin: 0;

	padding: 0;

	font-weight: bold;

	float: left;

}

div#menu ul {

	padding: 0;

	margin: 0;

	text-align: left;

	}

div#menu ul li {

	list-style: none;

	margin: 0;

	border-bottom: 1px dotted #97b9ff;

	display: block;

}

div#menu ul li#home  {

	border-top: 1px dotted #97b9ff;

}

div#menu a:link, div#menu a:visited {

	color: #330038; 

	text-decoration: none;

	display: block;

	padding: 4px 6px;

}

div#menu a:hover, div#menu a:active {

	color: #330038; 

	text-decoration: underline; 

	background-color: #e6e8ff;

	display: block;

	padding: 4px 6px;

}

div#menu p {

	color: #fff2ad;

	font-size: 90%;

	text-align: center;

	margin: 1.5em 0 0 0;

	padding: 0.2em;

	font-weight: normal;

}



 /* Styles used in the content area*/

div#contents {

	vertical-align: top;

	width: 77%;

	float: right;

	margin: 0;

	padding: 0;

}	

div.quote {

	border: 1px dotted #6982a1;

	background-color: #f7e6fc;

	padding: 0.5em;

	margin: 2em auto 1em auto;

	font-style: italic;

	width: 75%;

}

div#contents h2 {

	text-transform: uppercase;

	font-size: 130%;

	font-weight: bold;

	color: #6982a1;	

	padding: 1em;

	margin: 1em 0 0 0;

	border-bottom: 1px dotted #6982a1;

}

div#contents h3 {

	font-size: 120%;

	font-weight: bold;

	color: #330038;	

	padding: 1em;

	margin: 0;

}

div#contents h4 {

	font-size: 110%;

	font-weight: bold;

	color: #000066;

	padding: 1em;

	margin: 0;

	text-decoration: none;

}

div#contents p {

	padding: 1em;

	margin: 0;

}

div#contents ul, div#contents ol {

	padding: 0;

	margin: 0.5em 0 0.5em 1.2em;

	list-style-image: none;

}

div#contents ul li {

	padding: 0.5em 0;

	margin: 0 0 0 1em;

	list-style-image: url(images/bullet.gif);

	list-style-position: outside;

}

div#contents ol li {

	padding: 0.5em 0;

	margin: 0 0 0 1em;

}

hr {

	width: 60%;

	color: #6982a1;

	margin: 1em auto;

	padding: 0;

}

div#contents a:link, div#contents a:visited {color: #000066;}

div#contents a:hover, div#contents a:active {color: #330038;}

.note {font-size:90%;}



 /* Styles used for the footer raw */

div#footer {

	clear: both;

	font-size: 90%;

	text-align: center;

	padding: 0.2em;

	margin: 0;

	color: #f7e6fc;

	background-color: #330038;	

}