body {
	background: #FFFFFF url(images/macrobg.png) repeat-x center top;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 75%;
}
#container {
	background: #FFFFFF;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #CCCCCC;
	padding-bottom:5em;
}
#topheader {
	background: url(images/topheader.png) no-repeat center top;
	height: 60px;
	padding-top:1.5em;
	padding-left:1.5em;
	color:#999999;
	font-weight:bold;
	font-size:90%;
}
#topnav a {
	color: #154187;
	font-size: 120%;
	font-weight: bold;
	background: url(images/topnavarrow.png) no-repeat left center;
	padding-left: 1.5em;
}
#topnav a:hover {
	color: #ffffff;
	background: url(images/topnavarrow_hover.png) no-repeat left center;
}
#topnav li {
	display: inline;
	margin-right: 1em;
}
#topnav ul {
	margin: 0px;
}
#topnav {
	float: right;
	width: 600px;
	margin-top: 2em;
}
#search {
	clear: both;
	float: right;
	width: 250px;
	margin-top: 6em;
}
#search p{
	padding:0em 0em 0em 2px;
	margin:0em 0em -1.5em;
	font-size: 105%;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
html>/**/body #search p{
	margin:0em 0em 0em;
}

#header {
	background: url(images/header.png) no-repeat center center;
	height: 176px;
}
#col1 {
	width: 213px;
	float: left;
	margin-left: 5px;

}
html>body #col1 {
	margin-left: 8px;
}
#leftnav ul {
	margin: 0px;
}
#leftnav li {
	list-style: none;
	margin:0px;
}
html>/**/body #leftnav li {
	margin-left: -39px;
}
#leftnav ul li a {
	background: #005DAC url(images/mainarrow.png) no-repeat left center;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 105%;
	font-weight: bold;
	padding:0.3em 0.3em 0.3em 1.5em;
	width: 93%;
	margin:0em;
}

#leftnav ul li a:hover {
	background: #333333 url(images/mainarrow_hover.png) no-repeat left center;
}

html>/**/body #leftnav li li {
	margin-left: -40px;
	margin-right:1px;
}
#leftnav ul ul li a {
	background: #EFEFEF url(images/arrow.png) no-repeat left center;
	font-weight: normal;
	text-transform: capitalize;
	color: #005DAC;
	text-decoration: underline;
	font-size: 90%;
	padding-left: 1.5em;
	width: 95%;
	border-bottom: none;
}
#leftnav ul ul li a:hover {
	background: #EFEFEF url(images/arrow_hover.png) no-repeat left center;
	color: #333333;
}
#col2 {
	width: 358px;
	float: left;
	margin-left: 8px;
}
html>body #col2 {
	width: 360px;
	margin-left: 16px;
}
#col2 h1 {
	color: #5495B5;
	font-size: 145%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
#col2 a {
	color: #000000;
}
#col2 h2 {
	color: #36667C;
	font-size: 120%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
#col2 h3 {
	color: #555555;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	clear: left;
}
#col2 li {
	list-style: url(images/dot.png);
}
#events, #services {
	background: #98CCED;
	padding-bottom:0.5em;
	border:1px solid #154187;
}

#services{
 margin-top:0.5em;}

#events h2, #services h2 {
	font-size: 120%;
	color: #333300;
	border-bottom:solid 1px #333300;
	padding:0.5em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin:0em;
}
#publications h2, #training h2{
	background: #F8C929 url(images/h2bg.png) no-repeat left center;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	text-transform: uppercase;
	color: #154187;
	text-decoration: none;
	font-size: 105%;
	font-weight: bold;
	padding:0.3em 0.3em 0.3em 1.5em;
	width: 93%;
	margin:0em;
}
#events p, #services p, #publications p, #training p{
	padding-left:0.5em;
	padding-right:0.5em;
}
#events a, #services a{
	color: #333333;
	text-decoration: none;
}
#publications a, #training a {
	color: #333333;
	text-decoration: underline;
}
#events a:hover, #services a:hover{
	text-decoration: underline;
}
#publications a:hover, #training a:hover {
	text-decoration: none;
}
#publications li, #training li{
	list-style: url(images/dot.png);}
#footer {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0.5em;
}
#ilikecakelogo img {
	border-style: none;
}
#ilikecakelogo {
	float: left;
	width: 200px;
}
#footernav {
	float: left;
	width: 400px;
	text-align:center;
	font-weight:bold;
}
#footernav ul {
margin:0em;}
html>/**/body #footernav ul {
margin-left:-3.2em;}
#footernav li {
	display: inline;
	list-style: none;
}
#footernav a {
	color: #373737;
	text-decoration: none;
	background: url(images/footernavspacer.png) no-repeat right center;
	padding-right: 1em;
	margin-right:0.5em;
}
#footernav a.noimage {
	background: url(images/footernavspacer_noimage.png) no-repeat right center;
}
#footernav a:hover {
	color: #005DAC;
}
#accesslogos img {
	border-style: none;
}
#accesslogos ul{
margin:0em;}
#accesslogos {
	float: right;
}
#accesslogos li{
	list-style:url(none) none;
}
.darker {
	color: #666666;
}
#textheader {
	background: #98CCED;
	text-align: center;
	border: 1px solid #154187;
	font-weight: bold;
	color: #154187;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#col3 {
	width: 167px;
	float: right;
	margin-right: 2px;
}
html>body #col3 {
	margin-right: 8px;
}
.stretch{
	width:100%;
	float:none;
	clear:both;
}
.readmore {
	color: #FFFFFF;
	font-weight: bold;
}.invisible {
	overflow: hidden;
	position: absolute;
	height: 0px;
	width: 0px;
}
body.search #col2{
width: 98%;
float:left;
margin:4px;
}
html>body.search #col2{
width: 98%;
float:left;
margin:8px;
}
body.search #col1, body.search #col3 {
display:none;}
.highlight {
	font-size: 105%;
	font-weight: bold;
}
body.default #programssubnav{
display:none;}
#services img{
	border:1px solid #333333;
}
#language {
	text-align: right;
	margin-right:1.5em;
	margin-bottom:1em;
	margin-top:1em;
	width:40%;
	float:right;
}
#language li{
display:inline;}
#language img{
border:none;}
#contactdetails{
width:50%;
float:left;
}
#funderlogos {
	width: 780px;
	text-align: left;
	margin: -5em auto 1em;
	clear: both;
}
#map{
margin-top:1em;}table {
	width: 100%;
	border: 2px solid #005DAC;
	clear: both;
}
th {
	border: 1px solid #005DAC;
	text-align: left;
	background: #98CCED;
	vertical-align: top;
	
}


td {
	border: 1px solid #005DAC;
	vertical-align: top;
}
#col2 table#table1 th, #col2 table#table1 td,
#col2 table#table2 th, #col2 table#table2 td,
#col2 table#table3 th, #col2 table#table3 td,
#col2 table#table4 th, #col2 table#table4 td,
#col2 table#table5 th, #col2 table#table5 td{
width:50%;}.floatimageright {
	float: right;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}
.floatimageleft {
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
}
#col2 img{
border: 1px #333333 solid;}

.imagecaption {
	color: #154187;
	font-size: 120%;
	font-weight: bold;
	background: url(images/topnavarrow.png) no-repeat left center;
	padding-left: 1.5em;
}
