/* ------------------- BODY ------------------- */
body{ 
	margin: 0;
	padding: 0;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
	color: #000;	
	line-height: 155%;
	background: url("/images/en/left_bg.gif") top left repeat-y;
}
body#home{
	background-color: #E5E5E5;
	background-image:url('/images/en/home_bg.gif'); 
	background-repeat:repeat-y;
}
	
	
	
	
	
/* --------------------- ARABIC ---------------------- */

div.ar p, p.ar, body.ar li{
	text-align: right;
}	
	



	
	
	
	

/* --------------------- HEADER --------------------- */

#header{
	height: 100px;
	background-color: #fff;

}
#top_banner{
	background-image: url('/images/en/top_banner_bg.gif');
	background-repeat: repeat-x;
	background-position:0 0;
	height: 59px;
	margin-left: 305px;
	
}
#oac_logo{
	width: 286px;
	position:absolute;
	left: 35px;
	top: 0;
}

#tools{
	height: 59px;
	width:555px;
	background-image: url('/images/en/top_banner.jpg');
	background-repeat: no-repeat;
	background-position:top right;
	position: relative;
	color: #fff;
	font-size: 10px;
	
}


#tools span{
	position:absolute;
	top:3px;
	left:300px;
}
#tools a{
	margin-right:25px;
	color: #fff;
	text-decoration: none;
}
#tools a:hover{
	text-decoration: underline;
}
#mohe_logo_sm {
	position: absolute;
	top: 28px;
	left: 560px;
}



/* ------------------- NAV BAR ------------------- */
#nav-fix{
	width:900px;
}

#primary_nav{
	height: 40px;
	border-top: 1px solid #fff;
	background: url("/images/nav_bar_bg.gif") bottom repeat-x;
}

#buttons{
}	
#primary_nav ul{
	list-style:none;	
	margin:0;
	padding:0;

	
}

#primary_nav li{
	list-style:none;	
	display:inline;
	margin:0;
	padding:0;
}

#primary_nav li ul{
	background: #7C2420;
	color: #ffffff;
	display: none;
	position: absolute; 
	left: 0;
	padding: 4px 0 4px 0;
	top: 100px;
	z-index: 10;
	

}

#primary_nav li ul#ia_list{
	left: 136px;
}	
#primary_nav li ul#pa_list{
	left: 300px;
}	
#primary_nav li ul#qe_list{
	left: 444px;
}	
#primary_nav li ul#ef_list{
	left: 584px;
}	
#primary_nav li ul#about_list{
	left: 730px;
}	


#primary_nav li li {
	border: 1px solid #7C2420;
	display:block;
	width: 220px;
}

#primary_nav li ul#ef_list li{
	width: 270px;
}	


#primary_nav li li a{
	color: #ffffff;
	text-decoration: none;
	width:100%;
	line-height: 220%;
	padding: 0 7px 0 7px;
	
}
#primary_nav li li a:hover{
	color: #25D618;
}

/*li > ul {
	top: auto;
	left: 15px;
}	*/

#primary_nav li:hover ul, #primary_nav li.over ul{
	display: block; 
}




#lang_swticher{
	float: left;
	/*width: 148px;*/
	width: 127px;
	padding-top: 13px;
}
#lang_swticher div{
	text-align: center;
	background-color: #87090C;
}

#buttons{
	height: 40px;
	margin-left: 127px;
	width: 713px;
	
}	
#buttons img.button{
	margin-right: 0;
	margin-left: 0;
}


#tools, #primary_nav{
	white-space:nowrap;
}



/* ------------------- HOME ------------------- */

#feature_panel{
	position: relative;
	background-color: #71110D;
	height: 195px;
	background-image: url("/images/welcome_panel_bg_new.gif");
	background-repeat: no-repeat;
	background-position: 100px top;
}
#feature_message{
	height: 155px;
	color: #fff;
	width: 550px;
	padding-top: 15px;
	margin-left: 30px;
}
#feature_message em{
	font-weight: bold;
	font-style:normal;
}
#sub_panels{
	position: absolute;
	top: 173px;
}

