body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  font-family:arial, verdana, sans-serif; 
/*  font-size:76%;*/
font-size:86%;
  overflow: hidden; 
    background: #0002a4 url("http://www.sasq.org.za/i/bg_grad.jpg") fixed;
  }

/* for internet explorer */
* html body {
  padding:40px 0 45px 0; 
  }

#contents {
/*  font-family:"times new roman", serif;*/
  font-family:arial, verdana, sans-serif;
  font-size: 1.2em;
  position:fixed; 
  top:40px;
  left:0;
  bottom:45px; 
  right:0; 
  overflow:auto; 
/*  background:#fff;*/
  padding:20px;
/*  text-align:center;*/
  text-align: justify;
  }

* html #contents {
  height:100%; 
  width:100%; 
  }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:40px; 
  overflow:auto; 
/*  background:#53829d;*/
/*  border-bottom:4px solid #73a2bd;*/
  }
* html #header {height:40px;}


#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:45px; 
  overflow:auto; 
/*  text-align:right;*/ 
/*  background:#73a2bd;*/
/*  border-top:5px solid #53829d;*/
  }
* html #footer {height:45px;}

/* --- Start of PLAIN UTILITY MENU --- */
.menuplain1 {
  display:table;           
  padding:0;
  margin:0 auto;
  font-family: arial, helvetica, sans-serif;
  white-space:nowrap;
  list-style-type:none;
  font-weight:bold;}
* html .menuplain1 {
  display:inline-block;
  width:1px;
  padding:0 1px;
  }  
.menuplain1 li {
  display:table-cell;
  }
* html .menuplain1 li {
  display:inline;
  }
.menuplain1 a {
  display:block;
  padding:0.1em 0.5em; 
  background:#0002a4; 
  color:#fff; 
  text-decoration:none;
  border:1px solid #fff;
  }
* html .menuplain1 a {
  display:inline-block;
  margin:0 -.3px; 
  }
.menuplain1 a:hover {
  color:#000; 
  background:#eee;
  }
.menuplain1 a.current1 {
  color:#039; 
  background:#eee;
  cursor:default;
  }
.menuplain1 a:visited {font-weight: normal; }


.menuplain {
  display:table;           
  padding:0;
  margin:0 auto;
  font-family: arial, helvetica, sans-serif;
  white-space:nowrap;
  list-style-type:none;
  font-weight:bold;}
  
* html .menuplain {
  display:inline-block;
  width:1px;
  padding:0 1px;
  }  
.menuplain li {
  display:table-cell;
  }
* html .menuplain li {
  display:inline;
  }
.menuplain a {
  display:block;
  padding:0.1em 0.5em; 
  background:#eee; 
  color:#000; 
  text-decoration:none;
  border:1px solid #000;
  }
* html .menuplain a {
  display:inline-block;
  margin:0 -.3px; 
  }
.menuplain a:hover {
  color:#FFF; 
  background:#000090;
  }
.menuplain a.current {
	color: #C1EBFF;
	background: #000080;
	cursor: default;
}
.menuplain a:visited {font-weight: normal;}

#topmargin {margin-top: 10px;}

/* --- End of PLAIN UTILITY MENU --- */

.middel {width:100%; margin-left:auto; margin-right:auto; text-align:center;}

.info {/*background:#fff;*/ margin:.1em 1em 1em 1em;width:100%; margin-left:auto; margin-right:auto; text-align:center;}

.infox {/*background:#fff;*/ margin:.1em 1em 1em 1em;width:16.75em; margin-left:auto; margin-right:auto; text-align:center;float:left;}



/*.zsnazzy {width:745px;}*/
.xsnazzy h1, .zsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #000080;}
/*.xsnazzy p, .zsnazzy p { margin:0; padding:5px 10px; font-size:10px;}
.xsnazzy {background: transparent; width:240px; float:left; margin:0 3px;}*/


.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 #f60; border-right:1px solid #444;}





/* --- Round Corner Box --- */
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:1.2em; color:#000080;}
.xsnazzy h2 {font-size:1em; color:000080; }
.xsnazzy h3 {font-size:.9em; color:000080; padding:5px,0,0,10px; margin:0 5px;}
.xsnazzy h4 {font-size:.8em; color:000080; padding:5px,0,0,15px; margin:0 5px;}
.xsnazzy h5 {text-align:center; padding:0;}
.xsnazzy p {padding-bottom:0.5em;}
.xsnazzy h2 {padding-top:0.5em;}
.xsnazzy {background: transparent; margin: 1em;}

.xsnazzyB {background: transparent; margin: 1em;}

