body {
    margin: 0;
    padding: 0;
    font-size: small;
    text-align: center;
    font-family: arial, sans-serif;
    background: #000;
    }
* html body {
   font-size: x-small; /* for IE5/Win */
   f\ont-size: small; /* for other IE versions */
}


body a img {
    border: none;
}


/* layout structure */

#wrap {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 780px;
}



/* Banner */


#header{
  float: left;
  Width: 780px;
  margin: 0;
  padding: 0;
  font-size: 120%;
  background: #000;
}

#header .gutter{
   margin: 0 10px;
   padding: 0;
}


#header .topright img{
  vertical-align: text-bottom;
  margin: 0;  
  padding: 0;
}


#header .topleft{
  float: left;
  width: 390px;
  margin: 10px 0;
  padding: 0;
  color: #FFF;
}

 
#header .topright{
  float: right;
  text-align: right;
  margin: 10px 0;
  padding: 0;
  color: #FFF;
} 


#banner{
  float: left;
  Width: 780px;
  margin: 0;
  padding: 0;
  font-size: 120%;
  background: #000;
}

#banner .imageleft{
  float: left;
  margin: 0 0 0 10px;
  padding: 0;
} 

#banner .imageright{
  float: right;
  margin: 0 10px 0 0;
  padding: 0;
} 




/* Navigation */

#nav{
   float: left;
   width: 780px;
   margin: 0;
   padding: 0;
   color: #FFF;
  background: #000;
}

#nav ul{
   margin: 0 0 0 17px;
   padding: 0;
}

#nav li{
   float: left;
   margin: 14px 0 0 0;
   padding: 0;
   list-style: none;
}

#nav li a{
   text-decoration: none;
   color: #FFF;
   margin: 0;
   padding: 0;
   font-weight: bold;
}

#nav li a:hover, body#home #t-home a, body#who #t-who a, body#what #t-what a, 
body#initiative #t-initiative a, body#commercial #t-commercial a, body#contact #t-contact a
, body#links #t-links a, body#jobs #t-jobs a, body#governance #t-governance a, body#achievements #t-achievements a, body#fundraising #t-fundraising a{
   text-decoration: underline;
}


/* Content */

.error {
	color: #CC0000;
}

#contentwrap{
   float: left;
   width: 780px;
    background: #000 url(img/back.gif) repeat-y top left;
}
   

#content{
   float: left;
   width: 560px;
   margin: 0;
   padding: 0;
   background: #000;
}

#content .gutter{
   margin: 14px 0 0 10px;   
   padding: 32px 30px 30px 30px;
   background: #FFF;
   color: #000;
}

#content .gallery{
	text-align: center;
}


#content .gallery p{
	width: 430px;
	text-align: center;

}


#content h1{
	clear: both;
  font-size: 250%;
  font-weight: normal;
  color: #999999;
  margin: 0;
  padding: 0;
}

#content h2{
   font-size: 110%;
   margin: 0;
   padding: 13px 0;
}


#content p{
   font-size: 95%;
   margin: 0;
   padding: 13px 0;
}


#content ul{
   margin: 0;
   padding: 0;
}

#content ol{
   margin: 0 0 0 5px;
   padding: 0 0 0 15px;
}

#content ol li{
   margin: 0;
   padding: 0 0 10px 0;
}

#content ul li{
    list-style: disc url(img/bullet_small.gif);
   margin: 0 0 15px 15px;
   padding: 0;
}

#content ul li ul li{
   margin: 15px 0 0 20px;
   padding: 0;
    list-style: disc url(img/bullet_small2.gif);
}



#content .inline-nav{
   margin: 0;
   padding: 0 0 15px 0;
      color: #666666;
}

#content .inline-nav li{
    list-style: none;
	display: inline;
   margin: 0;
   padding: 0;
}


#content .inline-nav li a{
	text-decoration: none;
	}
	
	
