@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */
/*@media all
{*/
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting YAML's  basic layout elements
*/
/* (en) Marginal areas & page background */
body {
background: #F3F3F5;
padding: 0;
}
#page_shadows {
width: 1000px;
background: url(/image/view/-/825222/data/70/-/uhtupfz/-/bg_page.png) repeat-y top center;
margin: 0 auto;
}
/* (en) Layout: width, background, borders */
#page_margins {
min-width: 990px;
max-width: 990px;
margin: 0 auto;
}
#page {
background: #fff;
}
/* (en) Centering layout in old IE-versions */
body { text-align: center }
#page_margins { text-align:left }
/* (en) Designing main layout elements */
#header {
color: #000;
background: #666666 repeat-x top center;
border-bottom:20px solid #666666;
background-image:url('/image/view/-/824804/medRes/119926/-/h3ali3/-/header_bgimage.png');
padding: 20px 20px 5px; 20px;
width: 948px;
}
/* (en) adjustment of top navigation */
#topnav {
background: #F3F3F5;
border-bottom: 1px solid #D7D7D7;
top: 0;
right: 0;
width: 965px;
text-align: right;
padding: 5px 25px 5px 0;
position: relative;
}
#topnav span {
margin: 0 5px;
}
/* (en) adjustment of main navigation */
#nav { position: relative; z-index: 100; }
#main { background: #efebef; padding: 5px 8px; }
#footer {
padding-bottom: 5px;
}
#footer_content {
text-align: left;
color: #666; 
border-top: 5px solid #6D6E72;
    border-bottom: 1px solid #DADADA;
    padding: 5px;
  margin: 0 20px 40px 20px;
}
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting content container
* (de) Formatierung der Inhalts-Container
*
* |-------------------------------|
* | #header                       |
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 25%     | flexible  | 25%     |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*/
#col1 { width: 25% }
#col1_content { padding: 10px 10px 10px 5px; }
#col2 { width: 25% }
#col2_content { padding: 10px 20px 10px 10px; }
#col3 { margin: 0 25% }
#col3_content { padding: 10px }
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Main Navigation
*/
#nav_main {
margin-left: 6px;
width: 940px;
height: 27px;
background: #4A4A4C url(/image/view/-/825218/data/68/-/c2mrhw/-/bg_mainnav.png) repeat-x top left;
}
.ddcolortabs {
float: left;
}
.ddcolortabs ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.ddcolortabs ul li {
float: left;
margin: 0;
padding: 0;
}
.ddcolortabs ul li a {
color: #FFFFFF;
margin: 0;
padding: 5px 10px;
display: block;
text-decoration: none;
}
.ddcolortabs ul li a:hover {
background: url(/image/view/-/825220/data/69/-/13b2ub4/-/bg_mainnav_active.png) repeat-x top left;
color: #FFFFFF;
text-decoration: none;
}
/*currently selected tab*/
.ddcolortabs ul li a.current {
background: url(/image/view/-/825220/data/69/-/13b2ub4/-/bg_mainnav_active.png) repeat-x top left;
color: #FFFFFF;
text-decoration: none;
}
.tabcontainer {
clear: left;
width: 950px; /*width of 2nd level sub menus*/
margin-left: 20px;
height: 1.5em;
margin-top: 5px;
color: #CCCCCC;
}
.tabcontainer a {
margin: 0 5px;
color: #333333;
}
.tabcontent {
display:none;
}
/*}*/

/*New Styles For Africa Review Done by Harry and Bett*/
.header2, h2
	{color: #666666; font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px;}
/*Special reports*/
.specialphoto{border-width:1px; border-color:#ebebeb; float:left; padding: 5px; }
.specialreptitle a{postion:relative;  padding-top:12px; padding-right: 24px;   color: #666666; font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px;}
.specialreptitle a:Hover {postion:relative; padding-top:12px; padding-right: 24px;  color: #666666; font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px;}

.specialtitle a{float: left; color: #666666; font-weight:600; font-family: Tahoma, Verdana; font-size: 12px;}
.specialtitle a:Hover {float: left; color: #666666; font-weight:600; font-family: Tahoma, Verdana; font-size: 12px;}

/*Rounded Corner*/
.dvoverall{margin:0 auto; padding-right:5px; padding-left:5px; }
.blc {background: url(/image/view/-/825246/data/119929/-/nbiferz/-/btm_left.gif) 0 100% no-repeat #ffffff; width: auto;}
.brc {background: url(/image/view/-/825248/data/119930/-/yhjup9z/-/btm_right.gif) 100% 100% no-repeat}
.tlc {background: url(/image/view/-/825280/data/119931/-/sayx4cz/-/top_left.gif) 0 0 no-repeat}
.trc {background: url(/image/view/-/825284/data/119932/-/v41byr/-/tp_right.gif) 100% 0 no-repeat; margin:auto; padding:10px;}
.clearc {font-size: 1px; height: 1px}
/*photo enlarge script*/
.thumbnail{
position: relative;
z-index: 50;
}
.thumbnail:hover{
background-color: transparent;
z-index: 0;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 1px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 10px; /*position where enlarged image should offset horizontally */
}
/*Latest News Ticker*/
#tic {
  /* enter any styles for the ticker below */
  text-align: left;
  font-size:12px;
  font-weight:600;
  font-family: Tahoma, Verdana;
  position: relative;
  bottom: 13px;
  left: 90px;
  padding:2px;
  width:500px;
}
#tic * {
  /* this will hide all children tags */
   text-decoration: none;
   text-align: left;
   font-size:12px;
   font-weight:600;
  color: #fff;
  margin:0px;
  padding:0px;
  display:none;
}
#tic a {
  /* add more tags to this list if you wish to display them inside the children */
  display: block;
  font-weight:600; 
  color: #efefef;
}
#ex-wrap {
            padding:        40px;
            font-size:      0.8em;
            color:          #5b5b5b;
        }
.mute {
            color:          #9c9c9c;
        }
h2 {
            font:           normal 2.8em/1em Georgia, 'Times New Roman', serif;
            color:          #d7df9b;
            margin-top:     0px;
        }
a:focus, a:active {
          outline:          none;
        }