@charset "utf-8";
/* CSS Document */

#breadcrumbs {background:url(../images/bg-breadcrumbs.png) repeat; min-height:30px;}
#breadcrumbs ul {margin:0px; padding-top:4px; width:700px;}
#breadcrumbs li {padding-right:3px; color:#444;}
#breadcrumbs a {
	text-decoration: underline;
	padding:0 16px 0 0;
	background: url(../images/bullet-breadcrumbs.png) no-repeat right center;
	color:#333;
}	

#breadcrumbs .breadcrumbs {margin-left:12px; font-size: 1.2em;}

#nav-span {background:url(../images/bg-h1.png) no-repeat; height:60px;}
#nav-span a {color:#fff; text-decoration:none;}
#nav-span p {color:#fff; padding:30px 5px 10px 10px; font-size:2.7em; margin:0; line-height:0;}

#content-area {width: 960px;}
#content-area h1 {margin:15px 10px;font-size: 3.2em;}
#content-area h2 {color:#2b518a; margin: 30px 10px 10px 10px;  }
#content-area h3, h4 {color:#2b518a; margin: 30px 10px 10px 10px;}
#content-area .section {background:url(../images/bg-content-divider.gif) no-repeat bottom; padding-bottom:10px; margin-bottom: 10px;}
#content-area .sub-section {border-bottom: 3px solid #efefe6; padding:20px 0;}
#content-area .sub-section h3 {margin-top: 0;}
#content-area .last-section {border-bottom:none;}
#content-area .content {margin:10px; clear: both; /*font-size:1.3em; line-height:1.7em;*/}
#content-area .first-row {margin-top:30px;}
#content-area  ul {margin-left:40px; line-height:1.7em; font-size:1.3em; list-style-type:disc;}
#content-area  ul li ul {font-size:1em;}
#content-area  ul li p {font-size:1em;}
#content-area  ol li p {font-size:1em;}
#content-area  ol li ul {font-size:1em;}
#content-area  ol {margin:10px 0 10px 40px; line-height:1.7em; font-size:12px;}
#content-area .back { height:17px; text-align:right;padding-top:5px; font-size:1em;}
#content-area .back a {background:url(../images/bg-back-to-top.png) no-repeat 0 3px; padding-left: 17px;}
#content-area #image-box {
	border:1px solid #888;
	margin:5px 15px 20px 15px;
}
#content-area td p {font-size: 1em; margin: 0; padding: 0; line-height:inherit;}
#image-box img {margin:10px 12px 3px 12px;}
#image-box .caption-wide {font-size:1em; color:#000; margin:5px 10px; padding-bottom:6px;}
#image-box .caption-narrow {font-size:1em; color:#000; margin:5px 10px;}
#image-box .caption-long {font-size:1em; color:#000; margin:5px 10px;}

#content-area .sub {font-size:1em; line-height:1em;}
#content-area .segment {
border-top: 1px solid #b6b6aa;
width:270px; 
margin:0px 20px;
padding-bottom: 15px;
}

#content-area .subtopic { width:325px; margin:20px 10px 0 10px; border-top: 1px solid #b6b6aa; }
#content-area .subtopic h3 {font-size:2em; margin: 20px 10px 10px 10px;}

#content-area .region-sub-topic {
	background:url(../images/bg-inner-sub-topic.png) no-repeat;
	width:670px;
	height:115px;
	padding:0 5px 20px 0;
	margin-left: 5px;
}

#content-area .region-sub-topic h2 { margin:10px; text-align:left; height:45px; border-right:1px solid #CCC; width:180px; height:90px;}
#content-area .region-sub-topic h2 a {text-decoration:none;}
#content-area .region-sub-topic h2 a:hover {text-decoration:underline;}
#content-area .region-sub-topic p {font-size:1.2em; margin:-95px 10px 5px 200px; line-height:1.3em; width:460px;}
#content-area .region-sub-topic ul {font-size:1.2em;}