#chairman_welcome{
	position: absolute;
	height: 119px;
	width: 125px;
	left: 640px;
	top: 19px;
}
#chairman_welcome_full{

}

.chairman_welcome_full img{
	float: left;
	border: 1px solid #ccc;
}

.chairman_welcome_full p, .chairman_welcome_full h3{
	margin-left: 183px;
}



#welcome_panel{
	float: left;
	width: 620px;
}
#welcome_message{
	padding: 30px;
}
#welcome_message .report td, #welcome_message .report th{
	border: none;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	white-space: nowrap; 
}
#welcome_message .report{
	margin: 10px 0 5px 0;
	border: none;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
#welcome_message span.icon_link{
	padding-left: 5px;
}


#whats_new{
	padding: 0 20px 0 0;
	margin-left:640px;
	/*max-width: 400px;*/
	width:250px;
}
#whats_new img{
	white-space: nowrap;
}
#whats_new ul{
	margin-top: 20px;
	list-style-image:  url("/images/en/whats_new_arrow.gif");
}
#whats_new ul li{
	margin-bottom: 15px;
}
#whats_new a{
	color: #000000;
	text-decoration: none;
}
#whats_new a:hover{
	text-decoration: underline;
}

/* hack for the 3pixel IE job */
* html #welcome_panel {
	margin-right:-3px;
}
* html #whats_new{	
	margin-left: 637px;
}

#oqnlogo{
	margin: 20px 0 0 20px;
}
#oqnlogo a{
	color: #579331;
	text-decoration: underline;
}
#oqnlogo a:hover{
	color: #579331;
	text-decoration: none;
}
#oqnlogo img{
	padding:0 0 8px 8px;
}


/* ------------------- SUB NAVIGATION ------------------- */
#sub_nav {
	width:180px;
	margin:0; padding:0;
	float:left;
}
#sub_nav h1 {
	margin: 0;
	background-color: #FF9900; 
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 8px 8px 8px 25px;
}
#sub_nav ul {
	margin: 0; padding: 0;
	list-style-type: none;
	font-size: 10px;
}
#sub_nav ul li {

	margin: 0;
	display: block;
	background:url("/images/dot_horiz.gif") repeat-x bottom;
	padding: 7px 7px 7px 25px;
}

#sub_nav ul li img {
	margin: 5px 0 0 -14px;
	float: left;	

}

#sub_nav ul li a.current {
	color: #666;
}
#sub_nav ul li a {
	text-decoration: none;
	color: #000;
}
#sub_nav ul li a:hover {
	text-decoration: underline;
}

#sub_nav ul li.sub_sub_section{
	background-color: #F0F0F0;
	color: #87090C;
}

#sub_nav ul li.sub_sub_section a{
	color: #87090C;
}
#sub_nav ul li.sub_sub_section a.current {
	font-weight: bold;
}
/*#sub_nav ul li.sub_sub_section img {
	margin: 4px 0 0 -12px;
	float: left;
}*/



/* ------------------- SIDE PANEL ------------------- */
#side_panel {
	float: right;
	width:180px;
	margin:0; 
	padding:0 0 25px 0;
}
#side_panel ul li, #side_panel ol li{
	text-decoration: none;
	color: #000;
}
#side_panel ul li a, #side_panel ol li a{
	text-decoration: none;
	color: #000;
}
#side_panel ul li a:hover, #side_panel ol li a:hover{
	text-decoration: underline;
}
#side_panel ul li a.current, #side_panel ol li a.current{
	text-decoration: underline;
}
#side_panel a{
	color: #000000;
}

#side_panel h1{
	margin: 0;
	background-color: #727272; 
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 6px 8px 6px 25px;
}

/* mohe panel */
#mohe{
	margin-left: 1px;
	background-color: #fff;
	text-align: center;
	padding:15px 0 20px 0;
}
#mohe img{
	text-align: center;
}
#mohe a{
	margin-top: 10px;
}

/* lists */

#side_panel ul{
	margin-top: 10px;
	list-style-image:  url("/images/en/whats_new_arrow.gif");
}
#side_panel ul li{
	margin-bottom: 15px;
}


