@charset "utf-8";
/* Style sheet for the Doha Conference - Media: screen */

/* Colors used:
	#000000 (black) - text
	#333333 (dark grey) - brandbar border-bottom, lang a:hover/active
	#1d453c (dark green) - body bg
	#02224d (dark blue) - main border, lang a:link/visited, banner h1, contents h2
	#71193e (dark burgundy) - contents h3
	#f5bf53 (yellow) - banner bg, hzmenu border, div.box border
	#3b58a8 (blue) - content a:visited
	#b5bfc8 (grey) - brandbar bg
	#fed47e (lighter yellow) - lang bg, hzmenu bg, div.box h2 bg
*/

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
	background-image: url(/french/ffd/2008/images/main_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #1d453c;
	font-size: 76%;
	color: #000000;
}

/* Adds right scroll bar to avoid bouncing on short pages */
html {min-height: 100%; margin-bottom: 1px;} 

/* Generic styles*/
.clear {clear:both;}
.note {font-size: 90%;}
acronym {cursor: help; border-bottom: 1px dotted #000000;}
abbr {border: none;}


/* MAIN CONTAINER */
#main {
	width: 78em;
	background-color: #ffffff;
	margin: 0 auto;
	border: 1px solid #02224d;
}

/* SKIP TO NAVIGATION AND SKIP TO TEXT*/
 
#skiplink {
	padding: 0;
	margin: 0;
	font-size: 90%;
}
#skiplink ul {
	padding: 0;
	margin: 0;
	display: inline;
}
#skiplink ul li {
	padding: 0;
	margin: 0;
	display: inline;
	list-style: none;
}
#skiplink a {color: #02224d;}
#skiplink a:focus, div#skiplink a:active {color: #ffffff;}


/* BRANDING BAR*/

#brandbar {
	width: 100%;
	background-image: url(/french/media/images/brandbarbkgd.jpg);
	background-repeat: repeat-x;
	background-color: #b5bfc8;
	margin: 0 auto;
	padding: 0;
	border-bottom: #333333 1px solid;
	height: 23px;
}
#brandbar img {
	border: none;
	margin: 0 3px;
}
#brandbar a {
	font-size: 85%;
	display: block;
	padding: 0.4em 0 0.2em 0;
	float: left;
	width: 48%;
	margin: 0.1em 0 0 0 ;
}
#brandbar a:link, #brandbar a:visited {color: #000000; text-decoration: none;}
#brandbar a:hover, #brandbar a:active {color: #000000; text-decoration: underline;}

/* SEARCH BOX */

#brandbar #searchfrm {
	width: 48%;
	font-size: 85%;
	float: right;
	text-align: right;
	margin: 1px 1px 1px 0;
	padding: 0;}
	
#brandbar #searchfrm label /*hidden*/ {
	position: absolute;
	overflow: hidden;
	top: -500px;
}
#brandbar #searchfrm .button, #brandbar #searchfrm .textbox {font-size: 85%;}

/* LANGUAGE BAR */

#lang {
	background-image: url(/french/ffd/2008/images/languages_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #fed47e;
	border-bottom: #ffffff 1px solid;
	padding: 3px 0;
	margin: 0;
	width: 100%;
	font-size: 87%;
}
#lang ul {
	float: right;
	text-align: right;
	color: #02224d;
	padding: 0;
	margin: 0;
}
#lang ul li {
	list-style-type: none;
	font-weight: bold;
	text-align: right;
	display: inline;
	padding: 0 8px;
	margin: 0;
}
#lang ul li#arabic {
	font-family: "Traditional Arabic", "Arabic Transparent", Tahoma;
	direction: rtl;
	font-size: 120%;
}
#lang ul li#chinese {font-size: 110%;}
#lang ul li#french {color:#02224d; font-weight: bolder;}
#lang ul li a:link, #lang ul li a:visited {color:#02224d; text-decoration:none;}
#lang ul li a:hover, #lang ul li a:active {color:#333333; text-decoration:none;}


/* BANNER */

#banner {
	background-color: #f5bf53;
	width: 100%;
}
#hiddentitle, #hiddentitle span {
	background-image: url(/french/ffd/2008/images/masthead.jpg);
	background-repeat: no-repeat;
	height: 109px;
	margin: 0;
	padding: 0;
}
#hiddentitle span {margin-bottom: -95px;}
h1 {
	font-size: 125%;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #02224d;
}
h1 span {
	display: block;
	position: relative;
	z-index: 1;	
}

/* MAIN MENU - HORIZONTAL */

