﻿
	body{
		margin: 0px;
		padding: 0px;
		background-color: #a9003e;
	}
	body, td, div, a, p{
		font-family: arial;
		color: #444444;
		font-size: 12px;
	}
	
/* --- framework --- */

	div#container{
		position: absolute;
		width: 735px;
		height: 779px;
		background-color: white;
	}
	
	div#image_container{
		position: relative;
		width: 735px;
		height: 167px;
		background-color: #cb829d;
	}
		div#image_container div.slide_show{
			position: absolute;
			width: 735px;
			clip: rect(0px, 734px, 167px, 1px);
			z-index: 1;
			background-color: white;
		}
		div#image_container div.logo{
			position: absolute;
			left: 606px;
			z-index: 100;
		}
		div#image_container div.slide_show div{
			position: absolute;
			display: none;
		}
		
	div#content_container{
		position: relative;
		width: 523px;
		height: 426px;
		background-color: white;
		z-index: 20;
	}
		div#content_container div#content{
			/*margin-left: 40px;*/
			position: absolute;
			left: 40px;
			z-index: 50;
		}
		
	
	div#people{
		width: 212px;
		height: 240px;
		background-image: url(../images/people_bg.gif);
	}
		div#people div.title, div#people a{
			color: white;
		}
		div#people div.links a{
			border-bottom: 1px solid #bf406e;
		}
	
	div#facts{
		width: 212px;
		height: 186px;
		background-image: url(../images/facts_bg.gif);
	}
		div#facts div.title, div#facts a{
			color: #202024;
		}
		div#facts div.links a{
			border-bottom: 1px solid #babec2;
		}
		div#facts div.links a#film{
			margin-top: 15px;
		}
	
		
	div#people div.title, div#facts div.title{
		text-align: right;
		padding: 9px 25px 8px 45px;
		font-weight: bold;
		font-size: 12px;
	}
	
	div.links a{
		display: block;
		margin-left: 34px;
		width: 155px;
		text-align: right;
		text-decoration: none;
		font-size: 12px;
		padding: 3px 0px 1px 0px;
	}
	
	div.links div.year{
		display: block;
		margin-left: 34px;
		width: 155px;
		text-align: right;
		text-decoration: none;
		font-size: 12px;
		font-style:italic;
		color: #ffffff;
		padding: 10px 0px 1px 0px;
	}

	
	div#slider_container{
		position: relative;
		width: 735px;
		height: 92px;
		background-image: url(../images/slider_bg.gif);
	}
		div#slider_container div#map{
			position: absolute;
			left: 36px;
			top: 10px;
		}
		div#slider_container div#mo_catcher{
			position: absolute;
			left: 140px;
			width: 594px;
			height: 92px;
			z-index: 100;
			cursor: pointer;
		}
		div#slider_container div#slider{
			position: absolute;
			left: 140px;
			width: 594px;
			height: 92px;
			clip: rect(0px, 594px, 92px, 0px);
			overflow: hidden;
			z-index: 1;
		}
			div#slider_container div#slider div.slider_div{
				position: absolute;
				top: 8px;
				width: 210px;
				height: 74px;
				border-right: 1px solid white;
				z-index: 1;
			}
			div#slider_container div#slider div.sliding_mo{
				background-color: green;
			}
				div#slider_container div#slider div.slider_div div.face{
					position: absolute;
					top: 4px;
					left: 13px;
					z-index: 2;
				}		
				div#slider_container div#slider div.slider_div div.info{
					position: absolute;
					top: 9px;
					left: 110px;
					width: 92px;
					color: #dddddd;
					font-size: 10px;
					line-height: 12px;
					z-index: 2;
				}
					div#slider_container div#slider div.slider_div div.info div.name{
						color: #dddddd;
						font-size: 12px;
						line-height: 14px;
						padding-bottom: 1px;
						z-index: 3;
					}
			
	div#loading{
		position: absolute;
		top: 200px;
		left: 640px;
		display: none;
		z-index: 200;
		color: #a9003e;
		padding: 10px;
		background-color: white;
	}
	
	div.marker{
		position: absolute;
		display: none;
		z-index: 200;
	}
	
	div#bottom{
		position: relative;
		width: 735px;
		height: 70px;
		background-image: url(../images/bottom_bg.jpg);
	}
		div#bottom div#bristol{
			position: absolute;	
			top: 31px;
			left: 32px;
		}
		div#bottom div#footer{
			position: absolute;	
			top: 38px;
			left: 250px;
			font-size: 10px;
		}
