@charset "utf-8";
/* CSS Document */

body {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	background-image:url(../images/theGrid.gif);
	background-position:top left;
	background-repeat:repeat;
}
#mainContainer {
	position:absolute;
	width:920px;
	top:0px;
	left:50%;
	margin-left:-460px;
	overflow:visible;
}
#mainMenuArea {
	position:relative;
	top:0px;
	left:0px;
	height:291px;
	width:920px;
	overflow:hidden;
}
/* ----------------------------------- content areas start ----------------------------------- */
#mainContentArea {
	position:relative;
	float:left;
	width:920px;
	overflow:visible;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#5a342c;
	text-align:justify;
}
#theContent {
	margin-left:10px;
	width:820px;
	overflow:visible;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#5a342c;
	text-align:justify;
}
#mainContentBottom {
	position:relative;
	float:left;
	width:920px;
	height:40px;
	overflow:hidden;
}
#footerLeft {
	position:relative;
	float:left;
	width:10px;
	height:44px;
	overflow:hidden;
}
#footerLinks {
	position:relative;
	float:left;
	width:835px;
	overflow:visible;
	font-family:"Trebuchet MS";
	font-size:9px;
	color:#FFFFFF;
	line-height:9px;
	/*text-transform:uppercase;*/
}
a.footerLinks {
	font-family:"Trebuchet MS";
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
}
a.footerLinks:hover {
	font-family:"Trebuchet MS";
	font-size:9px;
	color:#00aef0;
	text-decoration:none;
}
#footerLogo {
	position:relative;
	float:left;
	width:75px;
	height:34px;
	overflow:visible;
}
#shadowAreaLeft {
	position:absolute;
	top:0px;
	bottom:0px;
	width:40px;
	left:0px;
	height:100%;
	overflow:hidden;
	background-image:url(../images/shadowArea.gif);
	background-position:top right;
	background-repeat:repeat-y;
}
#shadowAreaRight {
	position:absolute;
	top:0px;
	bottom:0px;
	width:40px;
	right:0px;
	height:100%;
	overflow:hidden;
	background-image:url(../images/shadowArea.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
#blueBox {
	position:relative;
	background-color:#00aeef;
	width:370px;
	overflow:visible;
	margin-right:20px;
	margin-bottom:10px;
	float:left;
	padding:20px;
	text-align:left;
	color:#FFFFFF;
}
#blueBoxTL {
	position:absolute;
	left:0px;
	top:0px;
	height:20px;
	width:20px;
	background-image:url(../images/blueBoxTL.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#blueBoxTR {
	position:absolute;
	right:0px;
	top:0px;
	height:20px;
	width:20px;
	background-image:url(../images/blueBoxTR.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#blueBoxBL {
	position:absolute;
	left:0px;
	bottom:0px;
	height:20px;
	width:20px;
	background-image:url(../images/blueBoxBL.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:0px;
}
#blueBoxBR {
	position:absolute;
	right:0px;
	bottom:0px;
	height:20px;
	width:20px;
	background-image:url(../images/blueBoxBR.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:0px;
}
#blueBoxWhiteBottom { /* IE7 veroorsaak 1px padding onder aan #blueBox - hierdie div steek dit net weg */
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:#FFFFFF;
	width:410px;
	overflow:hidden;
	height:2px;
	margin-bottom:-2px;
}
#pageTop {
	position:absolute;
	width:920px;
	top:55px;
	left:50%;
	margin-left:-460px;
	height:16px;
	overflow:visible;
	/*background-color:#00aef0;*/
	font-family:"Trebuchet MS";
	font-size:9px;
	color:#00aef0;
	line-height:9px;
	text-align:left;
	padding-left:76px;
	/*text-transform:uppercase;*/
}
/* ----------------------------------- content areas end ----------------------------------- */
/* ----------------------------------- headings start ----------------------------------- */
h1 {
	font-family:"Trebuchet MS";
	font-size:20px;
	color:#00aeef;
	/*font-weight:bold;*/
	margin-top:0px;
	margin-bottom:0px;
}
h2 {
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#00aeef;
	margin-top:0px;
	margin-bottom:0px;
}
h3 {
	font-family:"Trebuchet MS";
	font-size:20px;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:0px;
}
/* ----------------------------------- headings end ----------------------------------- */
/* ----------------------------------- text styles start ----------------------------------- */
.boldBlue {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#00aeef;
	font-weight:bold;
}
.blueBoxList {
	list-style-type:square;
	margin-left:0px;
	padding-left:20px;;
	text-indent:0px;
	list-style-position:outside;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
}
.generalList {
	list-style-type:square;
	margin-left:0px;
	padding-left:20px;;
	text-indent:0px;
	list-style-position:outside;
	font-family:"Trebuchet MS";
}
a {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#00aeef;
	text-decoration:underline;
}
a:hover {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}
a.white {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
}
a.white:hover {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#000000;
	text-decoration:underline;
}
td.generalList {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#5a342c;
	vertical-align:top;
}
/* ----------------------------------- text styles end ----------------------------------- */
/* ----------------------------------- form start ----------------------------------- */
.textField {
	background-image:url(../images/textField.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border:0px;
	font-family:"Trebuchet MS";
	font-size:8pt;
	text-decoration:none;
	text-align:left;
    color:#2e394d; 
    visibility:visible;
	width:818px;
	height:20px;
	margin-bottom:8px;
	padding-left:10px;
	padding-top:3px;
	padding-right:10px;
}
.textArea {
	background-image:url(../images/textArea.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border:0px;
	font-family:"Trebuchet MS";
	font-size:8pt;
	text-decoration:none;
	text-align:left;
    color:#2e394d; 
    visibility:visible;
	width:818px;
	height:150px;
	margin-bottom:8px;
	/*padding:0px;*/
	padding-left:10px;
	padding-top:3px;
	padding-right:10px;
}
.formButtonSend {
	background-image:url(../images/formButtonSend.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border:0px;
	font-family:"Trebuchet MS";
	font-size:8pt;
	text-decoration:none;
	text-align:center;
    color:#2e394d;
    visibility:visible;
	width:110px; /* 2px wider that fields - if it needs to be same width */
	height:41px;
	margin-right:8px;
}
.formButtonReset {
	background-image:url(../images/formButtonReset.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border:0px;
	font-family:"Trebuchet MS";
	font-size:8pt;
	text-decoration:none;
	text-align:center;
    color:#2e394d;
    visibility:visible;
	width:110px; /* 2px wider that fields - if it needs to be same width */
	height:41px;
	margin-right:8px;
}
/* -------------------------------------------------- form end -------------------------------------------------- */