/*Created for Impimpi Technologies by Martin Pistorius - 31 March 2009 - www.mart.co.za */
/* Last updated: 24 May 2009*/

/*If you are reading this you really are a nerd ;-) */

/* Zero all margin and paddin on all elements */
* {
  margin:0;
  padding:0;
}

/*Basic tags*/

body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		background:url(../images/BG.jpg) repeat-x #B2B4B3;
	}

h1 {
		font-size:1.9em;
		color:#E55312/*333*/;
		border-bottom:0px solid #555/*E55312*//*ddd*/;
		margin:0em 0em 0.5em 0em;
		/*padding:0em 0em 1.1em 0em;*/
		font-weight:bold;
		text-align:left;		
		/*background:url(../images/headingLine2.gif) no-repeat bottom left;*/
	}
	
h2 {
		font-size:1.6em;
		color:#555;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:url(../images/headingLine2.gif) no-repeat bottom left;
		padding:0em 0em 1.3em 0em;

	}

h2.short {
		font-size:1.6em;
		color:#555;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:url(../images/headingLineShort.gif) no-repeat bottom left;
		padding:0em 0em 1.3em 0em;

	}


h2.med {
		font-size:1.6em;
		color:#555;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:url(../images/headingLineMed.gif) no-repeat bottom left;
		padding:0em 0em 1.3em 0em;

	}


h3 {
		color:#E55312/*#FF3300*/;
		font-size:1.4em;
		font-weight:bold;
		margin:0.1em 0em 0.2em 0em;
		text-align:left;		
	}


h3.h3h2 {
		font-size:1.6em;
		color:#555;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:url(../images/headingLine2.gif) no-repeat bottom left;
		padding:0em 0em 1.3em 0em;
	}

	
h4 {
		color:#333;
		font-size:9pt;
		font-weight:bold;
		margin:1em 0em 0.5em 0em;
		border-bottom:1px solid #ddd;
		text-align:left;		
	}	

p {
		text-align:left;
		margin:0.6em 0em 0.6em 0.5em;
		font-size:1.2em;
		font-family:Arial, Helvetica, sans-serif;
	}
	

#mainContent ul {
		margin-left:2em;
		margin-bottom:0.7em;
		font-size:1.2em;
		font-family:Arial, Helvetica, sans-serif;
	}

#mainContent ol {
		margin-left:2em;
		font-size:1.2em;
		font-family:Arial, Helvetica, sans-serif;
	}

#mainContent ol ul {
		margin-left:2em;
		font-size:1.1em;
		font-family:Arial, Helvetica, sans-serif;
	}

#mainContent ul ul {
		margin-left:2em;
		font-size:1.1em;
		font-family:Arial, Helvetica, sans-serif;
	}	

#mainContent li {
		margin:3px 0px;
	}
	
table {
		width:100%;
		margin: 0.4em 0em 0.5em 0em;
	}
	
th {
		text-align:left;
		background-color:#C5D3DC/*CED9DF*//*D5D5D5*/;
		font-size:1.2em;
		padding:2px;
	}

td {
		font-size:1.2em;
		padding:2px;
		margin:2px;
	}
	

hr {
		color:#48992E;
		width:60%;
		border:1px solid #48992E;
		text-align:center;

	}

a img {
		border:0;
	}

/* ------- End of Basic tags ------- */

#shadow {
  		background:url(../images/shaddowBG.jpg) repeat-y center;
		margin:0 auto;
		padding:0;
		text-align:center;
		width:791px; 
	}

#siteWrapper {
		/*background-color:#FFF;*/
		width:785px; 
/*  		width:60%;
		min-width:400px;
		max-width:1200px;
*/		margin:0 auto;
		padding:0px;  
  		text-align:left; 
		border:0px solid #000;
	}

	
/*#topBar img {
		margin:0;
	}
*/
#logo {
		background-color:#FFF;
	}

#logo, img {
		border:0;
		margin:0;
	}
	

/*#slogan p {
		font-size:1.9em;
		color:#CCC;
		letter-spacing:9px;
		padding:0.2em 0em 0.4em 0.4em;
	}
*/	

#slogan {
		background:url(../images/slogan.gif) no-repeat center;
		padding:15px 0px 4px 4px;
	}	

#breadcrumb {
		padding:4px 4px 4px 10px;
		margin-top:0px;
		border-bottom:1px solid #99C;
		background:#CCD8DE;
	}


