html,body{
  margin:0;
  padding:0;
  border:0;
  background-color: #FFF;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
width: 100%;
background-image: url(graphics/body_html.gif);
background-repeat: repeat-x;
background-position: 0 10px;

}
body{
  background-color:#FFF;
  color: #01003c;
  min-width:1009px;
  text-align:center;
  font-family:  Arial, Geneva, Georgia, Tahoma, Verdana,  Arial, Helvetica, sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
}
img{
	border:0;
}

a:link, a:visited {
	color: #008c8c;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color: #01003c;
	font-weight: bold;
	text-decoration: none;
}

.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:1009px;
/* \*/
  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 */
  background:#FFF;
background-image: url(graphics/wrapper.gif);
}
#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:220px;
  width:550px;
  background:#FFF;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#float-wrap{
  width:550px;
  margin-right:-1px;
  float:left;
  display:inline;
}

#left{
  width:221px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-220px;
  text-align: left;
  padding: 0;
}

*>html #left{
width:220px;
}


#right{
  float:left;
  display:inline;
  width:222px;
  margin-right:-220px;
  margin-left:-1px;
  position:relative;
  text-align:right;
}
/* \*/
* html #right{
  width:231px;
  margin-left:0;
  margin-right:-490px;
  mar\gin-right:-21px;
}
/* Above style hidden from Mac IE */


#container-center{
  padding:0 25px 15px 25px;
  width:495px;
}

#container-center a:link, #container-center a:visited {
	color: #035b81;
	font-weight: bold;
	text-decoration: none;
}

#container-center a:hover, #container-center a:active {
	color: #01003c;
	font-weight: bold;
	text-decoration: none;
}

#container-right{
  width:210px;
  margin-left:2px;
padding:0 20px 0 0;
}

#container-left{
 width:200px;
 text-align: left;
 margin: 0;
 padding:0 0 0 15px;

}


/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:1px;
  mar\gin-left:0;
}
/* Above style hidden from Mac IE */
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
  width:550px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
#clearheadercenter{
  height:241px;
  overflow:hidden;
}
#clearheaderleft{
  height:241px;
  overflow:hidden;
}
#clearheaderright{
  height:241px;
  overflow:hidden;
}
#clearfootercenter{
  height:100px;
  overflow:hidden;
}
#clearfooterleft{
  height:100px;
  overflow:hidden;
}
#clearfooterright{
  height:100px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:1009px;
  height:92px;
  overflow:hidden;
  margin-top:-92px;
  background-image: url(graphics/footer.gif);
    background-position: center;
  background-repeat: no-repeat;
}
#subfooter1{
  text-align:center;
  height:25px;
  line-height:25px;
    font-size: 11px;
}
#subfooter1 a:link, #subfooter1 a:visited {
	color: #008c8c;
	font-weight: normal;
	text-decoration: none;
}

#subfooter1 a:hover, #subfooter1 a:active {
	color: #01003c;
	font-weight: normal;
	text-decoration: none;
}


#subfooter2{
  text-align:center;
  height:50px;
  line-height: 50px;
  font-size: 12px;
}
#subfooter2 a:link, #subfooter2 a:visited {
	color: #008c8c;
	font-weight: normal;
	text-decoration: none;
}

#subfooter2 a:hover, #subfooter2 a:active {
	color: #01003c;
	font-weight: normal;
	text-decoration: none;
}

#subfooter3{
  text-align:center;
  height:17px;
}
#header{
  z-index:1;
  position:absolute;
  top:0;
  width:1009px;
  height:241px;
  overflow:hidden;
}
#subheader1{
  background:#035b81;
  text-align:center;
  height:1px;
  background-position: center;
  background-repeat: no-repeat;
}
#subheader2{
  background:#035b81;
  text-align:center;
  height:30px;
  line-height: 30px;
  background-image: url(graphics/subheader2.gif);
 padding-left: 170px;
   background-position: center;
  background-repeat: no-repeat;
}


#subheader2 a:link, #subheader2 a:visited {
	color: #c7dbf6;
	font-weight: normal;
	text-decoration: none;
}

#subheader2 a:hover, #subheader2 a:active {
	color: #01003c;
	font-weight: normal;
	text-decoration: none;
}




