
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;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	background-image: url(graphics/wrapper2009.jpg);
background-position: center;
background-repeat: repeat-y;
}

/* table styling */

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

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

.button{
	background-color: #99cc99;
}

.committees th {
	background-color: #E1F2E7;
	height: 25px;
	line-height: 25px;
}

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

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

ul{
	padding: 0;
	margin:0:
}

 img{
 	border: none;
 }

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

/*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;
}
.textbox{
	width:170px;
	background-color: #99cc99;
	font-size: 11px;
	padding: 10px;
}

.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  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:190px;
  width:600px;
  background:#FFFFFF;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#float-wrap{
  width:600px;
  margin-right:-1px;
  float:left;
  display:inline;
}
#left{
  width:191px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-190px;

}
*>html #left{width:190px;}
#container-left{
  width:190px;
  margin-top:16px;

}
#container-center{
	padding:20px 20px 20px 40px;
	width: 540px;

}
#right{
  float:left;
  display:inline;
  width:192px;
  margin-right:-190px;
  margin-left:-1px;
  position:relative;
}
/* \*/
* html #right{
  width:191px;
  margin-left:0px;
  margin-right:-500px;
  mar\gin-right:-191px;
}
/* Above style hidden from Mac IE */
#container-right{
/* \*/
  width:190px;
/* Above hidden from IE-Mac */

    margin:4px 0 20px 2px;
}
/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:1px;
  mar\gin-left:0px;
}
/* Above style hidden from Mac IE */
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
  width:600px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */

}

.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: #FFFFFF;
	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;
}
/* navtop ended */

/* 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:#e4f2e4;
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 {
    margin-left:-10px;
    padding-left:20px;
	 /* above adjustment required for correct indent*/  
	 background-image: none;
	 list-style-type:none;	
	 list-style: none;
	 	 height:25px;
	 	 line-height: 25px;
	 width:172px;
}

.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 20px;
	 width:150px;
	 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 20px;
	 list-style-type:none;	
	 list-style: none;
	 	 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 */



#clearheadercenter{
  height:209px;
  overflow:hidden;
}
#clearheaderleft{
  height:209px;
  overflow:hidden;
}
#clearheaderright{
  height:209px;
  overflow:hidden;
}
#clearfootercenter{
  height:75px;
  overflow:hidden;
}
#clearfooterleft{
  height:75px;
  overflow:hidden;
}
#clearfooterright{
  height:75px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:980px;
  height:75px;
  overflow:hidden;
  margin-top:-75px;
}
#subfooter1{
  background-color:#368354;
  text-align:left;
  height:30px;
  line-height: 30px;
}

/* 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{
  background-color:#FFF;
  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: #000;
	font-size: 11px;
	text-decoration: none;

}

.navbottom a:hover, .navbottom a:active {
color:#ACD6AC;
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:0px;
  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{
background-color: #2fa06c;
text-align:center;
height:35px;
}

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

.memberarea{
	border: 0;
	background-color: #e4f2e4;
	width:190px;
	margin:0 0 0 1px;
	text-align: center;
	border-bottom: 6px solid #acd6ac;
}

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

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

* html #gfx_bg_middle{
  display:none;
}


.box_home_right h5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 4px;
	margin: 0;
	font-size: 11px;
	width: 156px;
	background-color: #008A47;
} 
.box_home_right {
	float: left;	
	width: 160px;
	border:0;
	margin: 4px 0 7px 0;
	background-color: #ACD6AC;
	border-left: 1px solid #99CC99;
	border-bottom: 1px solid #99CC99;

}
.box_home_right p {
	padding: 0 7px 0 5px;
	color: #000;
	font-size: 11px;
	text-align: right;
}
.box_home_right a:link {
	padding: 0 7px 0 5px;
	color: #014e16;
	font-weight: lighter;
}
.box_home_right li {
	font-size: 11px;
	text-align: right;
}

/* home left */

.box_home_left {
	float: right;	
	width: 179px;
	border:0;
	margin-right: 1px;
	border: 0;
	background-color: #ACD6AC;
	margin:0 0 0 1px;
	text-align: left;
	border-bottom: 12px solid #368354;
}

.box_home_left p{
	text-align: left;	
	padding: 5px 6px 5px 6px;
}

.box_home_left ul{
	padding: 0 0 0 5px;
	margin:0 0 0 16px;
}

.box_home_left h2 {
	margin:0;
	padding:0 0 0 7px;
	background-color: #368354;
	height: 25px;
	line-height:25px;
	color:white;
	font-size: 13px;
}

.box_home_left a:link, .box_home_left a:visited {
color: #FFF;
font-weight: bold;
text-decoration: none;
}

.box_home_left a:hover, .box_home_left a:active {
color:#000;
font-weight: bold;
text-decoration: underline;
}



.results{
	border:1px solid #368354;
	padding:15px;
}

/* student area */

.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_right p{
	padding: 0 5px 0 5px;
	}*/
	
.box_student_right {
	float: right;	
	width:400px;
	border:0;
	margin-left: 15px;
}

.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: #99cc99; 
}
.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: #99cc99; 
}


/* 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
{
border: 1px dotted #FAC900;
padding: 2px;
}