div#hzmenu {
	background-image: url(/french/ffd/2008/images/nav_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fed47e;
	border-top: #f5bf53 1px solid;
	border-bottom: #f5bf53 1px solid;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}
div#hzmenu ul {
	margin: 0 auto;
	padding: 4px;
}
div#hzmenu ul li {
	list-style: none;
	display: inline;
	padding: 1px 10px;
	border-right: #ffffff 1px solid;
	color: #02224d;
}
div#hzmenu ul li a:link, div#hzmenu ul li a:visited {color: #02224d; text-decoration: none;}
div#hzmenu ul li a:hover, div#hzmenu ul li a:active {color: #71193e; text-decoration: underline;}

/* CONTENT AREAS */

div#content {
	width: 99%;
	margin: 0 auto;
	padding: 1em 0.5em;
}
div#content a:link {color: #02224d; text-decoration: underline;}
div#content a:visited {color:#3b58a8; text-decoration: underline;}
div#content a:hover, div#content a:active {color:#71193e; text-decoration: underline;}

div#content a.external { /*External links */
	padding-left: 10px;
	background-image: url(/french/ffd/2008/images/external_bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
}

div#txtL {
	float: left;
	width: 17%;
	margin: 0 1em 0 0;
	padding: 0;
}
div#txtCtr {
	float: left;
	width: 60%;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1em;
}
div#txtR {
	float: right;
	width: 17%;
	padding: 0;
	margin-top: 0;
	margin-right: 1.3em;
	margin-bottom: 0;
	margin-left: 0;
}
div#txtCtr h2 {
	color: #02224d;
	font-weight: bold;
	font-size: 120%;
	margin: 0.8em 0.5em 1.5em;
	padding: 0;
}
div#txtCtr h3 {
	color: #6f1940;
	font-size: 110%;
	margin: 1em 0.5em;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6f1940;
}
div#txtCtr h4 {
	color: #71193e;
	font-weight: bold;
	font-size: 105%;
	margin: 1em 0.5em;
	padding: 0;
}
div#txtCtr p {
	margin: 1em 0.5em;
	padding: 0;
}
div#txtCtr ul {
	margin: 1em 0.5em;
	padding: 0;
}
div#txtCtr ul li {
	list-style-image: url(/french/ffd/2008/images/bullet.gif);
	margin: 0.5em 0 0.5em 1em;
	padding: 0;
}

div#txtCtr p.indent {
	margin-left:2em;
}
/* STYLES FOR THE SUBMENUS AND QUICK LINKS BOXES */

div#content div.box {
	margin: 1em;
	padding: 0;
	border: #f5bf53 1px solid;
	width: 100%;
}
div#content div.box h2 {
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	background-color: #fed47e;
	margin: 0;
	padding: 2px 6px;
}
div#content div.box h3 {
	color: #71193e;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 2px 6px;
}
div#content div.box img {
	border: none;
}

/* BURGUNDY SUBMENUS */
div#content div.box2 {
	margin: 1em;
	padding: 0;
	border: #71193e 1px solid;
	width: 100%;
}
div#content div.box2 h2 {
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
	background-color: #71193e;
	margin: 0;
	padding: 2px 6px;
}
div#content div.box2 img {
	border: none;
	margin: 10px 0 0 0;
	padding: 0;
}

/* FOR ALL SUBMENUS */

div#content div.box ul, div#content div.box2 ul {
	margin: 0 0 0 12px;
	padding: 6px 2px 6px 6px;
}
div#content div.box ul li, div#content div.box2 ul li {
	list-style-image: url(/french/ffd/2008/images/bullet.gif);
	padding: 2px 3px 2px 6px;
	margin: 0;
}
div#content div.box ul.external li, div#content div.box2 ul.external li {
	list-style-image: url(/french/ffd/2008/images/external_bullet.gif);
	padding: 2px 3px;
	margin: 0 0 0 6px;
}

#doclist caption, #eventlist caption {background:#cdb797 url(/french/ffd/2008/images/table_header_corner.gif) no-repeat;margin-bottom:0;padding:8px 6px 4px 12px;margin-top:10px;color:#3e2a18;font-size:1.1em;text-transform:none;text-align:left}
#doclist, #eventlist  {border-collapse:collapse;margin:0 auto;font-family:Geneva, Arial,Helvetica,sans-serif;font-size:1em;background-color:#fff;width:100%;}
#doclist td, #eventlist td {vertical-align:top;padding:8px 12px 8px 12px;border:0;border-bottom:1px dotted #cdb797;}
#doclist .column1 {width:135px;font-size:1em;color:#10411B;font-weight:bold;}
#doclist th, #eventlist th {vertical-align:top;padding:8px 12px 4px 12px;border:0;border-bottom:1px dotted #cdb797;background-color:#EDE3D9;text-align:left;}
#eventlist .column1 {width:auto;font-size:1em;color:#10411B;font-weight:bold;}

/* FOOTER */

div#footer {
	background-image: url(/french/ffd/2008/images/footer_shadow.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f5bf53;
	font-size: 90%;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	line-height: 200%;
}