/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */
@import url(layouts.css);
@import url(components.css);
@import url(modules.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);

/* #######################  GENERAL SETTINGS ############################ */

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}

body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

#body_bg {
  position: absolute;
  left: +0px;
  top: +0px;
  width: 1080px;
  height: 768px;
  z-index: 1;
}

#background {
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
}

#content_bg {
  position: absolute;
  left: 135px;
  top: 66px;
  width: 805px;
  height: 608px;
  z-index: 2;
  background-image: url(../images/content_bg.png);
}

#footer {
  position: absolute;
  left: 36px;
  top: 557px;
  width: 733px;
  height: 12px;
  z-index: 3;
  color: #666;
  font-weight: bold;
  text-align: left;
  font-size: 12px;
}

	#footer p {
	  margin: 5px 0 0 430px;
	  line-height: 1.4em;
	  font-weight: normal !important;
	}
	
	#footer strong {
	  font-weight: normal !important;
	}
	
	#footer a {
		color: #666;
	}

#content {
  position: absolute;
  left: 35px;
  top: 182px;
  width: 733px;
  height: 362px;
  z-index: 4;
}

	#content .padding {
		height: 362px;
		width: 728px;
		padding: 0 15px 0 0;
		margin: 0;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#content p {
	  line-height: 1.4em;
	}
	
	#content a {
		font-weight: bold;
	}
	
	#content a:hover {
		background-color: #000;
	}

#partners {
  position: absolute;
  left: 13px;
  top: 518px;
  width: 9px;
  height: 65px;
  z-index: 5;
  background-image: url(../images/partners.png);
}

#head {
  position: absolute;
  left: 27px;
  top: 27px;
  width: 751px;
  height: 118px;
  z-index: 6;
}

#logo {
  position: absolute;
  left: 3px;
  top: 7px;
  width: 359px;
  height: 56px;
  z-index: 7;
  background-image: url(../images/logo.png);
}

#afrika {
	position: absolute;
	left: 544px;
	top: 30px;
	width: 494px;
	height: 486px;
	z-index: 2;
	background-image: url(../images/afrika.png);
}

#afrika_over {
	position: absolute;
	right: 0;
	top: 0;
	width: 369px;
	height: 118px;
	z-index: 3;
	background-image: url(../images/afrika_over.png);
}

#menu {
  position: absolute;
  left: 33px;
  top: 152px;
  width: 734px;
  height: 17px;
  z-index: 600;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFF;
}

	#navbar {
		z-index: 65000;
	}

.menu, .menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-family: 	Verdana, Geneva, sans-serif;
	font-size: 		100%; 
}

.menu {
	position:		relative;
	left:			5px;
	top:			2px;
	height:			20px;
}

.menu ul {
	position:		absolute;
	top:			-999em;
}

ul.menu li {
	text-align:     left !important;
	float:			left;
	display:		inline;

}

.menu li {
	display:		inline;
	position:		relative;

}

ul.menu li a, ul.menu li span {
	height: 		20px;
	padding: 		5px 2em 9px 2em;
	display:		inline;
	position:		relative;
	text-decoration:none;
	color:			#fff;
}

ul.menu li a:hover, ul.menu li span:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	background: 	#870008;
	-ms-filter:		"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: 		alpha(opacity=100);
	opacity: 		1.0;
	cursor:			pointer;
	text-decoration:none;
}

ul.menu li ul li a {
	width:			102px;
	line-height:	1.5em;
	padding: 		5px 5px 5px 20px;
	margin:			0;
	display:		block;
	position:		relative;
	text-decoration:none;
	color:			#fff;
}

.menu li:hover ul {
	left:			0;
	top:			20px; /* match top ul list item height */
	z-index:		99;
}

.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff !important;
}

.menu li:hover li, .menu li.sfHover li {
	background:		#;
	outline:		0;
	color:			#fff;
}
ul.menu li ul li a:focus, ul.menu li ul li a:hover, ul.menu li ul li a:active {
	background:		#870008;
	outline:		0;
	color:			#fff;
	width: 			102px;
	display: 		block;
	text-decoration:underline;
}

.menu li ul {
	width:			104px; /*IE6 soils itself without this*/
	margin: 		0;
	padding:		0;	
	background: 	#870008;
	-ms-filter:		"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: 		alpha(opacity=80);
	opacity: 		.8;
	color:			#fff;
}
.menu li ul li a {
	width:			104px;
	margin: 		0;
	padding:		0;
	-ms-filter:		"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: 		alpha(opacity=100);
	opacity: 		1.0;
}
.menu li ul li {
	-ms-filter:		"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: 		alpha(opacity=100);
	opacity: 		1.0;
	color:			#fff;
}
.menu li ul li a:hover {
	background: 	#870008;
	width:			104px;
	-ms-filter:		"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: 		alpha(opacity=100);
	opacity: 		1.0;
	text-decoration:underline;
}

/*  Heading Formatting */
h1 {font-size:1.9em;line-height: 0.8em;font-weight: 900;color: #000;}
h2 {font-size:1.7em;line-height: 0.8em;font-weight: 900;color: #000;}
h3 {font-size:1.5em;line-height: 0.8em;font-weight: 900;color: #000;}
h4 {font-size:1.4em;line-height: 0.8em;font-weight: 900;color: #000;}
h5 {font-size:1.3em;line-height: 0.8em;font-weight: 900;color: #000;}
h6 {font-size:1.2em;line-height: 0.8em;font-weight: 900;color: #000;}

/*links*/
a:link {color: #CC6600;}
a:hover {color: #659FDE;}
a:visited {color: #CC6600;}
img {border: 0 none;}

/* Clears Divs */
.clr{clear: both;}

/* #######################  END GENERAL SETTINGS ############################ */