html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
  min-width:950px;
  text-align:center;
  font-family:  "Century Gothic", "Avant Garde", Helvetica, Verdana, arial, sans-serif;
	color: #5c5c5c;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0.9px;

}

table{
	border: none;
}

ul, li{
	margin-top: 0;
	padding-top: 0;
}

a:link, a:visited {
	color: #83222b;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color: #bebebe;
	font-weight: bold;
}
/* navigation */

#subheader2 a:link, #subheader2 a:visited {
	color: white;
	font-weight: normal;
	text-decoration: none;
}

#subheader2 a:hover, #subheader2 a:active {
	color: #ecc5b4;
	font-weight: normal;
}

.img{
	margin:25px 0 0 0;
}

.imgcntr{
	margin: 0 auto;
	display: block;
	padding:5px;
	border:1px solid #d6d6d6;
}

.imgleft{
	margin: 0 auto;
	display: block;
	padding:5px;
	border:1px solid #d6d6d6;
		margin-top: 20px;
}

.imgsponsor{
	margin: 0 auto;
	display: block;
	padding:5px;
	
}


.phototext{
	text-align: center;
	font-size: 10px;
}

.phototextcntr{
	text-align: center;
	font-size: 10px;
margin-left:65px;
}


.text_about img {
float:left;
margin: 0 10px 10px 0;
clear: both;
}

.text_reports p{
	padding: 0 0 15px 0;
	margin: 0;
}

.frame{
	padding:5px;
	border:1px solid #d6d6d6;
}

.hide{
	color: #FFF;
}

.navleft{
	height:100%;
	letter-spacing: normal;
	margin-left: 2px;
}

.navleft ul {
    list-style-type:none;
    margin:0;
    padding:0;
    text-indent:0;
}
.navleft li {
    height:22px;
    line-height:22px;
	 list-style: none;
	 /* this finally removed the bullets */
    width:190px;
}

/*IE needs extra margin and padding set for the indented li */
* html .navleft li ul li {
    margin-left:-10px;
    padding-left:10px;
}
/* end IE hack */

.navleft li a,
.navleft li ul li a {
    font-weight:normal;
    text-decoration:none;
    display:block;
    height:100%;
    width:100%;
	 /* 16px padding left of text on buttons*/
    padding-left:16px; 
    list-style-type:none;	
	 list-style: none; 
}
/* above essential correct display for main, category and sub-category links 
padding-left spacing for the words in the nav bar */

.navleft li a:link, .navleft li a:visited {
    color:#5c5c5c;
    background-color:#bebebe;
	 background-image: url(graphics/button.gif);
	 background-repeat: no-repeat;
	 list-style-type:none;	
	 list-style: none;
}

.navleft li a:hover, .navleft li a:active {
    color:#5c5c5c;
    background-color:#bebebe;
	 background-image: url(graphics/button_.gif);
	 list-style-type:none;	
	 list-style: none;
} 

/* category links */

.navleft li.category {
    padding-left:15px;
	 /* above is perfect! */
    height:auto;
    color:#5c5c5c;
	 list-style: none;
	 width:175px;
	 /* above is perfect */ 
}

.navleft li.category ul li a {
    margin-left:-10px;
    padding-left:30px;
	 /* above adjustment required for correct indent*/  
	  background-image: none;
	    list-style-type:none;	
		 	list-style: none;
}

.navleft li.category  a:link, .navleft li.category  a:visited {
    color:#044b51;
    background-color:#d6d6d6;
	 	  	 	 background-image: url(graphics/button_category.gif);
			   list-style-type:none;	
					list-style: none;
}

.navleft li.category a:hover, .navleft li.category a:active {
    color:#d6d6d6;
    background-color:#bebebe;
	 	  	 	 background-image: url(graphics/button_category.gif);
			   list-style-type:none;	
					list-style: none;
}

/* category links ended */

/* sub-category links */

.navleft li.subcategory {
    padding-left:28px;
	 /* from 14 to 28 above is perfect */
    height:auto;
    color:#5c5c5c;
	 list-style: none;
	 width:162px;
}