/* ------------------- MAIN  ------------------- */
#main1 {
	margin:0; padding:0;
	width: 875px; /* 695px w for #main content + 180px for side nav */
}
/*uncomment if 3rd column to be optional*/
/*body#3column #main2 {
	margin:0; padding:0;
	background:url("/images/right_bg.gif") top right repeat-y;
}*/
#stop_clear {
	float:left;
	padding-bottom: 40px; 
}
/* uncomment if 3rd column to be optional*/
/*body#3column #main {
	margin: 0 180px;
	padding: 30px 25px 50px 25px; 
}*/

#main{
	margin: 0 0 0 205px;
	padding: 30px 0 50px 0;
}

#main.sidepanel{
	width: 600px;
	padding: 30px 25px 50px 25px;
}


#staff_container{
	float: left;
}
#contact_office{
	float: right;
	padding:5px 10px 10px 10px;
	background-color: #E5E5E5;
	border: 1px solid #CCC;
}
#contact_office img#office_map{
	margin: 5px 0 5px 0;
}

.staff, .board_member{
	/*background:url("/images/dot_horiz.gif") repeat-x bottom;*/
	padding: 7px 7px 7px 0;
	height: 140px;
}
.board_member{
	margin-bottom: 10px;
}
.staff img, .staff_bio img, .board_member img, .panel_member img{
	float: left;
	border: 1px solid #ccc;
}
.staff h3, .board_member h3{
	margin-bottom: 0;
}
.staff h3, .staff p, .staff_bio p, .staff_bio h3,
.board_member h3, .board_member p,
.panel_member h3, .panel_member p
{
	margin-left: 150px;
}

.panel_member h3{
	margin-top: 0;padding-top: 0;	
}

.panel_member{
clear:both;
	padding: 7px 7px 14px 0;
}





.working_group_member{
	margin-bottom: 15px;
}

#spam-test{
	visibility: hidden;
	display:none;
}

/* ------------------- GENERAL CONTENT ------------------- */
img{
	margin: 0;
	padding:0;
	border:none;
}

#imgcode{
	margin: 4px 0 6px 0;
}
.imgbox{
	border: 1px solid #ccc;
}

.follow_on{
	margin-top: 12px;
}

h1, h2, h3, h4{
	font-weight: bold;
	font-family: Arial, Tahoma, Verdana,  sans-serif;
	color: #000000;
}

h1 { 
	margin: 0 0 20px 0; 
	font-size: 16px;
}
h2{ 
	margin: 10px 0 10px 0;
	font-weight: bold;
	font-size: 14px;
}
h2.follow_on{ 
	margin-top: 18px;
}
h3{ 
	padding: 0;
	margin: 15px 0 10px 0; 
	font-weight: bold;
	font-size: 12px;
}
h4{ 	
	padding: 0;
	margin: 20px 0 5px 0; 
	font-weight: bold;
	font-size: 12px;
}
h5{
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 5px 0;
}

.subheading{
	color: #87090C;
}


p{
	margin: 0;
	padding: 0 0 8px 0;
}

p.notes{
	color: #333333;
}
a{
	color: #87090C;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

a#close_window_link{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
body.popup{
	margin:30px;
	background: #ffffff;
}

.arrow_list {
	margin-top: 10px;
	list-style-image:  url("/images/en/whats_new_arrow.gif");
}
.arrow_list li{
	margin-bottom: 10px;
}




.divider_below{
	padding-bottom: 8px;
	margin-bottom: 8px; 
	background:url("/images/dot_horiz.gif") repeat-x bottom;
}


.featured_link{
	clear: both;
	margin: 15px 0 15px 0;
	padding-top: 8px;
	margin-bottom: 8px; 
	background:url("/images/dot_horiz.gif") repeat-x top;

}
.featured_link img{
	padding: 8px 0 0 5px;
	float: left;
}

.featured_link h4, .featured_link h4 a{
	color: #333;
}
.featured_link p, .featured_link h4{
	margin-left: 100px; 
}


.article_img{
	padding: 10px 30px 10px 0;
	display:inline;
}


/* ------------------- ADMINISTRATOR LOGIN ------------------- */

body.admin_login{
	margin-top: 70px;
	background: none;
	text-align: center;
}

body.admin_login div{
	width: 300px;
	background: none;
	text-align: left;
	margin: 0 auto;
}
body.admin_login div{
	padding-left: 10px;
}


/* ------------------- SEARCH & SITE MAP ------------------- */

#google_logo, #google_logo img{
	vertical-align:middle;
	color: #333;
	font-size: 10px;
}

