<tal:block define="false python:False">
<tal:block condition="false">
	DO NOT MODIFY THIS COMMENT (unless you know what you're doing :)
	This is a more in one css.
	Skin-number:3;
	Current-skin:green;<tal:block condition="false">/*.*.magenta.*.*//*.*. blue.*.*/</tal:block>
</tal:block>
<span tal:replace="python:request.RESPONSE.setHeader('content-type', 'text/css')"/>

<tal:block tal:define=" isArabic here/isArabicLanguage;
	noArabic not:isArabic">

<tal:block condition="isArabic">
	html,div,h1,th,td,li,ul {
	direction:rtl;
	}

	#main_structure {
	direction:ltr;
	}
</tal:block>

 body.visualFontSizeCorrection { 
	background-image: none;
}

body {
	margin:0;
	padding:0;
	background-repeat: repeat-y;
	<tal:block condition="noArabic">
	font-size: 70%;
	</tal:block>
	<tal:block condition="isArabic">
	font-size: 85%;
	</tal:block>
	background-color: white;

	<tal:block condition="isArabic">
	font-family:'Arabic Transparent',verdana, arial, sans-serif;
	</tal:block>
	<tal:block condition="noArabic">
	font-family:Verdana, Arial, Helvetica, sans-serif;
	</tal:block>
}


th {
	background-color: #f0f0f0;
	text-align:left;
	vertical-align: top;
}

td input {
	margin:0;
}

th input {
  margin-left: 0;
}

h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0em 0em 0.5em 0em;
	<tal:block condition="isArabic">
	font-family:'Arabic Transparent', Arial, verdana, sans-serif;
	</tal:block>
	<tal:block condition="noArabic">
	font-family:Arial, verdana, sans-serif;
	</tal:block>
}

table h1 {
	position:relative;
}

h1 {
	<tal:block condition="noArabic">
	position:relative;
	</tal:block>
	font-size: 200%;
	color:#6995c1;
	
}

h2 {
	font-size: 160%;
	color: #666666;
	font-weight: normal;
	
}

h3 {
	font-size: 140%;
	color: #666666;
	font-weight: normal;
	
}

h4 {
	<tal:block condition="noArabic" replace="string:position:relative;" />
	margin: 0;
	font-size: 120%;

}

p{
	margin: 0em 0em 0.5em 0em;
}

a img {
	border: 0;
}

a {
	color: #557ba1;
}

a:visited {
	color: #557ba1;
}

.itemsPerPage {
	margin-top: 7px;
	vertical-align:middle;
}

input {
	margin-top: 7px;
	margin-left: 4px;
	font-size: 100%;
	vertical-align: middle;
}

fieldset {
	border:1px solid #cccccc;
	padding: 0px 10px;
}

/* required for IE and Opera */
div.fieldset_div {
	padding: 10px 0px;
}

legend {
	font-weight: bold;
}


/* Position */
.sitemap {
	margin-top: 0.5em;
}

.sitemap div{
	padding: 0.3em 0em;
}

.white_backgrounded {
	background-color: white;
}

/* upper bar */
	#nav_upper {
	border-top: 3px solid white;
	<tal:block condition="noArabic">
	text-align: left;
	</tal:block>
	<tal:block condition="isArabic">
	text-align: right;
	</tal:block>
	background-color: white; /*!*/
	color: #666666;
	}
	#nav_upper div{
	
	margin: 0;
	<tal:block condition="noArabic">
	margin-right:4px;	
	</tal:block>
	<tal:block condition="isArabic">
	margin-left:4px;
	</tal:block>
	padding:0;
	list-style:none;
	display:block;   /*must be block*/
	position:relative;
	background-color: #f0f0f0;
	}

	#nav_upper li{
	display:inline;
	}

	.clearing_div_top {

	<tal:block condition="noArabic">
	display: none;
	</tal:block>

	<tal:block condition="isArabic">
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background-color: white; /*ERROR*/
	</tal:block>
	}


	#nav_upper span a {
	color: #666666;
	<tal:block condition="noArabic">
	border-left: 1px solid #cccccc;
	padding: 0 4px;
	</tal:block>

	<tal:block condition="isArabic">
	padding: 0px 6px;
	</tal:block>
	}

	#nav_upper a:visited {
	color: #666666;
	}


	#nav_upper_log {
	border-bottom: 1px solid #bbbbbb;
	}

	#nav_upper_log img {
	margin-top: 1px;
	}

