* {margin: 0; padding: 0;}

body {padding: 0; margin: 0; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.8em; font-style: normal; letter-spacing:0.2px; text-align: center; background: #F7F7EE;}
*html body {font-size: 0.65em;}

a:link, a:visited {text-decoration: none; color: #f60;}
a:hover {text-decoration: underline; color: #834D3D;}

h1, h2, h3 {margin: 0; padding: 0; font-family: "Trebuchet MS", Trebuchet; letter-spacing: 1px; font-weight: bold; color: #333;}
h1 {color: #f60; font-size: 300%; line-height: 100%; padding: 0; letter-spacing: 0;}
h2 {color: #FFD553; margin: 10px 0 0 0; font-size: 175%; line-height: 130%; padding: 0; font-weight: normal;}
h3 {margin:0; font-size: 150%; line-height: 150%;}
h4 {margin: 1em 0 0.4em 0; font-size: 110%; line-height: 110%;}
h4.reginfo {margin: 2em 0 0 0; font-size: 110%; line-height: 110%;}
h4.speaker {margin: 0 0 0 0; font-size: 110%; line-height: 110%; text-decoration: underline;}

p, ul {margin: 0 0 1em 0;}
p.reginfo {margin: 0 0 0.75em 0;}
#part table {border: 2px solid #bbb; margin: 0 0 2em 0; padding: 0;}
#part td, th {width: 23%; padding: 1% 1% 2% 1%; vertical-align: top; border: 1px solid #ddd;}
#part th {font-weight: bold; background: #f60; color: #fff; border-color: #f60;}

acronym, abbr {border-bottom: 1px dotted #cdcdcd; cursor: help;}
ul, li {list-style-type: none;}

form .required {font-weight: bold;clear:left;display:block;}
input {border: 1px solid #f60;}
select.wide {width: 350px;border: 1px solid #f60;}
select {width: 250px;border: 1px solid #f60;}
.check input{width: 15px;}
form br {clear: left;}
.submit {background-color:#F7F7EE;}

#wrapper {background: url("../images/bg_header.png") 0 0 repeat-x #fff; text-align: left; width:770px; margin: 0 auto; padding: 0 0 4em 0; border: 5px solid #eee; border-width: 0 5px;}
#header {height: 250px; padding: 0; position: relative;}
#content {padding: 0 10px; margin: 20px 0 0 0;}
#maintext {margin: 0px 0 30px 15px; padding: 0; width:720px; float:left; }
#left-nav{margin: 0px 0 30px 0px; padding: 0; width:120px; float:left;  }
#left-nav h1{ background: #F7F7EE; color:#333; font-size:16px; text-align:center; margin-bottom:10px; padding:5px 0;}

.title {z-index: 10; padding: 92px 10px  0px 10px;}
.map {position: absolute; top: 0; right: 0; width: 224px; z-index: 5; }
.sub {font-family: "Trebuchet MS", Trebuchet; padding: 40px 0 0 0; font-size: 155%; line-height: 150%; width: 90%; margin: 0 auto; }
.sub p {text-align: center;}
.subtext {padding: 1px 12px; background-color: #D55500; color: #fff;}

#nav { margin-top:-48px; height:22px; background-color:#FF6600; }

#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
}

#nav a{
display:block;
padding:0px 10px;
border:1px solid #c85000;
/*color:#584d4b;*/
color:#FFD553;
text-decoration:none;
background-color:#FF6600;
font-weight:bold;
}

#nav a:hover{
background-color:#c85000;
/*color:#f2f2f2;*/
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:74px;
/*top:1.5em;*/
}

#nav li ul a{
width:100px;
height:auto;
float:left;
padding:5px 5px;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

ul.organisers {padding: 1em 0; float: left; width: 220px;}
ul.organisers li {padding: 0; float: left; clear: left; display: block; width: 220px;}
ul.organisers li img {float: left; margin: 0 20px 2em 0; border: 1px solid #ddd; padding: 5px 5px 8px 5px;}

ul.agenda li {padding: 0 0 0.8em 0;}
ul.speakers li {list-style-type: square;}

#baselogos {clear: left; float: left; margin: 6em auto 2em auto; display: block;}
#baselogos ul {width: 675px; text-align: center; float: left; margin-left: 210px;}
#baselogos li {float: left; list-style: none; border: 1px solid #eee; padding: 2px 2px 3px 2px; margin: 0 5px 10px 5px;}
#baselogos li:hover {border: 1px solid #f60;}
#baselogos li a {height: 60px; display: block; vertical-align: middle;}
#baselogos li a img {border: 0;}
#baselogos ul li a span {display: none;}
#baselogos ul li.capetown {margin-left: 80px;}

#ft_oxfam {width: 61px; background: url("../images/logo_oxfam_ft.png") 0 0 no-repeat;}
#ft_apnet {width: 60px; background: url("../images/logo_apnet_ft.png") 0 0 no-repeat;}
#ft_wb {width: 60px; background: url("../images/logo_worldbank_ft.png") 0 0 no-repeat;}
#ft_idrc {width: 162px; background: url("../images/logo_idrc_ft.png") 0 0 no-repeat;}
#ft_cta {width: 60px; background: url("../images/logo_cta_ft.png") 0 0 no-repeat;}
#ft_fah {width: 55px; background: url("../images/logo_fahamu_ft.png") 0 0 no-repeat;}
#ft_nord{width: 190px; background: url("../images/logo_nordic_ft.png") 0 0 no-repeat;}
#ft_pb{	width: 142px;background:url("../images/logo_practical_ft.png") 0 0 no-repeat;}
#ft_ctibf {width: 116px; background: url("../images/logo_ctibf_ft.png") 0 0 no-repeat;}
#ft_bai {width: 63px; background: url("../images/logo_bookaid_ft.png") 0 0 no-repeat;}
#ft_abc {width: 120px; background: url("../images/logo_abc_ft.png") 0 0 no-repeat;}

#ft_codesria {width: 55px; background: url("../images/logo_codesria_ft.jpg") 0 0 no-repeat;}
#ft_hsrc {width: 63px; background: url("../images/logo_hsrc_ft.jpg") 0 0 no-repeat;}



#footer {border-top: 1px solid #ddd; margin: 3em 0 0 0; lin-height: 150%; clear:left; padding: 2em 0; display: block; text-align: center;}
#footer ul {list-style: none; clear: both; float: left; width: 100%; margin: 0 0 1.4em 0; padding: 0;}
#footer a {border-right: 1px solid #ccc; padding: 0 6px 0 4px; background: none;}
#footer li {list-style: none; display: inline;}

/* Header Amends */

h2 .title {font-weight:bold;}
h3.leader_txt{margin: -60px 175px 20px 0;}