html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{

  min-width:980px;
  text-align:center;
    	background-image: url(graphics/wrapper2009.jpg);
background-position: center;
background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;
}

a:link, a:visited {
	color: #591333;
	font-weight: normal;
}

a:hover, a:active {
	color: #008A47;
	font-weight: normal;
}

ul{
	padding: 0;
	margin:0:
}

li{
	list-style: square;
	line-height: 16px;
}

p {
	padding: 0 0 15px 0;
	margin: 0;
	text-align: justify;
}

td {
	padding: 0 0 15px 0;
	margin: 0;
	text-align: left;
}

/* table styling */

.branches th{
	background-color: #ACD6AC;
}

.branches tr{
background-color:#d2ebcf;	
}


.committees th {
	background-color: #368354;
	height: 25px;
	line-height: 25px;
	text-align:center;
}

.committees tr{
background-color:#d2ebcf;	
vertical-align: middle;
}


.classifieds {
	padding: 0 0 15px 0;
	margin: 0;
	text-align: justify;
}

/*headings */

h1{
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 15px 0;
	margin:0;
}

.h1{
	background-image: url(graphics/bg_h1.gif);
	background-repeat: no-repeat;
padding-left:18px;
margin-top: 12px;
	width: 400px;
}

h2{
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	padding: 0 0 14px 0;
	margin:0;
}

h3{
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	padding: 0 0 14px 0;
	margin:0;
}

.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:980px;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */

}
#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  margin-left:200px;
  width:780px;
  

/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}

#left{
  width:190px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-192px;


}
*>html #left{width:189px;}
#container-left{
  width:180px;
 
}

#container-center{
	padding:20px 30px 20px 35px;
	width: 700px;

}

/* SIDE NAVIGATION - VERTICAL */
/* SIDE NAVIGATION - VERTICAL */

.navleft {
	color: #FFF;
	font-size:11px;
	margin: 8px 0 0 0; 
	padding:0; 
	width: 175px;
	background-color: #591333;

}

.navleft ul {
	display: block; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	width: 175px;
}

.navleft li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: block; 
	font-size: 11px;
	height: 25px;
	line-height:25px;
	padding-left:10px;
	width: 175px;
	}

	.navleft a:link, .navleft a:visited {
	color: #FFF;
	font-size: 11px;
		text-decoration: none;

}

.navleft a:hover, .navleft a:active {
color:#EEF3F6;
font-size: 11px;
		text-decoration: none;
}
	
.navleft li.category {
margin-left:0;
    padding-left:0;
    border-left: 12px solid #591333;
    height:auto;
    color:#5c5c5c;
    background-color: #008a47;
	 list-style: none;
	 width:163px;
	 	height: 26px;
	line-height:26px;
}

.navleft li.category ul li a {
 
	 background-image: none;
	 list-style-type:none;	
	 list-style: none;
	 	 height:25px;
	 	 line-height: 25px;

}

.navleft li.category  a:link, .navleft li.category  a:visited {
     color:#FFF;
    background-color:#008a47;
	 height:25px;
	 line-height:25px;
	 padding: 6px 0 7px 0;
	 margin:0 0 0 10px;
	 width:172px;
	 list-style-type:none;	
	 list-style: none;

}

.navleft li.category a:hover, .navleft li.category a:active {
    color:#591333;
    background-color:#d6d6d6;
    	 padding: 6px 0 7px 0;
	 margin:0 0 0 10px;
	 list-style-type:none;	
	 list-style: none;
	 	 height:25px;
	 	 line-height:25px;
	 width:172px;
}

/* category links ended */

/* sub-category links: */

.navleft li.subcategory {
    padding-left:28px;
	 /* from 14 to 28 above is perfect */
    height:auto;
    color:#5c5c5c;
	 list-style: none;
	 width:159px;
}

