html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
  min-width:780px; /*** This is needed for moz. Otherwise, the header and footer will slide off the left side of the page if the screen width is narrower than the design. Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
  text-align:center; /*** IE/Win (not IE/MAC) alignment of page ***/
	font-family: arial, helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other font-sizes in % (preferred) or ems ***/
	color:#FFF;
	background-image: url(graphics/back_black_gradiend.gif);
	background-color: #6E6E6E; 
	background-repeat: repeat-x;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-face-color:#000000;
	scrollbar-track-color:#FFFFFF;
	scrollbar-shadow-color:#717171;
	scrollbar-darkshadow-color:#000000;
	scrollbar-highlight-color:#717171;
	scrollbar-3dlight-color:#FFFFFF;
}

p {
	font-size: 80%;
	text-align: justify;
	padding: 5px;
	line-height: 1.5em;
}

li {
	font-size: 80%;
	
}

a {
	color: #000000;
}

ul{
padding:0 0 0 16px;
	margin:0;	
}

td li, td ul {
	margin:0 0 0 8px;
	padding: 0;
	list-style: outside;
}

td li {
	color: #FFF;
	font-size: 100%;
}

td p {
color: #FFF;
font-family: Arial;
font-size: 100%;
text-align:justify;
padding-top: 0;
padding-bottom: 3px;
}
td {
font-family: Arial;
font-size: 70%;
color: #000000;
}

td li {color:#FFF;}


h1{
	font-size: 80%;
	height: 23px;
	width: 416px;
	padding-top: 6px;
	padding-left: 6px;
}

.h1bg {
	text-align: center;
	background-color: #2e2e2e;
}

.h1bgblack {
	width:415px;
	background-color: #2e2e2e;
	height: 23px;
	padding-top: 7px;
}

.hbgblack {
	width:415px;
	background-color: #2e2e2e;
	height: 23px;
	padding-top: 7px;
}

.h1bgwide {
	width:610px;
	background-color: #2e2e2e;
	height: 23px;
	text-align: center;
}

.hblackwide {
	width:610px;
	background-color: #2e2e2e;
	height: 23px;
}


.h1bgblackright{
	background-color: #2e2e2e;
	width: 175px;
	font-size: 100%;
	padding-top: 7px;
	height: 23px;
}

.h1bgblackleft{
	background-color: #2e2e2e;
	width: 154px;
	font-size: 100%;
	padding-top: 7px;
	height: 23px;
}

.hbgleft {
	background-color: #2e2e2e;
	width: 154px;
	font-size: 100%;
	padding-top: 7px;
	height: 23px;
}

.hbgright {
	background-color: #2e2e2e;
	width: 175px;
	font-size: 100%;
	padding-top: 7px;
	height: 23px;
}

.footerbg1{
	background-image: url(graphics/footerbg1.gif);
}

.footerbg4{
	background-image: url(graphics/footerbg4.gif);
}

h2{
	font-size: 80%;
	padding: 5px 0 2px 5px;
}

h3{
	font-size: 80%;
	padding: 5px 0 2px 0;
	height:25px;
	margin: 0 0 9px 0;
	background-image: url(graphics/streep_h.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

h4{
	font-size: 80%;
	padding: 5px 0 2px 5px;
}


.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}

.top {
	padding:0;
	margin:0;
}

.navtop {
	padding-top:6px;
	font-family: "Arial Narrow";

}

.navtop a {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
font-size: 80%;
}

.navtop a:hover {
	color: #CCC;
	text-decoration: underline;
	font-weight: normal;
font-size: 80%;
}

.nav_wildlife {
	line-height: 1.5em;
	list-style: square;
	margin-left: 5px;
}

.nav_wildlife li {
	list-style: square;
}

.nav_wildlife a {
	color: #FFFFFF;
}

.nav_wildlife a:hover {
	color: #b6480b;
}

.navleft {
	background-color: #717171;
	width: 160px;
}


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



.navleft li{
	font-size: 100%;
	
}

.navleft a:link, .navleft a:visited {
display: block; /* NB required here - for item width!! */
	color:white;
	border-bottom: 2px solid gray;
	text-decoration: none;
	width: 140px;
	padding: 7px 4px 7px 5px;  /* space around the items and height*/
	
}

.navleft a:hover, .navleft a:active {
	color:#B6480B;
}


.navright {
	background-color: #717171;
	width: 180px;
}


.navright  ul{
	display: block;
	list-style: none;
	padding:0;
	margin:5px 0 0 15px;
	width: 145px;
}



.navright li{
	font-size: 100%;
	
}

.navright a:link, .navright a:visited {
display: block; /* NB required here - for item width!! */
	color:white;
	border-bottom: 2px solid gray;
	margin-bottom: 0;
	text-decoration: none;
	width: 145px;
	padding: 7px 4px 7px 5px;  /* space around the items and height*/
	
}

.navright a:hover, .navright a:active {
	color:#B6480B;
}

.right a:link, .right a:visited {
	color:#FFFFFF;
}

.right a:hover, .right a:active {
	color:#B6480B;
}

.subfooter2, .subfooter3{
	padding-top: 4px;
	font-weight: normal;
		font-size: 70%;
}

.subfooter2 a, .subfooter3 a {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 100%;
}

.subfooter1 {
	font-size: 75%;
	color: black;
}


* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:780px;
/* \*/
  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: transparent; /*** Set background color for side columns for Safari & IE ***/
}
#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:160px;
  width:436px;
  background: transparent;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}