.navleft li.subcategory a,
.navleft li.subcategory ul li a {
    font-weight:normal;
    text-decoration:none;
    display:block;
    height:100%;
    width:168px;
	 /* iets werk; */
    padding-left:10px; 
    list-style-type:none;	
	 list-style: none; 
}
/* above essential correct display for main, category and sub-category links 
padding-left spacing for  the words in the nav bar */

.navleft li.subcategory  a:link, .navleft li.subcategory  a:visited {
    color:#044b51;
    background-color:#d6d6d6;
	 background-image: url(graphics/button_subcategory.gif);
	 list-style-type:none;	
	 list-style: none;
}

.navleft li.subcategory a:hover, .navleft li.subcategory a:active {
    color:#d6d6d6;
    background-color:#bebebe;
	 background-image: url(graphics/button_subcategory.gif);
	 list-style-type:none;	
	 list-style: none;
}
/* subcategory links ended */

/* subsub starts*/
.navleft li.subsubcategory  a:link, .navleft li.subsubcategory  a:visited {
    color:#044b51;
    background-color:#d6d6d6;
	 background-image: url(graphics/button_subcategory.gif);
	 list-style-type:none;	
	 list-style: none;
}

.navleft li.subsubcategory a:hover, .navleft li.subsubcategory a:active {
    color:#d6d6d6;
    background-color:#bebebe;
	 background-image: url(graphics/button_subcategory.gif);
	 list-style-type:none;	
	 list-style: none;
}

.navleft li.subsubcategory a,
.navleft li.subsubcategory ul li a {
    font-weight:normal;
    text-decoration:none;
    display:block;
    height:100%;
    width:162px;
/*    padding-left:20px; width:162px; works*/
    list-style-type:none;	
	 list-style: none; 
}

.navleft li.subsubcategory {
    padding-left:28px;
	 /* from 14 to 28 to 42 above is perfect */
    height:auto;
    color:#5c5c5c;
	 list-style: none;
	 width:170px;
}

/*  subsub ended */

/* subsubsub */
.navleft li.subsubsubcategory {
    padding-left:42px;
width:163px;
 /* background-image: url(graphics/button_subcategory_.gif);*/
}

.navleft li.subsubsubcategory  a:link, .navleft li.subsubsubcategory  a:visited {
    color:#044b51;
    background-color:#d6d6d6;
	 background-image: url(graphics/button_subsubcategory.gif);
	 list-style-type:none;	
	 list-style: none;
}

.navleft li.subsubsubcategory a:hover, .navleft li.subsubsubcategory a:active {
    color:#d6d6d6;
    background-color:#bebebe;
	 background-image: url(graphics/button_subsubcategory_.gif);
	 list-style-type:none;	
	 list-style: none;
}
.navleft li.subsubsubcategory a,
.navleft li.subsubsubcategory ul li a {
    font-weight:normal;
    text-decoration:none;
    display:block;
    height:100%;
    width:143px;
	 /* iets werk; */
    padding-left:20px; 

    list-style-type:none;	
	 list-style: none; 
}

/* subsubsub ended */

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

/*headings */

h1{
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	padding: 0 0 15px 0;
	margin:0;
}


h2{
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	padding: 0 0 14px 0;
	margin:0;
}


.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0;
  margin-bottom:-1px;
}

* html .clear{
height:auto;margin-bottom:0
}

#fullheightcontainer{
  top:-20px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:950px;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
  background-image: url(graphics/wrapper.gif);
}
#wrapper{
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
border-left: 2px solid #ECC5B4;

  background-image: url(graphics/wrapper.gif);
}

#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  margin-left:230px;
  width:720px;


/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#left{
  width:231px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-230px;


}
*>html #left{
width:230px;
}

#container-left{
  width:210px;
  padding:1px 3px 0 7px;
  margin-bottom:10px;

}

#container-center{
  padding:1px 38px 40px 40px;
}