.navleft li.subcategory a,
.navleft li.subcategory ul li a {
    font-weight:normal;
    text-decoration:none;
    display:block;
    height:100%;
    width:168px;
	 /* iets werk; */
    padding-left:10px; 
    list-style-type:none;	
	 list-style: none; 
}
/* above essential correct display for main, category and sub-category links 
padding-left spacing for  the words in the nav bar */

.navleft li.subcategory  a:link, .navleft li.subcategory  a:visited {
    color:#01003c;
    background-color:#d6d6d6;
	 list-style-type:none;	
	 list-style: none;
}

.navleft li.subcategory a:hover, .navleft li.subcategory a:active {
    color:#FFF;
    background-color:#eef3f6;
	 list-style-type:none;	
	 list-style: none;
}
/* subcategory links ended */


/* category links ended */




/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */

#center{
  width:780px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */

}

#clearheadercenter{
  height:209px;
  overflow:hidden;
}
#clearheaderleft{
  height:209px;
  overflow:hidden;
}

#clearfootercenter{
  height:75px;
  overflow:hidden;
}
#clearfooterleft{
  height:75px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:980px;
  height:75px;
  overflow:hidden;
  margin-top:-75px;
}

#subfooter1{
  text-align:left;
  height:30px;
  line-height:30px;
  background-color: #368354;
}
/* copyright in subfooter1*/

.copyright {
	color: #000000;
	font-size:11px;
	margin: 0; 
	padding:0; 
	height: 30px;
	line-height: 30px;
}


.copyright a:link, .copyright a:visited {
	color: #ACD6AC;
	font-size: 11px;
	text-decoration: none;
font-weight: normal;
}

.copyright a:hover, .copyright a:active {
color: #FFF;
font-size: 11px;
text-decoration: none;
font-weight: normal;
}


#subfooter2{
  text-align:center;
  height:35px;
}
/* navbottom in subfooter2*/

.navbottom {
	color: #000000;
	font-size:11px;
	margin: 0; 
	padding:0; 
	height: 35px;
	line-height: 35px;
}

.navbottom a:link, .navbottom a:visited {
	color: #368354;
	font-size: 11px;
	text-decoration: none;

}

.navbottom a:hover, .navbottom a:active {
color:#000;
font-size: 11px;
text-decoration: none;
}

#subfooter3{
  background-color:#368354;
  text-align:center;
  height:10px;
}
/* no nav in subfooter3 */

#header{
  z-index:1;
  position:absolute;
  top:0;
  width:980px;
  height:209px;
  overflow:hidden;
  background-color:#368354;
}
#subheader1{

  text-align:center;
  height:174px;
  background-image: url(graphics/header2009.jpg);
  background-repeat: no-repeat;
}
#subheader2{
  text-align:center;
  height:35px;
 background-color: #2fa06c;
}

.navtop{
height: 33px;
	line-height: 33px;
	text-align: center;
	color: #368354;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	font-size: 12px;
	width: 980px;
	border-top: 1px solid #008A47;
	border-bottom: 1px solid #008A47;
	
}
.navtop ul{
	margin: 0;
	padding: 0;
}

.navtop li{
	margin: 0 3px;
	padding: 0;
	list-style: none;
		height: 35px;
	line-height:35px;
	display: inline;
}

.navtop a:link, .navtop a:visited {
	color: #FFF;
	font-size: 12px;
	letter-spacing: 2px;
	text-decoration: none;

}

.navtop a:hover, .navtop a:active {
color:#000;
font-size: 12px;
	letter-spacing: 2px;
	text-decoration: none;
}

#gfx_bg_middle{
  top:0;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:780px;
  margin-left:190px;

}
* html #gfx_bg_middle{
  display:none;
}

.memberarea{
	border: 0;
	background-color: #014e16;
	width:190px;
	margin-top:20px;
	text-align: center;
}

.memberarea p{
	text-align: center;	
	padding: 5px 10px 5px 10px;
}

.memberarea h2 {
	margin:0;
	padding:0;
	background-color: #009d9d;
	height: 25px;
	line-height:25px;
	color:white;
		font-size: 13px;
}


