/*  	-----------------------------------------------------------------------------
		INTERFACE LAYOUT
		----------------------------------------------------------------------------- 	*/
		
body {
	background: #EEEEEA url(../../images/bg_tile.gif) repeat-x;
}

#container {
	position: absolute;
	left: 50%;
	top: 33px;
	width: 850px;
	margin-left: -425px;
	font: 10pt "trebuchet ms", arial;
	color: #494949;
}

/*	--------------------------------------------------------------------------------
 	REUSABLES
 	--------------------------------------------------------------------------------	*/

.copy {
	margin:10px 25px 0 25px;
}
.copy_clear {
	margin:10px 25px 0 25px;
	clear:both;
	padding-top:20px;
}
.smlgry {
	font-size:9pt;
	color:#999;
	font-style:italic;
	margin-top:-10px;
	display:block;
}
.right_copy {
	float:right; 
	width:370px; 
	display:block
}
	.left_image {
		float:left; 
		width:458px; 
		height:212px; 
		overflow:hidden; 
		display:block;
	}
.right_copy2 {
	float:right; 
	width:525px; 
	display:block
}
	.left_image2 {
		float:left; 
		width:310px; 
		height:212px; 
		overflow:hidden; 
		display:block;
		position:relative;
	}
	.left_image2a {
		position:absolute; 
		left:2px;
		top:2px;
	}

	div.hr {
		display:block;
		width:100%;
		padding-top:30px;
		height:1px;
		border-bottom:1px solid #ccc;
		margin-bottom:30px;
		overflow:hidden;
	}
/*  	-----------------------------------------------------------------------------
		MENU NAVIGATION
		----------------------------------------------------------------------------- 	*/	

#topbar {
	margin: 0 0 30px 0;	
	text-align: left;
	background: url(../../images/bg_menubar.gif);
	display: block;
	width: 850px;
	height: 80px;
	overflow: hidden;
}

		#topbar #home {
			display: block;
			width: 182px;
			height: 60px;
			overflow: hidden;
			position: absolute;
			left: 5px;
			top: 0;
			text-indent: -999px;
		}

		#topbar ul.menu {
			list-style: none;
			display: block;
			overflow: hidden;
			height: 62px;
			position: absolute;
			left: 202px;
			top: -1px;
			margin: 0;
			padding: 0;
		}	
				#topbar ul.menu li {
					float:left;
				}		
				#topbar ul.menu li a {
					display:block;
					height:63px;
					float:left;
					overflow:hidden;
					text-indent:-999px;
					background-position:0 0;
				}
						#topbar ul.menu li a.malawi {
							background:url(../../images/menu_01_malawi.gif);
							width:117px
						}
						#topbar ul.menu li a.zambia {
							background:url(../../images/menu_02_zambia.gif);
							width:127px
						}
						#topbar ul.menu li a.mozambique {
							background:url(../../images/menu_03_mozambique.gif);
							width:158px
						}
						#topbar ul.menu li a.itineraries {
							background:url(../../images/menu_04_itineraries.gif);
							width:138px
						}
						#topbar ul.menu li a.home {
							background:url(../../images/menu_05_home.gif);
							width:108px
						}
								#topbar ul.menu li a:hover {		background-position:0 63px; }
								#topbar ul.menu li a.selected {		background-position:0 63px; }

		#topbar ul.submenu {
			list-style: none;
			display:block;
			margin:0;
			float:right;
			clear:both;
			padding:62px 12px 0 0;
		}
				#topbar ul.submenu li {
					height:19px;
					overflow:hidden;
					display: block;
					float:left;
					border-right:1px solid #8E8D83;
					margin:0;
					padding:0;
				}
				#topbar ul.submenu li a {
					height:19px;
					padding:0 13px 0 13px;
					position:relative;
					top:-1px;
					font: 11px arial;
					color:#CCC;
					text-decoration:none;
				}
					#topbar ul.submenu li.lastone {	border-right:0;	}
					#topbar ul.submenu li a:hover {	color:white;	}


/*  	-----------------------------------------------------------------------------
		GENERAL STYLES
		----------------------------------------------------------------------------- 	*/

		h1 {
			font:16pt "century gothic", "trebuchet ms", arial;
			margin:0;
		}
		h2 {
			font:16pt "century gothic", "trebuchet ms", arial;
			margin:0;
		}
		h3 {
			font:12pt "century gothic", "trebuchet ms", arial;
			margin:0;
		}
		
		.brown  	{ color:#A68E60; }
		.yellow		{ color:#BDB839; }
		.green		{ color:#89A660; }
		.darkgray	{ color:#585858; }
		
		a.org {
			color:#D49611;
			text-decoration:none;
		}
		a.org:hover { text-decoration:underline; }

		a.thumbnail img {
			background:white;
			border:1px solid #cccccc;
			padding:7px;
			margin:0 10px 10px 0;
		}
		a.thumbnail:hover img {
			border:1px solid #ccaaaa;
			background:#eeeedd;
		}

/*  	-----------------------------------------------------------------------------
		FOOTER TEXT
		----------------------------------------------------------------------------- 	*/

		.stopfloat {
			clear:both;
			width:500px;
			height:2px;
			overflow:hidden;
			display:block;
		}

		#footer {
			border-top:1px solid #D9D5CC;
			margin:50px 0 100px 0;
			padding-top:10px;
			color:#BBB6AC;
			font-size:8pt;
			text-align:center;
			clear:both;
		}
		#footer a {
			color:#BBB6AC;
			text-decoration:none;
		}
		#footer a:hover {
			color:#999999;
			text-decoration:underline;
		}