#site_map{
	width: 695px;
	/*padding-top: 16px;
	background:url("/images/dot_horiz.gif") repeat-x top;*/
	margin-top:16px;
}
#site_map h2{
	margin-top: 20px;
	margin-bottom: 0;
}
/*#site_map a{
	text-decoration: none;
}
#site_map a:hover{
	text-decoration: none;
}*/
#site_map ul{
	margin-top:0;
	padding-top: 0;
	list-style: none;
	margin-left:30px;
	padding-left: 0;
	
}
#site_map ul ul{
	margin-bottom: 5px;

}


/* ------------------- DISCUSSION BOARDS ------------------- */

.message, .no_messages{
	/*background:url("/images/dot_horiz.gif") repeat-x top;*/
	margin-top:10px;
	padding-top: 5px;
}
.no_messages{
	background:url("/images/dot_horiz.gif") repeat-x top;
	margin-top:10px;
}
.message h3{
	/*font-weight: normal;*/
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 3px 0 3px 25px;
	background: #E5E5E5 url("/images/icon_message_greybg.gif") no-repeat 3px;
}
.no_messages{
	margin-bottom: 30px;
}
.message .posted_by{
	font-style: italic;
	font-size: 10px;
}
.message  .post_num{
	font: bold 12px Georgia;
	color: #303030;
	padding-right:5px;
	float: right;	
}

.post_message{
	margin-top:20px;
}
.post_message h3{
	margin-bottom:15px;
	padding-bottom:10px;
	background:url("/images/dot_horiz.gif") repeat-x bottom;
}
.post_message .input_medium, .post_message .textarea_medium{
	width: 380px;
}


.num_messages{
	text-align:center;
	position:relative;
}
.num_messages img{
padding-left:3px;
}
.num_messages span{
	vertical-align:top;
}
.delete_message{
	float: right;
}
.delete_message a{
	text-decoration:none;
}


/* ------------------- FORMS ------------------- */

form{
	margin: 0;
	padding: 0;
}
textarea, input, select{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}	
input{
	font-size: 10px;
}
input.button{
	background-color: #E5E5E5;
	border: 1px solid #CCCCCC;
	padding-top:1px;
	padding-bottom:1px;
}
.input_small, .textarea_small{
	width: 100px;
}

.input_medium, .textarea_medium{
	width: 200px;
}

.input_large, .textarea_large{
	width: 300px;
}

label{
	font-size: 10px;
}

form em{
	color: #87090C;
	font-style:normal;
	font-weight: bold;
}

.search_box{
	border: 1px solid #7C2420;
	padding: 12px 10px 12px 10px;
	margin: 10px 0 30px 0;
}
.search_box h2{
	margin-top:0;
	padding-top:0;
}
.subscribe_box{
	border: 1px solid #7C2420;
	padding: 12px 10px 12px 10px;
	margin: 10px 0 30px 0;
}

.search_box form{
	/*padding: 5px;
	background: #E5E5E5;*/
}
.search_box p, .subscribe_box p{
	margin-top: 10px;
}

#google_logo{
	float:right;
}


.letters a, #glossary_search a{
	margin-right: 8px;
}
.letters a.current, #glossary_search a.current{
	font-weight: bold;
	text-decoration:none;
}


/* ------------------- NEWS ------------------- */
.news_abstract{
	padding-top: 8px;
	margin-bottom: 16px; 
	background:url("/images/dot_horiz.gif") repeat-x top;
}
.news_abstract h3{
	margin:0;
}



