/* --------------------- background & layout --------------------- */
body {
	margin: 0;
	padding: 0;
	behavior: url(csshover.htc); /* hierdie behaviour MOET ingesluit word om die menu in IE6 te laat werk */
	/* indien jy reeds van 'n ander styleheet gebruik maak wat 'n "body {..." gedeelte bevat, paste "behavior: url(csshover.htc);" in "body {..." */
	background-color: #DAD9C4;
}

#wrapper {
	width:800px;
	margin:auto;
	position:relative;
	text-align: left;
	
}
/* --------------------- dropdownMenu --------------------- */
#tabs { /* hierdie is die blok waarin al die buttons voorkom */
	position: absolute;
	top: 150px;
	left: 0;
	width: 903px; /* die wydte van al die buttons saam */
	margin: 0;
	height: 17px;
	background-color: #807B32;  /* kleur 04 */
	border-top: #9D9C0D solid 1px; /* kleur 02 */
	border-collapse: collapse;
	z-index: 500;
	visibility: visible;
}
#menu {
	width: 100%;
	float: left;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 129px; /* hierdie waarde bepaal die wydte van al die buttons */
	float: left;
}
#menu a, #menu h2 {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	border-left: solid 1px #9D9C0D; /* kleur 02 */
	border-right: solid 1px #9D9C0D; /* kleur 05 */
	border-bottom: solid 1px #9D9C0D; /* kleur 05 */
	margin: 0;
}
#menu h2 {
	color: #FFFFFF; /* kleur van main menu items (text in buttons) */
	padding-left: 4px;
}
#menu a {
	color: #000000; /* hierdie waarde bepaal die kleur van die teks in al die dropdowns */
	background: #B0B91D; /* kleur 03 */ /* hierdie waarde bepaal die kleur van al die dropdowns */
	text-decoration: none;
	width: 129px; /* hierdie waarde bepaal die wydte van al die dropdowns */
	padding-left: 4px;
}
#menu a:hover {
	color: #FFFFFF; /* hierdie waarde bepaal die rollOver kleur van die teks in al die dropdowns */
	background: #655C20;  /* kleur 01 */ /* hierdie waarde bepaal die rollOver kleur van al die dropdowns */
}
#menu li {
	position: relative;
}
#menu ul ul {
	position: absolute;
	z-index: 500;
}
#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {
	display: none;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
	display: block;
}
.Heading {  }
.Fullmembers {
	font-family: verdana;
	font-size: 14px;
	color: #807b32;
}
.TableHeading {
	text-align: center;
	font-family: verdana;
	color: #FFF;
	font-size: 13px;
}
.MembersTable {
	font-family: verdana;
	font-size: 9px;
	color: #000;
	background-color: #FFF;
	text-align: left;
}
.LongText {
	font-family: verdana;
	font-size: 12px;
	text-align: justify;
	color: #000;