#subheader3{
  background-color:#FFF;
  text-align:center;
  height:210px;
  background-image: url(graphics/subheader3.jpg);
  background-repeat: no-repeat;
  background-position: center;
}

#gfx_bg_middle{
  top:0;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:540px;
  margin-left:220px;
}

* html #gfx_bg_middle{
  display:none;
}

td{
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p{
	text-align: justify;
	margin: 0 0 14px 0;
	padding: 0;
	line-height: 19px;
	  font-size: 13px;
}

h1 {
	font-size: 14px;
	padding: 0;
	margin: 0 0 12px 0;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 13px;
	padding: 10px 0 0 0;
	margin: 0 0 12px 0;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#009d9d;
}



h3{
	font-size: 12px;
	padding: 10px 0 5px 0;
	margin:0;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul, li {
	margin:0 0 0 8px;
	padding: 0;
	list-style: square;
}
/* navtop */

ul{
	margin-bottom:15px;
}

img{
	border: 0;
}

.announceleft{
	border: 0;
	background-color: #EEF3F6;
	width:200px;
	margin:20px 0 20px 0;
	padding:0 0 10px 0;
	text-align: center;
}

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

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

.memberarea{
	border: 0;
	background-color: #EEF3F6;
	width:200px;
	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;
}

.button{
    border: 2px outset;
    background-color: #009d9d;
    color:#d6d6d6;
    
}

.eventbox{
	border: 0;
	background-color: #EEF3F6;
	width:200px;
	margin-top:20px;
	text-align: right;
}

.eventbox p{
	text-align: right;	
	padding: 7px 5px 4px 6px;
}

.eventbox h2 {
	margin:0;
	padding:0 8px 0 0;
	background-color: #c9002b;
	height: 25px;
	line-height:25px;
	color:white;
		font-size: 13px;
}

.eventbox h3 {
	margin:0;
	padding:0 8px 0 0;
	height: 20px;
	line-height:25px;
	color:#009d9d;
		font-size: 13px;
}

.nb{
	font-weight:bold;
	color: #c9002b;
}

.navtop{
height: 30px;
	line-height: 30px;
	text-align: right;
	color: #c7dbf6;
	padding: 0 55px 0 0;
		font-family:  "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		letter-spacing: normal;
		font-size: 13px;
}


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

}

.navtop a:hover, .navtop a:active {
color:#009D9D;
}


/* navtop ended */

.navleft{
	height:100%;
	letter-spacing: normal;
	  padding:0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: left;
}

.navleft ul {
    list-style-type:none;
    margin:0;
    padding:0;
    text-indent:0;
}
.navleft li {
    height:22px;
    line-height:22px;
	 list-style: none;
	 /* this finally removed the bullets */
    width:190px;
	   margin:0;
    padding:0;
	  /* the above finally removed the spacing around the nav!! prysie prysie */
}

/*IE needs extra margin and padding set for the indented li */
* html .navleft li ul li {
    margin-left:-10px;
    padding-left:10px;
}
/* end IE hack */

.navleft li a,
.navleft li ul li a {
    font-weight:normal;
    text-decoration:none;
    display:block;
    height:100%;
    width:100%;
	 /* NB 16px padding left of text on buttons*/
    padding-left:16px; 
    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 a:link, .navleft li a:visited {
    color:#FFF;
    background-color:#c7dbf6;
	 background-image: url(graphics/button_2.png);
	 background-repeat: no-repeat;
	 list-style-type:none;	
	 list-style: none;
}

.navleft li a:hover, .navleft li a:active {
    color:#c7dbf6;
    background-color:#eef3f6;
	 background-image: url(graphics/button_.png);
	 list-style-type:none;	
	 list-style: none;
} 

/* category links */

.navleft li.category {
    padding-left:15px;
	 /* above is perfect! */
    height:auto;
    color:#5c5c5c;
	 list-style: none;
	 width:175px;
	 /* above is perfect */ 
}

.navleft li.category ul li a {
    margin-left:-10px;
    padding-left:30px;
	 /* above adjustment required for correct indent*/  
	 background-image: none;
	 list-style-type:none;	
	 list-style: none;
}

.navleft li.category  a:link, .navleft li.category  a:visited {
    color:#FFF;
    background-color:#d6d6d6;
	 background-image: url(graphics/button_category_.gif);
	 list-style-type:none;	
	 list-style: none;
}

.navleft li.category a:hover, .navleft li.category a:active {
    color:#c7dbf6;
    background-color:#c7dbf6;
	 background-image: url(graphics/button_category.gif);
	 list-style-type:none;	
	 list-style: none;
}

/* 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:162px;
}

.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;
	 background-image: url(graphics/button_sub_category_.gif);
	 list-style-type:none;	
	 list-style: none;
}

.navleft li.subcategory a:hover, .navleft li.subcategory a:active {
    color:#FFF;
    background-color:#eef3f6;
	 background-image: url(graphics/button_sub_category_.gif);
	 list-style-type:none;	
	 list-style: none;
}
/* subcategory links ended */










/* subsub starts*/
.navleft li.subsubcategory  a:link, .navleft li.subsubcategory  a:visited {
    color:#035b81;
    background-color:#d6d6d6;
	 background-image: url(graphics/button_sub_category_.gif);
	 list-style-type:none;	
	 list-style: none;
}

.navleft li.subsubcategory a:hover, .navleft li.subsubcategory a:active {
    color:#009d9d;
    background-color:#d6d6d6;
	 background-image: url(graphics/button_sub_category_.gif);
	 list-style-type:none;	
	 list-style: none;
}

.navleft li.subsubcategory a,
.navleft li.subsubcategory ul li a {
    font-weight:normal;
    text-decoration:none;
    display:block;
    height:100%;
    width:147px;
/*     padding-left:20px; */
    list-style-type:none;	
	 list-style: none; 
}

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

/*  subsub ended */

#bottommargin{
	height:10px;
	width: 100%;
}

#topmargin{
  height:10px;
}

