body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  font-family:arial, verdana, sans-serif; 
  font-size:90%;
  overflow: hidden; 
  background: #99ffaf url("http://www.wally.org.za/i/bg_grad.jpg") fixed;
  }
  
/* for internet explorer */

* html body {
  padding:45px 0 0 0; 
  }
  
#header {
  position:absolute; 
  top:3px; 
  left:3px; 
  right:.5em;
  margin-right:.5em;
  padding-right:.5em;
  width:100%; 
  height:45px; 
  overflow:auto; 
  }
#header div {padding:0; margin:0; clear:both;}  

#middel {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* --- MENU --- */
.container {width:39em; clear:both; text-decoration:none;}
* html .container { display:block;}

#infoMenu {
display:block;
width:auto;
padding:0;
margin:0 auto;
list-style-type:none;
white-space:nowrap;
margin-top:.1em;
text-align:center;
}
#submenMenu {right:1em;}
#infoMenu ul {display:table; margin:0 auto; width:auto; padding:0; list-style-type:none; white-space:nowrap; background:transparent; height:1em;}
#infoMenu li {display:table-cell;}
* html #infoMenu li {float:left;}


.xsnazzyMenu {background:transparent;}
.xsnazzyMenu span {text-align:center; color:#fff; margin:0; font-weight:normal;}

.xtopMenu {display:block; background:transparent; font-size:1px;}
.xb1Menu, .xb2Menu, .xb3Menu, .xb4Menu {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb1Menu, .xb2Menu, .xb3Menu {height:1px;}
.xb2Menu, .xb3Menu, .xb4Menu {background:#3d9650; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1Menu {margin:0 5px; background:#fff;}
.xb2Menu {margin:0 3px; border-width:0 2px;}
.xb3Menu {margin:0 2px;}
.xb4Menu {height:2px; margin:0 1px;}

.xboxcontentMenu {display:block; background:#3d9650; border:0 solid #fff; border-width:0 1px 1px 1px;}

a.xmenu2 {display:block; text-decoration:none; width:7em;}
a.xmenu2 span {font-weight:bold;}
a.xmenu2:visited span {font-weight: normal;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#3d9650; font-weight: bold;}
a.xmenu2:hover .xboxcontentMenu {background:#eee; border-color:#03871f; border-bottom:1px solid #eee;}
a.xmenu2:hover .xb1Menu {background:#03871f;}
a.xmenu2:hover .xb2Menu, a.xmenu2:hover .xb3Menu, a.xmenu2:hover .xb4Menu {background:#fff; border-color:#03871f;}

/* --- End of MENU --- */


/* --- Round Corner Box --- */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 5px; letter-spacing:1px;}
#xsnazzy h1 {font-size:1.75em; color:#03871f; padding:0,0,0,5px; margin:0 5px;}
#xsnazzy h2 {font-size:1.5em; color:#3d9650; padding:5px,0,0,5px; margin:0 5px;}
#xsnazzy h3 {font-size:1.25em; color:#3d9650; padding:5px,0,0,10px; margin:0 5px;}
#xsnazzy h4 {font-size:1em; color:#3d9650; padding:5px,0,0,15px; margin:0 5px;}
#xsnazzy h5 {text-align:center; padding:0;}
#xsnazzy {background: transparent; text-align:center;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #3d9650; border-right:1px solid #03871f;}
.xb1 {margin:0 5px; background:#03871f;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
/*.xmid {text-align:center; padding:0,0,0,0;}*/

.xboxcontent {display:block;  background:#fff; border:0 solid #03871f; border-width:0 1px; text-align:center;}

#contents {
  position:fixed; 
  top:45px;
  left:0;
  bottom:0; 
  right:0; 
  overflow:auto;
  text-align: justify; 
  } 
  
* html #contents {
  height:100%; 
  width:100%; 
  }   
  

#info {/*background:#fff;*/ margin:.1em 2em 2em 2em;}
#infobot {/*background:#fff;*/ margin:.1em 2em 2em 2em;}
#submen {right:2em;}

#containerl {
	width:12em;
	float:left;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: none;
}

#containerr {
	width:18em;
	float:right;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	background:transparent;
	clear: none;
}
#containerr p {padding:.25em; text-align: justify;}

#content {text-align: justify;}

#content ol {
	display:table;
	width:auto;
	list-style-type: decimal;
	background:transparent;
	list-style-position: inside;
}
#content ul {
	display:table;
	width:auto;
	list-style-type: square;
	background:transparent;
	list-style-position: inside;
}
#content li {
	display:table-cell;
	padding:5px,5px,5px,5px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:10px;
	margin-left:5px;
}



dl {margin: 0; padding: 0; border-left:1px solid #fff; border-right:1px solid #fff;}
dt {margin:0; padding:0.4em; text-align:center; font-size: 1.4em; font-weight:bold; background: #35c253;}
dd {
	margin:0;
	padding:0;
	text-align:center;
	border-top:1px solid #fff;
	background: #99ffaf;
	color: #000;
	font-weight: bold;
}
#gallery a {color:#fff; text-decoration:none; display:block; padding:0.4em; background: #3d9650;}
#gallery a:hover {background: #03871f; color:#05c02e;}
#gallery a:visited {color:#99ffaf;}

.top {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottom {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #fff;
  }

.b1, .b2, .b3, .b4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {background:#03871f; border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
/* --- End of Round Corner Box --- */


p {padding:2px,5px,5px,5px; margin-top:.2em; margin-right:.5em; margin-bottom:.5em; margin-left:.5em;}

table {display:table; margin-left: auto; margin-right: auto; text-align:center;}
th {background-color:#03871f; color:#FFFFFF;}
tr.odd {background-color:#e0fce7;}
tr.even {background-color:#c1fcd0;}
td {font-weight:bold; text-align:left;}
td.lb1 {background-color:#C6E2FF; color:#009; font-weight:bold; text-align:center;}
td.lb2 {background-color:#E1F1FF; color:#009; font-weight:bold; text-align:center;}
td.db {background-color:#009; color:#FFFFFF; font-weight:bold; text-align:center;}
td.db1 {background-color:#3d9650; color:#FFFFFF; font-weight:bold; text-align:center;}
td.db2 {background-color:#639ACE; color:#FFFFFF; font-weight:bold; text-align:center;}



#ordlist ol {
	display:table;
	width:auto;
	list-style-type: decimal;
	background:transparent;
	list-style-position: inside;
}

#ordlist li {
	display:table-cell;
	padding:5px,5px,5px,5px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:10px;
	margin-left:5px;
}


.style1 {	font-size: medium;
	font-weight: bold;
}

.style2 {
	color: #000063;
	font-weight: bold;
}
.style3 {font-size: x-large}
.style4 {font-size: medium}
.style5 {color: maroon}
.style6 {	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
	font-weight: bold;
}
.style8 {font-family: Arial, Helvetica, sans-serif}
.style9 {font-size: 12pt; font-family: Arial, Helvetica, sans-serif; }
.style10 {color: #874343}
.style11 {	color: Maroon;
	font-weight: bold;
}
.style13 {	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: large;
}
.style14 {	font-family: Arial, Helvetica, sans-serif;
	color: #FFF7F7;
	font-weight: bold;
}
.style16 {	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bold;
}
.style17 {color: #FF0000}
.style19 {font-size: 12pt}
hr {
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
}