/* for internet explorer */
* html .xsnazzyB {background: transparent; margin: .3em,1em,.3em,1em;}
/* for internet explorer */
* html .xsnazzy {background: transparent; margin: .3em,1em,.3em,1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

.xtopB, .xbottomB {display:block; background:transparent; font-size:1px;}

.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}

.xb1B, .xb2B, .xb3B, .xb4B {display:block; overflow:hidden;}
.xb1B, .xb2B, .xb3B {height:1px;}

.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}

.xb2B, .xb3B, .xb4B {background:#0002a4; border-left:1px solid #0002a4; border-right:1px solid #0002a4;}

.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}


.xb1B {margin:0 5px; background:#0002a4;}
.xb2B {margin:0 3px; border-width:0 2px;}
.xb3B {margin:0 2px;}
.xb4B {height:2px; margin:0 1px;}


/*.xmid {text-align:center; padding:0,0,0,0;}*/

.xboxcontent {display:block;  background:#fff; border:0 solid #000080; border-width:0 1px;  height:auto;}


.xboxcontentB {display:block;  background:#0002a4; border:0 solid #0002a4; border-width:0 1px;  height:auto;}
* html .xboxcontentB {height:1px;}


/*.zsnazzy {width:100%;}*/
/*.zsnazzy h1, {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}*/
.zsnazzy h1, {margin:0 0 5px 0; letter-spacing:1px; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.zsnazzy h1 {font-size:1.6em; color:#fff;}
.zsnazzy h2 {font-size:1.3em; color:000080; }
.zsnazzy h3 {font-size:1em; color:000080; padding:5px,0,0,10px; margin:0 5px;}
.zsnazzy h4 {font-size:.90em; color:000080; padding:5px,0,0,15px; margin:0 5px;}
.zsnazzy h5 {text-align:center; padding:0;}
.zsnazzy p {padding-bottom:0.5em;}
.zsnazzy h2 {padding-top:0.5em;}
.zsnazzy p { margin:0; padding:5px 10px; padding-bottom:0.5em; }
.zsnazzy {background: transparent; margin: 1em;}

/* for internet explorer */
* html .zsnazzy {background: transparent; margin: .3em,1em,.3em,1em;}
.zboxcontent {display:block; background:#fff; border:0 solid #444; border-width:0 1px; height:auto;}
* html .zboxcontent {height:1px;}

.color_a {background:#009; color:#fff;}
.color_b {background:#f3fAfE; color:#000;}
.color_c {background:#758279; color:#fff;}
.color_d {background:#b2ab9b; color:#000;}


.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;
}

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:#000080; color:#FFFFFF;}
tr.odd {background-color:#E1F1FF;}
tr.even {background-color:#C6E2FF;}
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:567fd7; color:#FFFFFF; font-weight:bold; text-align:center;}
td.db2 {background-color:#639ACE; color:#FFFFFF; font-weight:bold; text-align:center;}



.containerl {
	width:15em;
	float:left;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.containerr, .containermr {
	width:15em;
	float:right;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}
.containerr p {padding:.55em; text-align: justify;}


dl {margin: 0; padding: 0; border-left:1px solid #fff; border-right:1px solid #fff;}
.containerr dt {margin:0; padding:0.4em; text-align:center; font-size: 1.6em; font-weight:bold; background: #009; color:#fff;}
.containermr dt {margin:0; padding:0.4em; text-align:center; font-size: 1.6em; font-weight:bold; background: #009; color:#fff;}
.containerl dt {margin:0; padding:0.4em; text-align:center; font-size: 1.6em; font-weight:bold; background: #009; color:#fff;}

dd {
	margin:0;
	padding:0;
	text-align:center;
	border-top:1px solid #fff;
	background: #9cf;
	color: #000;
	font-weight: bold;
}


.gallery b.Sel, .gallery a {font-weight: bold; color:#fff; text-decoration:none; display:block; padding:0.4em; background: 567fd7;}
.gallery b.Sel {background: #009; color:#fff;} 
.gallery a:hover {font-weight: bold; background: #009; color:#fff;} 
.gallery a:visited {font-weight: normal;}

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

.bottom {
  display:block; 
  background:transparent; 
  font-size:.9px; 
  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:#000090; border-left:1px solid #fff; border-right:1px solid #fff;}
/*.containerl .b2, .containerl .b3, .containerl .b4, .containermr .b2, .containermr .b3, .containermr .b4 {background:#9cf; 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 --- */

.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;
}

.Red {color: #FF0000}
.Large {font-size:large;}
.XLarge {font-size:x-large;}
.XXLarge {font-size:xx-large;}