.bottomtopmargin{
  background: black;
  width:100%;

}

/* 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,  #events .events, #handtherapists .handtherapists, #advantages .advantages, #classifieds .classifieds, #advantages .advantages, #education .education
{
list-style: none;
display: block;
height:22px;
background-image: url(graphics/button_current.png);
background-repeat: no-repeat;
padding: 0 0 0 16px;
width:190px;
}

#links .links, #contact .contacttop, #home .hometop, #handtherapists .handtherapiststop, #events .eventstop, #about .abouttop, #education #educationtop, #classifieds .classifiedstop,
#advantages .advantagestop,
{
	border: 1px dotted #c7dbf6;
	padding:2px;
}



#vacancies .vacancies, #employment .employment, #products .products, #diploma .diploma, #postgraduate .postgraduate, #education .british, #cht .cht, #intcht .intcht, #grants .grants, #short .short, #speaker .speaker, #surgery .surgery, #sashtcourses .sashtcourses, #switzerland .switzerland, #sanra sanra, #scarmassage .scarmassage, #grants .grants, #masters .masters, #masterskzn .masterskzn, #cape .cape, #freestate .freestate, #jhb .jhb, #pta .pta, #international .international, #kzn .kzn, #mpumalanga .mpumalanga, #northwest .northwest
{
color:#000;
background-image: url(graphics/button_category_.gif);
}


/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
	text-align:justify;
/*	background-image: url(graphics/bgouter.gif);*/
/*	background-repeat: no-repeat;*/
/*	background-position: top right;*/
	padding: 12px;
	margin: 0;
	font-weight: normal;

}
.highslide-html {
	background-color: white;
	font-weight: normal;
}
.highslide-html-content {
	display: none;
	/* NB wet width here! */
	width: 700px;
	padding: 0 5px 5px 5px;
		font-weight: normal;
/*	background-image: url(skin/outer.png);*/
/*	background-repeat: no-repeat;*/
/*	background-position: top right;*/
}

.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}

/* edited defaults: */
.highslide-header a {
	font-weight: bold;
	color: #004c9d;
	text-transform: none;
	text-decoration: none;
	font-size: 11px;
}
.highslide-header a:hover {
	color: #01003c;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
/* .highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
} */
/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #009d9d;
}
.outer-glow .highslide-image {
	border: 8px solid #009d9d;
}
.outer-glow .highslide-caption {
	border: 5px solid #009d9d;
	border-top: none;
	padding: 5px;
	background-color: gray;
}