.box_home_left {
	float: right;	
	width: 190px;
	border:0;
	margin-right: 15px;
}


.box_student_left {
	float: left;	
	width: 110px;
	border:0;
	background-color:#FFF;
	margin-top:20px;
}

.box_student_left p{
text-align: center;
	/*padding: 0 5px 0 5px;*/
	}

	.box_student_left h5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(graphics/box.png);
	background-repeat: no-repeat;
	font-size: 11px;
} 

/* SIDE NAVIGATION - VERTICAL */

.main_navright {
	color: #000000;
	font-size:11px;
	margin: 0 0 0 20px; 
	padding:0; 
	width: 168px;	
}
.navright {
	color: #000;
}
.sub_navright {
	border-collapse: collapse; 
	color: #000000;
	font-size:11px;
	margin: 0 0 0 20px; 
	padding:0; 
	width: 168px;	
}

.navright h5 {
	background-image: url(graphics/nav_new.jpg);
	height: 21px;
	width: 162px;
	font-weight: normal;
	font-size: 11px;
	padding: 5px 0 0 6px;
	text-align: left;
	color: #FFF;
	margin-bottom:2px; 
	margin-top: 25px;

}

.main_navright ul {
	display: block; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	width: 168px;
}

.main_navright li {
	background: transparent;
background-image: url(graphics/nav_new.jpg);
	display: block; 
	font-size: 12px;
	line-height: normal;
	margin: 0 0 2px 0; 
	padding: 3px 0 0 3px;
	text-align: left;
	height:23px;

}
.sub_navright ul {
	display: block; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	width: 168px;
}

.sub_navright li {
	background: transparent;
	display: block; 
	font-size: 11px;
	line-height: normal;
	margin: 0; 
	padding: 2px 0;
}
.main_navright li a:link, .main_navright li a:visited{
	background: transparent;
	color: #FFF;
	display: block; 
	margin: 0;
	padding: 2px 0; 
	text-decoration: none; 
	width: 168px;
}

.main_navright li a:hover, .main_navright li a:active {
	background: transparent;
	color: #a7c8b7; 
}
.sub_navright li a:link, .sub_navright li a:visited {
	background: transparent;
	border-bottom: 1px solid #fac900;
	text-align: left;
	color: #000;
	display: block; 
	margin: 0;
	padding: 2px 0; 
	text-decoration: none; 
	width: 168px;
}

.sub_navright li a:hover, .sub_navright li a:active {
	background: transparent;
	border-bottom: 1px solid #fac900;
	text-align: left;
	color: #a7c8b7; 
}


/* page id */
/* add to body of each relevant page: <body id="home">  etc */
/* add to link in nav file: class="home" etc */
#home .home, #about .about, #contact .contact, #calendar .calendar, #classifieds .classifieds, #training .training, #join .join, #members .members
{
border: 1px solid white;
padding: 2px;
}
#offered .offered, #wanted .wanted, #products .products, #practices .practices, #mariedutoit .mariedutoit, #postgraduatedegrees .postgraduatedegrees, #trainingcentres .trainingcentres, #vonadutoit .vonadutoit, #albiesachs .albiesachs, #cpd .cpd, #mentorship .mentorship, #affiliates .affiliates, #branches .branches, #committees .committees, #council .council, #history .history, #private .private, #board .board, #structure .structure, #standingcommittees .standingcommittees, #tariffs .tariffs, #tariffdocuments .tariffdocuments, #tariffreports .tariffreports, #instopp .instopp, #hpcsa .hpcsa, #mps .mps, #otarg .otarg, #otla .otla, #pots .pots, #saisi .saisi, #sbot .sbot, #vonadutoit .vonadutoit, #wfot .wfot, #sasht .sasht, #cpdaplication .cpdaplication, #cpdworkshop .cpdworkshop, #cpddocuments .cpddocuments, #cpdquestionnaires .cpdquestionnaires, #cpdaccreditation .cpdaccreditation
{
border: 1px dotted #FAC900;
padding: 2px;
}