#content-area .small {font-size:.8em;}
#content-area #factbox {background:url(../images/bg-fact-box.gif) repeat-x; width:670px; margin:10px; padding-bottom:10px; border:.05em solid #f4f4ee;}
.attention { padding: 4px; background:url(../images/bg-fact-box.gif) repeat-x 0 -50px; border: 1px  solid #f4f4ee;  }

#content-area .date-list {
	list-style: none;
	margin-left: 10px;
}
#content-area table {font-size:1.3em;}
#content-area table ul {font-size:1em;}

.date-list .date { color: #444; font-size: .9em; }
.date-list li { margin-top: 20px; }
.date-list li:first-child { margin-top: 0; }

a#topic, a.topic {color:#2b518a; text-decoration:none;}
a#topic:hover, a.topic:hover {color:#2b518a; text-decoration:underline;}


#content-area .segment h3 {height:50px; width:250px; margin-top: 20px;}
.segment h4 {height:85px; font-size:2.4em; font-weight:normal; padding: 0 55px 0 0;}
.segment .africa {background:url(../images/bg-regions.png) no-repeat 35px -20px;}
.segment .americas {background:url(../images/bg-regions.png) no-repeat -100px 5px;}
.segment .asia, .segment .asia-and-pacific {background:url(../images/bg-regions.png) no-repeat -279px -5px;}
.segment .europe, .segment .europe-and-eurasia {background:url(../images/bg-regions.png) no-repeat -500px -10px;}
.segment .middle-east {background:url(../images/bg-regions.png) no-repeat -700px -20px;}

.europe-and-eurasia { background: url(../images/bg-europe-and-eurasia.jpg) no-repeat 0 90px; }
.americas { background: url(../images/bg-americas.jpg) no-repeat 0 90px; }
.africa { background: url(../images/bg-africa.jpg) no-repeat 0 90px; }
.asia-and-pacific { background: url(../images/bg-asia-and-pacific.jpg) no-repeat 0 90px; }
.middle-east { background: url(../images/bg-middle-east.jpg) no-repeat 0 90px; }

.region-intro {
	width: 320px;
	height:176px;
}

/*Table Styles*/
table, th, tr, td {
	border-collapse:collapse;
}

table .style{
	border:1px solid #2b518a;
	color:#5b5b55;
}

.style th {
	border:1px solid #2b518a;
	color:#5b5b55;
	background-color: #fff;
	padding:5px;
}

.style tr {
	border:1px solid #2b518a;
	color:#5b5b55;
	background-color: #fff;
	padding:5px;
}

.style td {
	border:1px solid #2b518a;
	color:#5b5b55;
	background-color: #fff;
	padding:5px;
}


.survey {margin:0 0 30px 30px;}

.survey td {
	padding-right:50px;
	line-height:1.7em;
	margin-left:30px;
}



tr.odd td {background-color: #fafaf7;}


#highlight-box {
	width: 205px;
	border: 1px solid #ddd;
	padding:0px 10px;
	margin: 0px 10px 20px 15px;
}

#highlight-box h3 {
	width: 200px;
	min-height:25px;
	padding:3px;
	margin:0px;
	font-size:1.4em;
	text-align:center;
	border-bottom:1px solid #ddd;
	font-weight:bold;
}
#highlight-box ul {line-height: 1.5em; padding-top: 10px; margin: 0 0 10px 5px; list-style:none;}
#highlight-box ul li {background:url(../images/content-bullet.png) no-repeat 0px 8px; padding-left:15px;}
#highlight-box a {text-decoration:none;}
#highlight-box a:hover {text-decoration:underline;}

#event-filters label { font-size: 1.3em; }
.dataTables_filter { display: none; }
.filter-control {  padding-right: 9px; display: inline;}
#events { margin-top: 10px; }
.dataTables_info { margin-left: 10px; font-size: 1.3em; }
#events .data-field { display: none; }
#events th { padding: 8px;}
#events td { padding: 8px; vertical-align: top;}
#event-filters { margin: 10px; }

#form p {font-size:1.3em; color:#2b518a; font-weight:bold;}