body {
	margin : 10px;
	padding: 0px;
	background : #eeeeee;
}

#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #000000;
	float : left;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}

	
body.contents #menu li#nav-1 a,
body.introduction #menu li#nav-2 a,
body.history #menu li#nav-21 a,
body.friesland #menu li#nav-3 a,
body.south-africa #menu li#nav-4 a,
body.kuipers #menu li#nav-5 a,
body.pretorius #menu li#nav-6 a,
body.boshoff #menu li#nav-7 a,
body.streutker #menu li#nav-8 a,
body.olde #menu li#nav-9 a,
body.koekoek #menu li#nav-10 a,
body.brouwer #menu li#nav-11 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6,
#menu #subnav-7,
#menu #subnav-8,
#menu #subnav-9,
#menu #subnav-10,
#menu #subnav-11 {
	display : none;
	width: 90%;
}

body.contents #menu ul#subnav-1,
body.introduction #menu ul#subnav-2,
body.history #menu ul#subnav-21,
body.friesland #menu ul#subnav-3,
body.south-africa #menu ul#subnav-4,
body.kuipers #menu ul#subnav-5,
body.pretorius #menu ul#subnav-6,
body.boshoff #menu ul#subnav-7,
body.streutker #menu ul#subnav-8,
body.olde #menu ul#subnav-9,
body.koekoek #menu ul#subnav-10,
body.brouwer #menu ul#subnav-11 {
	display : inline;
	left : 20px;
	position : absolute;
	top : 380px;
}

body.contents #menu ul#subnav-1 a,
body.introduction #menu ul#subnav-2 a,
body.history #menu ul#subnav-21 a,
body.friesland #menu ul#subnav-3 a,
body.south-africa #menu ul#subnav-4 a,
body.kuipers #menu ul#subnav-5 a,
body.pretorius #menu ul#subnav-6 a,
body.boshoff #menu ul#subnav-7 a,
body.streutker #menu ul#subnav-8 a,
body.olde #menu ul#subnav-9 a,
body.koekoek #menu ul#subnav-10 a,
body.brouwer #menu ul#subnav-11 a {
	background : #fff;
	border : none;
	border-left : 1px solid #fff;
	color : red;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #f00 !important;
}

#contents {
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 20px;
}

div#tipDiv {
	position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
	background-color:#ffffff; border:1px solid #336; 
	padding:4px;
	color:#ff0000; 
	font-size:12px; 
	line-height:1.2;
}

div.tp1 { 
	font-size:12px; 	
	color:#336; 
	font-style:italic 
}

div.tp2 { 
	font-weight:bolder; 
	color:#337; 
	padding-top:4px 
}