/* top banner */
	#top_banner {
	margin-top: 4px;
	border-top: 1px solid #cccccc;
	}

	#banner_images {
	display: none;
	}

	#banner_images img { 
	border-left: 2px solid white; 
	width: 91px;
	height: 69px;
	}

	#site_logo {
	<tal:block condition="noArabic">
	float: left;
	</tal:block>
	<tal:block condition="isArabic">
	float: right;
	</tal:block>
	width: 130px;
	margin-top: 10px;
	}

	#site_logo img {
	<tal:block condition="noArabic">
	margin-left: 15px;
	</tal:block>
	<tal:block condition="isArabic">
	margin-right: 15px;
	</tal:block>
	}

	#site_title {
	<tal:block condition="noArabic">
	font-family: Arial, Helvetica, sans-serif;
	border-left: 1px solid #cccccc;
	padding-left: 10px;
	font-size: 130%;
	margin: 10px 0px 0px 130px;
	</tal:block>
	<tal:block condition="isArabic">
	font-family: 'Arabic Transparent', Arial, Helvetica, sans-serif;
	border-right: 1px solid #cccccc;
	padding-right: 10px;
	font-size: 130%;
	margin: 12px 130px 0px 0px;
	</tal:block>
	color: #4B7DB2;
	font-weight: bold;
	padding-top: 0px;
	height: 2.4em;
	}

	#top_banner>#site_title {
	height: auto;
	}

	#site_title span{
	<tal:block condition="noArabic">
	</tal:block>
	<tal:block condition="isArabic">
	font-size: 120%;
	</tal:block>
	}

	#site_subtitle {
	font-weight: normal;
	color: #666666;
	font-size: 85%;
	line-height: 1.6em;
	}

	#nav_main {
	background-color: white;
	background-image: url('bck_topmenu.jpg');
	background-position: left top;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	z-index: 1;
	clear:both;
	height:1px; 
	}

	div>#nav_main {
	height: auto; 
	}

	#nav_main_language {
	<tal:block condition="noArabic">
	float: right;
	</tal:block>
	<tal:block condition="isArabic">
	float: left;
	margin-left: 1px;
	</tal:block>
	margin-top: 7px;
	}

	#nav_main_language form {
	margin:0;
	}

	#nav_main_language select {
	<tal:block condition="noArabic">
	font-family: Arial,sans-serif;
	margin-right: 5px;
	</tal:block>
	<tal:block condition="isArabic">
	</tal:block>
	font-size: 85%;
	}

	#nav_main_links {
	<tal:block condition="noArabic">
	padding: 0 0 0 10px;
	</tal:block>
	<tal:block condition="isArabic">
	padding: 0 10px 0 0;
	</tal:block>
	text-transform: capitalize;
	<tal:block condition="noArabic">
	font-family:arial, sans-serif;
	</tal:block>
	<tal:block condition="isArabic">
	font-family:'Arabic Transparent', arial, sans-serif;
	</tal:block>

	}


	#nav_main_links ul {
	<tal:block condition="noArabic">
	display: inline;
	</tal:block>
	<tal:block condition="isArabic">
	font-weight:bold;
	font-size:115%;
	</tal:block>
	line-height: 30px;
	margin:0;
	padding:0;
	}


	#nav_main_links li {
	<tal:block condition="noArabic">
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 8px 0 0;
	background-image: url('topmenu_separator.gif');
	background-repeat: repeat-y;
	background-position: right top;
	</tal:block>
	<tal:block condition="isArabic">
	display: inline;
	</tal:block>
	}

	<tal:block condition="isArabic">
	#nav_main_links span{
	font-weight:normal;
	color: #eaeaea; /*#666666;*/
	font-size: 10px; 
	vertical-align:middle;
	}
	</tal:block>


	#nav_main_links a {
	<tal:block condition="noArabic">
	white-space	: nowrap;
	font-size: 90%;
	color:#666666;
	text-decoration: none;
	font-weight: bold;
	</tal:block>
	<tal:block condition="isArabic">
	color:#666666;<tal:block condition="false">/*.*.#8F3A94.*.*//*.*. #557ba1.*.*/</tal:block>
	text-decoration: none;
	</tal:block>
	vertical-align:middle;
	}


	#nav_main_links a:visited {
	<tal:block condition="noArabic">
	color:#666666;
	</tal:block>
	<tal:block condition="isArabic">
	color:#666666;<tal:block condition="false">/*.*.#8F3A94.*.*//*.*. .*.*/</tal:block>
	</tal:block>
	}