/* ------------------- TABLES ------------------- */

/* default style */
table{
	margin: 0;
	padding: 0;
	border: 0;
}
td, th{
	padding: 0 5px 10px 0;
	text-align: left;
	vertical-align: top;
}

	

/* reports */
table.report, table.info_panel{
	font-size:10px;
	margin: 0 0 20px 0; 
	width: 100%;
	border: 0; background-color: #F3F3F3;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.report th{
	border-top: 1px solid #CCC;
	font-weight: bold;
	text-align: left;
	background: #E5E5E5;
	vertical-align: bottom;
}
.report th.horiz{
	vertical-align: top;
}
.report td{
	vertical-align: top;
	border-top: 1px solid #CCC;
}
.report td.icon_text{
	text-align: center;
	vertical-align: middle;
}
.report td.icon_text{
	text-align: center;
	vertical-align: middle;
}
.report td.icon_text img{
	border: none;
	vertical-align: middle;
}
.report th.download{
	text-align: center;
}
.report td, .report th{
	border-right: 1px solid #CCC;
	padding: 5px;
}

.highlight td, td.highlight{
	background-color: #EFDCDD;
}
.indented td, td.indented{
	padding-left: 35px;
}

td.right, th.right{
	text-align: right;
}


 table.info_panel{
 width: 100%;
	font-size:10px;
 margin: 15px 0 15px 0;
	border: 0;
	
		border-bottom: 1px solid #7c2420;	border-left: 1px solid #7c2420;
}
table.report tr.more_info td{
	text-align: center;
	padding: 0 10px 0 10px
}
table.report tr.more_info td td{
	text-align: left;
}
td table.info_panel th{
	font-weight: normal;
	background: #7c2420;
	vertical-align: bottom;color: #fff;
}
td table.info_panel td, td table.info_panel th{
	border-right: 1px solid #7c2420;
	padding: 3px;
	border-top: 1px solid #7c2420;	
		text-align: left;
}

/* ------------------- GENERAL LINKAGE ------------------- */

a.back_link, a.subscribe_link{
	float: right;
}

.icon_link img{
	border: 0;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.icon_link, .icon_link a{
	vertical-align: middle;
}
div.icon_link{
	margin: 0 0 10px 0;
}
div.icon_link{
	margin: 0 0 10px 0;
}

#map_download_link{
	margin-bottom: 4px;
}
.download_links{
	margin: 10px 0 10px 0;
	vertical-aign: middle;
}
div.download_links span{
	padding-right: 20px;
}

/* ------------------- MISC ------------------- */


.gallery_link{
	background:url('/images/icon_camera.gif') left no-repeat ;
	padding: 5px 5px 5px 25px;
	margin: 5px 0 5px 0;

}

.diagram{
	margin: 15px 0 15px 0;
}
.normal{
	font-style: normal;
	font-weight: normal;
}

/* OQN Contact People */
.multi_email a{
	display:block;
}
.exec_position{
	color:#87090C;
}


body th.centered, body td.centered {
	text-align: center;
}

div.errors{
	width: 400px;
	border: 1px dashed #990000;
	padding: 8px;
	margin: 10px 0 10px 0;
	color: #990000;
}
.errors p{
	font-weight: bold;
	color: #990000;
}
.errors ul{
	margin-top: 0;
	padding-top: 0;
	padding-bottom:0;
	margin-bottom: 0;
}
.errors li{
	color: #990000;
}

.confirmation{
	width: 400px;
	border: 1px solid #00CC00;
	padding: 8px 8px 8px 25px;
	margin: 10px 0 10px 0;
	color: #333;
	background: url(/images/icon_tick.gif) no-repeat 8px 10px;
}

.highlight{
	color: #990000;
}

/* ------------------- FOOTER ------------------- */
#footer{
	clear: both;
	padding: 12px 10px 12px 25px;
	background: #fff url("/images/dot_horiz.gif") top repeat-x;
		display:none;
}

#home #footer{
	display: block;
	background: none;
	clear: both;
	padding: 15px 15px 10px 30px;
}