#content .inline-nav li a:hover,
#content .inline-nav li a.here{
	text-decoration: underline;
	}


#content .italic{
   font-size: 90%;
   font-style: italic;
}

#content a{
   text-decoration: underline;
   color: #666666;
}

#content a:hover{
   text-decoration: none;
   color: #666666;
}


#content .map{
   margin: 0;
   padding: 0 0 0 50px;
}


#content dl{
   margin: 0;
   padding: 0;
}

#content dt{
   margin: 0;
   padding: 0 0 0 10px;
   background: url(img/bullet.gif) no-repeat 0 5px
}

#content dd{
   margin: 0;
   padding: 0 0 20px 0;
}


#content .profile{
	width: 490px;
	float: left;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
	}
	
	
#content .profile img{
	float: left;
	border: 1px solid #333333;
}

#content .profile h2{
	margin: 0 0 0 170px;
	padding: 0;
}

#content .profile h2 em{
	font-weight: normal;
	font-style: normal;
	}

#content .profile p{
	margin: 0 0 0 170px;
	padding: 0;
}


#contact-form{
	border: 1px solid #cccccc;
	padding: 15px;
	margin: 0 0 20px 0;
	}
	
	
#contact-form p{
	margin: 0;
	padding: 0 0 10px 0;
	}
	

#contact-form p em{
	font-size: 1.6em;
	color: #FFD000;
	font-weight: bold;
	}

/* Left */


#left{
   float: right;
   width: 220px;
   margin: 14px 0 0 0;
   padding: 0;
  background: #000;
}

#leftmenu{
   float: left;
   width: 220px;
   color: #FFF;
   background: #000;
}

#leftmenu .gutter{
   margin: 0 10px 0 25px;
   border: 1px solid #666666;

}

#leftmenu h2{
   font-size: 120%;
   color: #ffd000;
   margin: 0 0 0 13px;
   padding: 13px 0 0 0;
}

#leftmenu ul{
   list-style: none;
   font-size: 85%;
   margin: 0;
   padding: 15px 20px 40px 16px;
}

#leftmenu li{
   line-height: 120%;
}

#leftmenu a{
   text-decoration: none;
   color: #FFF;
}


#leftmenu a:hover{
   text-decoration: underline;
   color: #FFF;
}


#adverts{
   float: left;
   width: 220px;
   margin: 15px 0 0 0;
   padding: 0;
   background: #000;
}

#adverts img{
   margin: 0 0 5px 29px;
   padding: 0;
}


#adverts .ad{
   margin: 10px 10px 0 23px;
   padding: 0;
   border: 1px solid #666666;

}


#adverts .ad h2{
	font-size: 120%;
	color: #ffffff;
	margin: 10px 0 0 10px;
	padding: 0 0 0 0;
}

#adverts .ad img{
   margin: 10px 0 0 10px;
   padding: 0;
}

#adverts .ad p{
   margin: 0;
   padding: 10px 0 7px 0;
   text-align: right;
}

#adverts .ad a{
   font-size: 85%;
   margin: 0;
   padding: 0 10px 0 0;
   color: #FFF;
   text-decoration: none;
}


/* Footer */


#footer{
   float: left;
   width: 780px;
   margin: 0;
   padding: 0;
   color: #FFF;
   font-size: 85%;
  background: url(img/footerback.gif) repeat-x top left;
}

#footer a{
   text-decoration: none;
   color: #FFF;

}

#footer a:hover{
   text-decoration: underline;
}


#footer ul{
		float: left;
		width: 780px;
   margin: 10px 0 0px 0;
   padding-left: 18px;
   	font-size: 1.1em;
   font-weight: bold;
		}
		
#footer ul li{
	float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}

#footer .footerleft{
   float: left;
   margin: 10px 0 17px 0;
   padding-left: 12px;
   font-weight: bold;
}

#footer .footerright{
   float: right;
   margin: 10px 0 17px 0;
   padding-right: 12px;
}