/*  quick_accces- bread_crumb - search_area  */

	.clearing_div {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background-color:#AC86AE;
	border-top: 1px solid white;
	border-bottom: 1px solid whit/;
	}


	#bar_divided {
	background-color: #B5EEB5;
	color: white;
	overflow:hidden;
	}

	#search_area {
	background-color: #9cc1dc;
	}

	#search_area form {
	margin: 0;
	padding: 2px 0px 3px;
	vertical-align: middle;
	}

	#search_area label {
	}

	#search_area #query {
	margin: 0;
	width: 112px;
	border:1px solid #4b7db2;
	}

	#search_area #sub {
	margin:0;
	border:0;
	}


	#quick_acces {
	}

	#quick_acces form {
	margin: 0;
	padding: 1px 0px 2px;
	vertical-align: middle;
	}

	#quick_acces label {
	}

	#quick_acces #query1 {
	margin: 0;
	width: 122px;
	margin-top: 7px;
	font-size: 100%;
	}

	#quick_acces #sub1 {
	margin:0;
	border:0;
	vertical-align: bottom;
	}


	#bread_crumb_trail {
	padding: 3px 0px;

	background-color: #eaeaea;
	color:#557ba1;
	}

	div#bread_crumb_trail a{
	<tal:block condition="isArabic">
	direction: rtl;
	unicode-bidi: embed;
	text-decoration:none;
	font-size: 120%;
	</tal:block>
	<tal:block condition="noArabic">
	font-size: 100%;
	</tal:block>
	color:#557ba1;
	}

	div#bread_crumb_trail a:visited{
	color:#557ba1;
	}


#main_structure_ie_fixer{
}

#main_structure {
}

	#left_port {
	background-color: #6995c1;
	}

	#left_port a:visited {
	}

	#middle_right_port {
	}

	.middle_port {
	background-color: white;
	}

	.country_folder .country_flag {
	<tal:block condition="noArabic">
	float:right;
	</tal:block>
	<tal:block condition="isArabic">
	float:left;
	</tal:block>
	}
	.country_folder .right_port {
	background-color:white;
	}

	.country_folder .middle_port_head {
	}

	.country_folder .middle_port_head2 {
	}

	.country_folder #right_port {
	}
	.country_folder .middle_port {
	height:1px; 
	}

	.country_folder>.middle_port { 
	height:auto;
	}

	#right_port {
	background-color:white;
	}

	.right_forcer {
	font-size:0.1em;
	line-height:0;
	height:0;
	border:1px solid white;
	}

	#site_footer {
	margin-top: 60px;
	<tal:block condition="isArabic">
	font-size: 100%;
	</tal:block>
	}

	.left_port_title {
	width: 148px;
	text-align: center;
	margin:0 10px 10px 10px;
	padding: 7px 0px 7px 0px;
	background-color: #d9f5d9;
	color:#0f400f;
	font-size: 110%;
	<tal:block condition="noArabic">
	font-family:Arial, sans-serif;
	</tal:block>
	<tal:block condition="isArabic">
	font-family:'Arabic Transparent', Arial, sans-serif;
	</tal:block>
	font-weight: bold;
	
	border:1px solid #6add6a;
	}

	.left_port_title a{
	color: #355B82;
	}

	.left_port_title a:visited{
	color: #355B82;
	}

	.left-logos {
	  <tal:block tal:condition="noArabic">
	text-align:left;
	margin: 50px 0px 0px 10px;
	  </tal:block>
	  <tal:block tal:condition="isArabic">
	text-align:right;
	margin: 50px 10px 0px 0px;
	  </tal:block>
	}

 .main_menu_ul {
	list-style: none;
	margin:0px 10px 0px 10px;
	
	border-bottom:1px solid #e0f8e0;
	border-top:1px solid #92e492;
	padding: 0;
	color: white;
	font-size: 105%;
	<tal:block condition="noArabic">
	font-family:Arial, Helvetica, sans-serif;
	</tal:block>
	<tal:block condition="isArabic">
	font-family:'Arabic Transparent', Arial, Helvetica, sans-serif;
	</tal:block>

}
.main_menu_ul a {
	  color: white;
	  text-decoration: none;
}