#leftBox {
		float:left;
		width:180px;
		margin:0px;
		padding:0px;
		border:0px solid #000;
		background:url(../images/LeftNavBG.jpg) no-repeat #E6EBEF/*F9FBFA*/;
	}	
		
#rightBox {
		float:right;
		width:180px;
		overflow:auto;  
		padding:2px;
		border:0px solid #000;
		text-align:center;
	}		
		
#middleBox {
		margin-top:0px;
		margin-right:183px;
		margin-bottom:0px;
		margin-left:138px;
		border-top:1px  solid #000;
		border-right:1px solid #000;
		border-left:1px  solid #000;
		border-bottom:1px  solid #000;
	}

#fullContBox {
		background:#FFF;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:180px;
		border-top:0px  solid #000;
		border-right:0px solid #000;
		border-left:0px  solid #000;
		border-bottom:0px  solid #000;
	}

#mainContent {
		padding:0px 10px 5px 8px;
		border:0px solid #FF0000;
	}

#photoBoxRight {
		float:right;
		overflow:auto;
		background-color:#FFF;
		margin:2px;  
		padding:2px;
		border:0px solid #069;
	}		


#memberOf {
		color:#555;
		font-size:1.3em;
		text-align:left;
		margin:20px 0px 0px 8px;
		padding:30px 0px 50px 0px;		
	}

#footer {
		clear:both;
		background:/*url(../images/botBlueLine.gif) no-repeat*/ #DEE6E6 /*BDCED9*/;
		border-top:5px solid #BDCEDE;
		border-bottom:3px solid #BDCEDE;
		padding:5px 0px 3px 0px;
	}

#footer p {
		color:#555;
		text-align:center;
		padding:0;
		margin:0;
	}

/*Top Navigation*/

#topNav {
		background:url(../images/topNavBG.jpg) repeat-x #000;
		margin-top:0px;
		padding:10px 0px 0px 0px;
		border-bottom:4px solid #BECED9;
		text-align:right;
		font-size:1.2em;
		vertical-align:super;
	}

#topNav ul {
		text-align:right;
		list-style:none;
		display:inline;
		font-size:1.1em;
		padding:0em 0.5em 0em 0.2em;
	}	

#topNav ul li, #topNav ul li a {
		text-align:right;
		list-style:none;
		display:inline;
		margin:0em 0.1em 0em 0.3em;
		color:#FFF;
		text-decoration:none;
		border:0px solid #FF0000;
	}

#topNav ul li a:link {
		cursor:pointer;
	}

#topNav ul li a:hover, #topNav ul li a:focus, #topNav ul li a:active {
		background:#BECED9;
		padding:1px 0px 2px 0px;
		color:#000;
		cursor:pointer;
	}

#topNav ul #active a {
		background:#BECED9;
		padding:1px 0px 2px 0px;
		color:#000;
	}

/* Main Navigation */

#mainNav {
		margin:0;
		padding:30px 0px 20px 0px;
		font-size:1.2em;
		font-weight:800;
		font-family:Arial, Helvetica, sans-serif;
	}

#mainNav ul {
		padding:0px;
		/*width:90%;*/
		border:0px solid #F00;
		margin:8px 0px 0px 4px;
	}

#mainNav ul li {
		list-style: none;
		/*border-bottom:0px solid #000;*/
		margin-top:0.2em;
		/*line-height:12px;*/
	}

#mainNav ul li a {
		display:block;
		/*line-height:16px;*/
		padding:4px 0px 9px 10px;
		border:0px;
		background:none;
		background:url(../images/navLineGB.gif) no-repeat bottom left;
		color:#555;
		text-decoration: none;
		text-align:left;
	}

#mainNav ul li a:link {
		color:#555;
		cursor:pointer;
	}

#mainNav ul li a:hover, #mainNav ul li a:focus, #mainNav ul li a:active {
		color:#000;
		background:url(../images/navLineGB.gif) no-repeat bottom left;
		cursor:pointer;
	}

#mainNav ul #active a { 
		color:#E55312;
		background:url(../images/navLineGB.gif) no-repeat bottom left;
	}


/*Sub Navigation*/

/*#subNav {
		/*background:#E6EBEF;
	}*/
	
ul#subNav {
		padding:8px 0px 8px 0px;
		margin:0px 0px 0px 12px;
		background-color:#EFF4F7;
	}

ul#subNav li {
	}


ul#subNav li a {
		color:#444;
		/*background:url(../images/navLineGB.gif) no-repeat bottom left;*/
	}

#mainNav #active ul#subNav li a {
		color:#444;
		background:url(../images/navLineGB.gif) no-repeat bottom left;
	}


