/* CSS Document */

/********** Generic Classes ************/

body {
   min-width: 760px;
   background-color: #ffffff;
   }
   
.wrapper {
  width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.navBox {
width: 94px;
height: 33px;
border-right: 1px solid #ffffff;
float:left;
}
p {

width: 95%;
color: #181818;
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
text-align:justify;

}
li {

list-style-type: disc;
font-size: 13px;

font-family: Georgia, "Times New Roman", Times, serif;

line-height: 100%;

}

h1 {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 12px;

font-weight: bold;

color: #181818;

}

h2 {

font-family: Times new roman, "Times New Roman", Times, serif;

font-size: 16px;

font-weight: bold;

color: #181818;

}

h3 {

font-family: Verdana, "Times New Roman", Times, serif;

font-size: 16px;

font-weight: bold;

color: #181818;

}

/**************** Pseudo classes ****************/

a:link {

color: #181818;

text-decoration: none;

font-weight: normal;

}

li :link {

color: #999999;

text-decoration: none;

font-weight: normal;

}

a:visited {

color: #00CC00;

text-decoration: none;

font-weight: normal;

}

li a:visited {

color: #00CC00;

text-decoration: none;

font-weight: bold;

}

a:hover {

color: #00CC00;

font-weight: normal;



}

li a:hover {

display: block;

color: #00cc00;

font-weight: normal;


}

a:active {

color: #999999;

font-weight: normal;

}

/************* Layout Classes ************/

#top {
height: 100px;
width: 740px;
}
#columnLeft {
height: 425px;
width: 180px;
float:left;  
}

#columnCentre {
height: 425px;
width: 400px;
float:left; 
}

#columnRight {
height: 425px;
width: 150px; 
float:left;  
}

#bottomLeft {
height:30px;
width : 180px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #181818;
float:left;
}

#bottomCentre {
height:30px;
width : 400px;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #181818;
float:left;
}
#bottomRight {
height:30px;
width : 150px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #181818;
float:left;
}
#footer {
width:740px;
height:100px;
padding-top:70px;
float:left;
}
#navText{
padding-top:1px;
}
#image {
padding-left: 20px;
padding-top: 25px;
}
#logo {
float:left;
}
#comicRelief {
float:left;
}
#imageFloatRight {
padding-left: 0px;
padding-top: 30px;
float:right;
}
#photoholder {
width:auto;
height:auto;
background: url(images/ajax-loader.gif) 50% 50% no-repeat;
}
#thephoto {
width:auto;
height:auto; 
}

#navBar {
width:760px;
height:33px;
padding-top:5px;
padding-bottom:5px;
}

#africaWindow {
width:760px;
height:390px;
}
#africaText {
height:auto;
width:400px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-align: justify;
float:left;
}
#costText {
height:auto;
width:450px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-align: justify;
float:left;
}
#faqText {
height:350px;
width:400px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-align: justify;
float:left;
padding-left:8px;
padding-top:8px;
overflow: scroll;
background-image:  url(images/faqback.jpg);
background-repeat: no-repeat;
}
.flag {
width:30px;
height:18px;
border:0px;
padding:5px;
float:left;
}