.main_menu_li {
	  padding:2px 0;
	  border-top:1px solid #e0f8e0;
	  border-bottom:1px solid #92e492;
	  font-weight: bold;
}

.left_submenu {
	<tal:block tal:condition="isArabic">
	margin: 8px 25px 8px 25px;
	</tal:block>
	<tal:block tal:condition="noArabic">
	margin: 8px 25px 8px 25px;
	</tal:block>
	list-style-image: url(bullet_submenu.gif);
	padding: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	<tal:block condition="noArabic">
	font-family:Verdana, Arial, Helvetica, sans-serif;
	</tal:block>
	<tal:block condition="isArabic">
	font-family:'Arabic Transparent', Verdana, Arial, Helvetica, sans-serif;
	</tal:block>
}

.left_submenu li {
	  font-weight: normal;
	  font-size: 90%;
	  margin: 0 0 6px 0;
	  padding: 0 0 0 0;
}

	.main_menu_ul a {
	color:#0f400f;
	}


	.main_menu_ul a.inactive_link:hover {

	}

	.main_menu_ul a.inactive_link:visited {
	color:#0f400f;
	}


	.main_menu_ul a.active_link {
	background-color:#e6f9e6
	color:#0f400f;
	font-size:100%;
	}

	.main_menu_ul a.active_link:visited {
	color:#0f400f;
	}


.right_portlet {
	background-color: #F4F4F4;
	border: 0px solid white;
	margin-bottom: 10px;
	padding: 10px;
}

	.right_portlet_tile {
	position:relative;
	font-size: 105%;
	color: #666666;
	margin:3px 0 8px 0;
	text-transform: uppercase;
	<tal:block condition="noArabic">
	font-family:Arial, Helvetica, sans-serif;
	</tal:block>
	<tal:block condition="isArabic">
	font-family:'Arabic Transparent', Arial, Helvetica, sans-serif;
	</tal:block>
	font-weight: bold;
	}

	.right_portlet_body {
	}

	.right_portlet ul {
	list-style:none;
	margin:0;
	padding:0;
	}


	.right_portlet li {
	text-indent:0;
	display: block;
	margin:0;
	padding:3px 0px;
	color:#666666;
	<tal:block condition="noArabic">
	font-family:Verdana, Arial, Helvetica, sans-serif;
	</tal:block>
	<tal:block condition="isArabic">
	font-family:'Arabic Transparent', Verdana, Arial, Helvetica, sans-serif;
	</tal:block>
	font-size: 100%;
	}

	.right_portlet a {
	color:#666666;
	}

	.right_portlet a:visited {
	color:#666666;
	}

#right_calendar {
	background-image: url('ico_calendar.jpg');
	background-repeat: no-repeat;
	<tal:block condition="noArabic">
	background-position: right top;
	</tal:block>
	<tal:block condition="isArabic">
	background-position: left top;
	</tal:block>
}

#right_event {
	background-image: url('ico_event.jpg');
	background-repeat: no-repeat;
	<tal:block condition="noArabic">
	background-position: right top;
	</tal:block>
	<tal:block condition="isArabic">
	background-position: left top;
	</tal:block>
}

#right_news {
	background-image: url('ico_news.jpg');
	background-repeat: no-repeat;
	<tal:block condition="noArabic">
	background-position: right top;
	</tal:block>
	<tal:block condition="isArabic">
	background-position: left top;
	</tal:block>
}