#mainNav #active ul#subNav li a:hover, #mainNav #active ul#subNav li a:focus, #mainNav #active ul#subNav li a:active {
		color:#000;
		background:url(../images/navLineGB.gif) no-repeat bottom left;
		cursor:pointer;
	}


/*#mainNav ul #active a ul#subNav a {
		color:#444 !important;
		cursor:pointer;
	}
*/
ul#subNav li a:hover, ul#subNav li a:focus, ul#subNav li a:active {
		color:#000;
		background:url(../images/navLineGB.gif) no-repeat;
		cursor:pointer;
	}

ul#subNav #active a { 
		color:#E55312;
		background:url(../images/navLineGB.gif) no-repeat;
	}

/*Links*/ 


a:link 	{
		 text-decoration:underline;
		 cursor:pointer;
		 }
		   
a:hover,
a:focus,
a:active {
		background-color:#DDD/*BECED9*//*FF9*/;
		text-decoration:none;
		text-transform:none;
		cursor:pointer;
		color:#000;
	}
	
a:visited {
		cursor:pointer;
	}


#memberOf a:hover, memberOf a:focus, memberOf a:active  {
		border:0;
		background:none;
	}

/*Classes*/

.homeHeadding  {
		font-size:1.4em;
		color: #000;
		border:0px;
		margin:0em 0em 0em 0em;
		font-weight:bold;
		text-align:left;
		background:none;
	}

.h2Small {
		font-size:1.6em;
		color:#555;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:url(../images/headingLine2.gif) no-repeat bottom left;
		padding:0em 0em 1.3em 0em;
		margin:0;

	}

.nolist li {
		list-style-type:none;
	}

.odd {
		background-color:#F5F5F5;
	}
	
.even {
		background-color:#E8E8E8;
	}

.pailBlue {
		background-color:#F1F3F7;
	}	

.Newsletter {
	}

.Newsletter ul {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

.Newsletter ul li {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style-position:outside;
	}

.noticeContainer {
		width:174px;
		float:right;
		text-align:center;
		margin:0px 0px 0px 4px; 
		padding:8px 0px 0px 0px;
		background:url(../images/NoticeTopShort.gif) no-repeat; 
	}
	

.noticeBackdrop {
		border-right:1px solid #C5D3DC;
		border-left:1px solid #C5D3DC; 
		background:#E6EBEF;
		margin:0px; 
		padding:0px 0px 2px 0px;
	}	

.noticeHeader {
		background:url(../images/noticeHeader.jpg) repeat-x;
		border-bottom:1px solid #A5BCC3; 
		margin:0px;
		padding:0px 0px 0px 0px;
	}
	
.noticeList {
		list-style-type:none;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

#mainContent ul.noticeList {
		display:inline;
		margin:0px 0px 0px 2px;
		padding:0px 0px 0px 0px;
	}
	
#mainContent ul.noticeList li {
		list-style-type:none;
		border-bottom:1px solid #9CB5BD;
		margin:0px 0px 0px 0px;
		padding:4px 0px 4px 0px;
	}
	
	
.noticeBottom {
		background:url(../images/noticeBotShort.gif) top no-repeat;
		height:10px;
		padding:0px; 
		margin:0px 0px 8px 0px;
	}


.accreditationLogo {
		float:right;
		width:105px;
		padding:2px;
		border:0px solid #000;
		text-align:center;
	}		


.right {
		float:right;
		width:auto;
		margin:0.5em;
		border:1px solid #CCC;
	}

.right2 {
		float:right;
		width:auto;
		margin:2px;
	}


.left {
		float:left;
		width:auto;
		margin:0.5em;
		border:0.1 solid #CCC;
	}

.clearRight {
		clear:right;
	}

.clearLeft {
		clear:left;
	}

/*Accessibility*/	

.accessibility  {
		overflow: hidden;
		position: absolute;
		top: -50000px;
	}
	
.accessibility2, .accessibility2 a:link, .accessibility2 a:visited {
		font-size:10pt;
		color:#FFF;
		text-decoration:none;
	}	

.accessibility2 a:hover, .accessibility2 a:focus, .accessibility2 a:active {
		font-size:10pt;
		color:#000;
		background-color:#FFF;
		text-decoration:none;
	}	

#topNav #textSize {
		margin-left:0.9em;
	}

#topNav #textSize li{
		margin:0;
		padding:0;
	}

#xlarge {
		font-size:1.3em;
	}

#large {
		font-size:1.15em;
	}

#default {
		font-size:0.8em;
	}