/* --- country --- */

	div.country{
		position: relative;
		top: 80px;
		width: 442px;
		height: 326px;
		background-image: url(../images/country_bg.gif);
	}	
		div.country div.title{
			padding-left:15px;
			font-weight: bold;	
			font-size: 14px;
		}	
		div.country table{
			width: 412px;
			margin: 15px;
			margin-top: 6px;
		}
		div.country table td{
			padding-top: 3px;
			padding-bottom: 2px;
			font-size: 11px;
			line-height: 13px;
		}
		div.country table td.left, div.country table td.right{
			vertical-align: top;
			border-bottom: 1px solid #babec2;	
		}
		div.country table td.left{
			width: 162px;
		}
		div.country table td.right{
			width: 250px;
		}
		div.country table td.sup{
			padding-top: 0px;
		}	
		div.country table td.source{
			padding-top: 0px;
			text-align: right;
			font-style: italic;
		}
	div#map_bg{
		position: absolute;
		top: -40px;
		left: 312px;
		width: 171px;	
		height: 210px;
		z-index: 100;
		background-image: url(../images/map_bg.gif);
	}	
	div#map_bg div#leshoto{
		position: absolute;
		left: 57px;
		top: 185px;
		z-index: 200px;
	}
	div#map_bg div#sydafrika{
		position: absolute;
		left: 50px;
		top: 190px;
		z-index: 200px;
	}

/* --- people --- */
	
	div.people_info{
		position: relative;
		width: 418px;
		height: 107px;
		background-image: url(../images/people_y.jpg);
		/*margin-bottom: 20px;*/
	}
	div#ie_bug{
		position: absolute;
		margin-top: 25px;
	}
		div.people_info div.face{
			position: absolute;
			top: 19px;
			left: 17px;
		}
		div.people_info div.info_head{
			position: absolute;
			top: 28px;
			left: 124px;
		}
		div.people_info div.info{
			position: absolute;
			top: 28px;
			left: 186px;
			color: #222222;
		}
		div.people_info div.printreports{
			position: absolute;
			top: 114px;
			left: 404px;
			z-index:100;
		}

	div.report{
		margin-bottom: 18px;
	}
	div.report div.title{
		color: #d28e40;
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 3px;
	}
	
/* --- facts --- */	
	
	div.fact div.title{
		color: #555555;
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 3px;
	}

	h1{
		color: #555555;
		font-size: 14px;
		font-weight: bold;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	
/* --- scroller --- */	
	
	.holder{
		float: left;
		margin: 0px;
	}
	.scroll-pane{
		overflow: auto;
		background: white;
		float: left;
	}
	#scroll-pane-people{
		overflow: auto;
		float: left;
		height: 200px;
		width: 205px;
	}
	#big_pane{
		height: 276px;
		width: 450px;
		font-family: arial;
		color: #444444;
		font-size: 12px;
	}
	#bigger_pane{
		height: 376px;
		width: 450px;
		font-family: arial;
		color: #444444;
		font-size: 12px;
	}
h2
{
	font-size:12px;
	font-family:Arial;

}
.imglink
{
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:Transparent;
	background-image:none;
	color:White;
	border-style:none;
}
.imglink img 
{
	border:0;
}
.space
{
				margin-top: 15px;
}
.newslink
{
	color:#a9003e;
}