#right_flash {
	background-image: url('ico_calendar.jpg');
	background-repeat: no-repeat;
	<tal:block condition="noArabic">
	background-position: right top;
	</tal:block>
	<tal:block condition="isArabic">
	background-position: left top;
	</tal:block>
	width:100%;
}

	#footer {
	padding: 4px 5px 0px 0px;
	<tal:block condition="noArabic">
	margin: 10px 10px 15px 15px;
	</tal:block>
	<tal:block condition="isArabic">
	margin: 10px 15px 15px 10px;
	</tal:block>
	color: #999999;
	background-color:white;
	}
	
	#site_update{
	margin-bottom:5px;
	padding-left:5px;
	}


	#footer ul {
	border-top: 1px solid #cccccc;
	list-style-type: none;
	margin:0;
	padding:0px;
	<tal:block condition="noArabic">
	padding-left:5px;
	</tal:block>
	<tal:block condition="isArabic">
	padding-right:5px;
	</tal:block>
	text-indent: 0em;
	}

	#footer li {
	display: inline;
	border-right: 1px solid white;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	}
	
	#footer a {
	color: #666666;
	}

	
	/*__________________*/
	
	.events_calendar {
	font-size: 100%;
	border: 1px solid #C3DAEB;
	font-family: Arial;
	}
	.event_cell {
	color: white;
	background-color: #4B7DB2;
	border: 2px solid #cccccc;
	text-align: center;
	}

	.event_cell a {
	color: white;
	text-decoration: none;
	}



	.events_calendar tr {
	vertical-align: middle;
	}
	
	.events_calendar th {
	font-weight: normal;
	font-family: verdana;
	font-size: 10px;
	background-color: #dddddd;
	color: #555555;
	height: 20px;
	width: 14%;
	}
	
	.events_calendar td {
	
	font-weight: bold;
	color: #4B7DB2;
	height: 10px;
	}
	
	.othermonth {
	text-align: center;
	background-color: #F2F2F2;
	}
	
	.day_cell {
	background-color: #9BC1DD;
	text-align: center;
	}
	
	#bread_crumb_trail a {
	color:#0f400f;
	}


.right_portlet_tile {
	border-bottom:1px solid #cccccc;
	padding-bottom:3px;
}

.right_portlet_body {
	font-size:90%;
}

.flash_register {
	background-color: #e8e8e8;
	text-align: center;
	border:1px solid #999999;
}

.flash_register a {
	text-decoration:none;
	color:#666666;
}
.flash_register a:visited {
	color:#666666;
}

.right_news{
}

.right_news li{
	margin-bottom: 5px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 6px;
}

.right_date_title {
	margin-bottom:3px;
}

.right_date {
}

.right_title_or_id {
	font-weight: bold;
}

.right_by {
	color: #666666;
}

.right_contributor {
	color:#343434;
}

.right_more {
	text-align:right;
}

.right_location {
	font-weight:bold;
}

	#calendar-container a:visited {
	color: #557BA1;
	text-decoration: none;
	}


.middle-portlet {
	border:1px solid white;
	margin-top: 10px;
}

.middle-portlet h4 {
	border-bottom:1px solid #cbcbcb;
	padding-bottom: 2px;
	color:#557595;
}

.middle-portlet ul {
	list-style:none;
	margin: 5px 0px 5px 10px;
	padding: 0;
}

.middle-portlet li {
	padding-bottom: 2px;
}

ul.nostyle {
	list-style:none;
	margin: 0;
	padding: 0;
}

ul.nostyle li {
	margin: 0;
	padding: 0;
}


/*list of images*/
.list_of_images {
	list-style:none;
	margin:0;
	padding:0;
}

.list_of_images li {
	display:inline;
}

.list_of_images .image_block {
	white-space:nowrap;
}

.list_of_images input {
	vertical-align:top;
}

.list_of_images img {
	vertical-align:middle;
	width: 91px;
	height: 69px;
	<tal:block condition="noArabic">
	margin: 0px 10px 10px 0px;
	</tal:block>
	<tal:block condition="isArabic">
	margin: 0px 0px 10px 10px;
	</tal:block>
}

.cell_info{
	float: right;
	font-size: 80%;
}

.mandatory_field {
	color:red;
}
.message {
	margin-bottom: 0.5em;
}
.message ul{
	margin-top:0;
	margin-bottom:0.4em;
}
.error li{
	color: #990000;
}

.error fieldset{
	border: 1px solid #990000;
}
.error legend{
	border: 1px solid #990000;
	padding: 1px 3px;
	color: #990000;
}

/* SEARCH BOX STYLE */
.search_field {
	margin-bottom: 1em;
}
.search_field .field{
<tal:block condition="noArabic">
	float:left;
	margin-right:1em;
</tal:block>
<tal:block condition="isArabic">
	float:right;
	margin-left:1em;
</tal:block>
	margin-top:0;
}
.search_field form,.search_field input,.search_field select,.search_field label {
	margin:0!important;
	vertical-align: middle;
	color:#444;
}
.search_field label {
	border-bottom:1px solid white;
}
.search_language {
	font-weight:normal!important;
}
.clear_float {
<tal:block condition="noArabic">
	clear:left;
</tal:block>
<tal:block condition="isArabic">
	clear:right;
</tal:block>
	border:1px solid white;
}
/* END STYLE */
</tal:block>

</tal:block>