#float-wrap{
  width:436px;
  margin-right:-1px;
  float:left;
  display:inline;
}



#left{
  width:161px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-160px;
}
*>html #left{width:160px;}

#container-left{
/* \*/
  width:160px;
 	font-size: 80%;
	padding:15px 0 5px 0;
}



.img {
margin: 0 0 18px 0;
}

#container-center .img {
	margin: 0 0 18px 5px;
}

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

.b {
color: #000000;
font-weight: bold;
}

.pborder{
border:1px solid #2e2e2e;
}

.accommo {
	width:351px;
	line-height: 1.5em;
	border: 1px solid white;
	font-size: 80%;
	padding:5px 5px 5px 10px;
	margin: 5px 0 7px 28px;
}

.reservations {
	width: 152px;

	margin-bottom: 21px;
	padding:11px 11px 0 11px;
	background-color: #717171;
	color: black;
	border: double 3px #b6480b;
}

.smps{
	width:388px;
	margin-left:20px;

}

.reservations a{
	color: #b6480b;
	font-weight: bold;
}


.tframe  {
	background-color: #d8d8d8;
	border: 3px double #b84f16;
	padding:5px;
	margin:5px;
}

tr {
	vertical-align: top;
}

/** for wildlife **/

.table {
	
}

.tariff {
position: relative;
width: 410px;
height: 60px;
margin-left:5px;
}

.tariff a {
font-size: 80%;	
}

.tarifftext {
position: absolute;
top: 0px;
left: 1px;
width: 240px; 
padding: 0;
font-size: 80%;	
border-right: 1px solid #b6480b;
}

.tariffprice{
margin: 0 0 0 245px;
width:175px;
font-size: 80%;
}


#right{
  float:left;
  display:inline;
  width:185px;
  margin-right:-186px;
  margin-left:-2px;
  position:relative;
}

#container-right img {
	padding-bottom: 15px;
}

/* \*/
* html #right{
  width:185px;
  margin-left:0px;
  margin-right:-500px;
  mar\gin-right:-185px;
}
/* Above style hidden from Mac IE */


#container-right{
/* \*/
  width:180px;
/* Above hidden from IE-Mac */
  margin-left:2px;
  	font-size: 80%;
	padding:15px 0 5px 0;
}

#container-center{
  margin-left:2px;
	padding:15px 5px 25px 5px;
}

#container-center a{
	color: white;
}

/* \*/
* 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:436px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
#clearheadercenter{
  height:33px;
  overflow:hidden;
}
#clearheaderleft{
  height:33px;
  overflow:hidden;
}
#clearheaderright{
  height:33px;
  overflow:hidden;
}
#clearfootercenter{
  height:110px;
  overflow:hidden;
}
#clearfooterleft{
  height:110px;
  overflow:hidden;
}
#clearfooterright{
  height:110px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:780px;
  height:105px;
  overflow:hidden;
  margin-top:-105px;
}

#subfooter1{
  background: transparent;
  text-align:center;
  height:30px;
  padding-top:3px;
}

#subfooter2{
  background: transparent;
  text-align:center;
  height:20px;
     border-bottom: 1px solid #000000;
}
#subfooter3{
  background: transparent;
  text-align:center;
  height:30px;
   border-bottom: 1px solid #000000;
	padding-top: 6px;
}
#subfooter4{
 height:25px;
 background-color: black;
}
#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:780px;
  height:33px;
  overflow:hidden;
}
#subheader1{
 background: transparent; /*** Background Color of Sub-header #1 ***/
  text-align:center;
  height:32px;
    border-bottom: 1px solid #CCC;
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:436px;
  margin-left:160px;
  background: transparent;
}
* html #gfx_bg_middle{
  display:none;
}

#baviaanskloof .baviaanskloof, #commando .commando, #oviston .oviston, #cwebhe .cwebhe, #dwesa .dwesa, #greatfish .greatfish, #tsolwana .tsolwana, #fortford .fortford, #mkhambathi .mkhambathi, #mpofu .mpofu, #hluleka .hluleka, #silaka .silaka, #eastlondon .eastlondon, #accommodation .accommodation, #activities .activities, #wildlife .wildlife, #gallery .gallery, #map .map, #events .events, #province .province, #procurement .procurement, #careers .careers, #people .people, #facts .facts, #icons .icons, #climate .climate, #plans .plans, #reseach .research, #brand .brand, #management .management, #directors .directors, #reports .reports, #policies .policies, #executives .executives, #members .members, #media .media, #disclaimer .disclaimer, #links .links, #people .people, #facts .facts, #icons .icons, #board .board, #province .province 
{
background-color: #B6480B;
color: #FFF;
}

#home .home, #province .province, #board .board, #parks .parks, #accommo .accommo,
#maps .maps, #conservation .conservation, #communities .communities, #contact .contact, 
{
color: #B84F16;
background-color: black;
padding: 3px;
}

/* add to body of each relevant page: <body id="home">  etc */
/* add to link in nav file: class="home" etc */