/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
  width:720px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */

}
#clearheadercenter{
  height:266px;
  overflow:hidden;
}
#clearheaderleft{
  height:266px;
  overflow:hidden;
}
#clearfootercenter{
  height:235px;
  overflow:hidden;
}
#clearfooterleft{
  height:235px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:950px;
  height:249px;
  overflow:hidden;
  margin-top:-249px;
}
#subfooter1{
  background:#ECC5B4;
  text-align:center;
  height:15px;
}

#subfooter2{
  background:#83222B;
  color: #cc9999;
  text-align:center;
  height:54px;
padding-top:30px;
  font-size: 11px;
}

#subfooter2 a:link, #subfooter2 a:visited {
	color: #cc9999;
	font-weight: normal;
	text-decoration: none;
}

#subfooter2 a:hover, #subfooter2 a:active {
	color: #5c5c5c;
	font-weight: normal;
}

#subfooter3{
  text-align:center;
  height:150px;
}

.bottomtopmargin{
  background-color:#FFF;
  width:1000px;
  overflow:hidden;
}
#header{
  z-index:1;
  position:absolute;
  top:0;
  width:950px;
  height:266px;
  overflow:hidden;
}
#subheader1{
  background-color:#FFFFFF;
  text-align:center;
  height:168px;
  background-image: url(graphics/header_about.jpg);
}
#subheader2{
  background-color:#d6d6d6;
  text-align:right;
  height:38px;
  line-height: 38px;
  background-image: url(graphics/header2.jpg);
  padding-right:5px;
  color: #fff;
 font-family:  "Century Gothic", "Avant Garde", Helvetica, Verdana, arial, sans-serif;
	 font-weight: normal;
	 letter-spacing: 1px;
}

#subheader3{
  background:#FFFFFF;
  text-align:center;
  height:20px;
  border-left: 2px solid #ECC5B4;
  border-right: 2px solid #83222b;

}

#topmargin{
  height:40px;
}
#gfx_bg_middle{
  top:0;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:720px;
  margin-left:230px;
}


* html #gfx_bg_middle{
  display:none;
}

/* page id */
/* add to body of each relevant page: <body id="home">  etc */
/* add to link in nav file: class="home" etc */
/* NB NB NB the last entity mut NOT NOT NOT have a comma !!!*/
/* left links */
#home .home, #about .about, #partners .partners, #publications .publications, #programmes .programmes, #links .links,#contact .contact, #news .news
{
list-style: none;
display: block;
height:22px;
background-image: url(graphics/button_.gif);
background-repeat: no-repeat;
padding: 0 0 0 16px;
width:190px;
}

/* t= top links */
 #home .thome, #about .tabout, #partners .tpartners, #publications .tpublications, #programmes .tprogrammes, #links .tlinks, #contact .tcontact, #news .tnews
{
	border: 1px solid #cc9999;
	padding:2px;
}

/* b = bottom links */
 #home .bhome, #about .babout, #partners .bpartners, #publications .bpublications, #programmes .bprogrammes, #links .blinks, #contact .bcontact, #news .bnews
{
	border: 1px solid #cc9999;
	padding:1px;
}


#overview .overview, #history .history, #team .team, #regional .regional, #work .work, #reports .reports, #financial .financial, #strategic .strategic, #target .target, #vision .vision, #board .board, #sustain .sustain,   #community .community, #reports .reports,  #news .news
{
color:#5c5c5c;
background-image: url(graphics/button_.gif);
}


#training .training, #legal .legal, #outreach .outreach
{
color:#5c5c5c;
background-image: url(graphics/button_category_.gif);
}



#voluntary .voluntary, #trainingstructure .trainingstructure, #sustain .sustain, #safrican .safrican, #greatlakes .greatlakes
{
color:#5c5c5c;
background-image: url(graphics/button_subcategory_.gif);
}


#botswana .botswana,  #zambia .zambia, #zimbabwe .zimbabwe, #mozambique .mozambique, #namibia .namibia, #tanzania .tanzania, #drc .drc, #kenya .kenya, #rwanda .rwanda, #uganda .uganda
{
	padding-left: 30px;
	width:133px;
	background-image: url(graphics/button_subsubcategory_.gif);
}