html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;

}
body{
	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;
  min-width:806px; 
  text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 12px;
	background-image: url(graphics/back_black_gradiend.gif);
	background-color: #6E6E6E; 
	background-repeat: repeat-x;

}


td, tr {
	font-size:12px;
	color: #000000;
}

td a:link, td a:visited, td a:hover, td a:active {
	color: #000000;
}

p {
	font-size: 12px;
	text-align: justify;
	padding: 2px 5px 3px 5px;
	line-height: 1.5em;
}

li {
	font-size: 12px;
	list-style: square;
	
}

a {
	color: #FFF;
}

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: 12px;
}

td p {
color: #FFF;
font-family: Arial;
font-size: 12px;
text-align:justify;
padding: 0 0 3px 0;
}

td {
font-family: Arial;
font-size: 12px;
color: #000;
}

td li {
color:#FFF;
}


/* heading styles - heading 1 */
h1{
	font-size: 12px;
	height: 23px;
	width: 416px;
	padding: 6px 0 0 5px;
}

/* nb do not set height - used for highligting as well */
.h1bg {
	text-align: center;
	background-color: #2e2e2e;
}

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

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

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

/* heading styles - heading 2 */
h2{
	font-size: 12px;
	padding: 5px 0 0 1px;
	height:25px;
	margin: 0 0 7px 0;
	background-image: url(graphics/streep_h.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	}

h2 a {
	text-decoration: none;
}

.h2wide {
	width:615px;
	background-image: url(graphics/streep_h_wide.gif);
}

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

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

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

.hbgleft a {
color: #FFFFFF;
font-weight: normal;

}

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


h3{
	font-size: 12px;
	padding: 5px 0 0 5px;

}

td h3 {
	font-size: 12px;
	padding: 5px 0 0 0;
}


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


label{
float:left;
width:120px; 
margin: 0 0 0 0;
font-size: 12px;	
} 


.note{
position:absolute;
left:350px;
margin: 1px 0 0 0 ;
}

.ttext {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.text {
	font-size: 10px;
	margin: 0 0 30px 0;
	padding: 0;
}


input{
	margin:0 0 5px 0;
}


.hprocure{
	background-color: #b6480b;
	color: black;
	height: 18px;
}

.procure{
	background-color: #b6480b;
	color: black;
}

/* for tender numbers */
.tender{
background-color: #FFF;
padding: 2px;
border: 1px solid #b6480b;
color: #000;
}

.procure a:link {
	background-color: #b6480b;
	color: black;
}




.wide {
	width:600px;
	background-image: url(graphics/streep_h_wide.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}


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

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

.navtop {
	padding-top:2px;
	font-family: "Arial Narrow", Helvetica, sans-serif;
}

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

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

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


.navparks{
	font-size:11px;
}

.navparks a:link, .navparks a:visited {
padding: 5px 4px 5px 5px;  /* space around the items and height*/
}

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

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

.navleft li{
	font-size: 12px;
	list-style: none;
}

.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: 160px;
	padding: 4px 4px 4px 5px;  /* space around the items and height*/
}

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

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

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

#container-right img {
	border: 1px solid #2e2e2e;
}


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



.navright li{
	font-size: 12px;
	
}

.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, .left a:link, .left a:visited {
	color:#FFFFFF;
}

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

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

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

.subfooter1 {
	font-size: 10px;
	color: black;
}


* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:806px;
/* \*/
  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:185px;
  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:186px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-185px;
}
*>html #left{width:186px;}

#container-left{
/* \*/
  width:185px;
 	font-size: 12px;
	padding:15px 0 5px 0;
}


/* for images */

img{
	border: 0;
} 

.img {
margin: 0 0 18px 0;
border: 1px solid #2e2e2e;
}


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

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

.cntr{
	margin-left:auto;
	margin-right:auto;
	display: block;
}


.cntr1{
	margin-left:auto;
	margin-right:auto;
	display: block;
	border:1px solid black;
}

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

/* for figures */

.figure{
margin: 0 0 0 6px	
}

.ftext{
	font-size: 12px;
	margin: 0 0 0 6px;
	padding: 0;
}

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

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

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

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

.frame{
	padding:18px;
	background-color: #d8d8d8;
	border:1px solid black;
}

.accommo {
	width:351px;
	line-height: 1.5em;
	border: 0;
	font-size: 12px;
	padding:5px 0 5px 0;
	margin: 5px 0 7px 28px;
}

.reservations {
	width: 152px;
	margin-bottom: 21px;
	padding:11px 11px 0 11px;
	background-color: #717171;
	color: #000;
	border: double 3px #b6480b;
}

.reservationsc {
	width: 390px;
	margin-bottom: 21px;
	padding:11px 11px 0 11px;
	background-color: #717171;
	color: #000;
	border: double 3px #b6480b;
}

.info {
	width: 172px;
	margin-bottom: 10px;
	padding: 4px 0 4px 2px;
	background-color: #717171;
	color: #000;
	border: double 3px #b6480b;
	list-style: none;
	text-decoration: none;
	line-height: 15px;
}

.info li{
list-style: square;
}

.info a:link, .info a:visited {
	color: #000;
	text-decoration: none;
}

.info a:hover, .info a:active {
	color: #FFF;
	text-decoration: underline;
}

.report {
	width: 152px;
	margin-bottom: 21px;
	padding:6px 11px 0 6px;
	background-color: #717171;
	color: #000;
	border: double 3px #b6480b;
}


.news {
	width: 136px;
	margin-bottom: 21px;
	padding:40px 2px 10px 15px;
	color: black;
	border: double 3px #b6480b;
	background-image: url(images/news.jpg);
	height: 57px;
}

.news a {
	font-weight: bold;
}

.specials{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	line-height: normal;
}
.specials p{
		padding: 2px 5px 1px 5px;
}


.button {
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size:12px;
	height: 26px;
	margin: 2px 0 2px 120px;
	border: 2px groove #d8d8d8;
	padding: 0;
}
/* .button is used for click to tell on home and forms */

.buttonhome{
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size:12px;
	height: 24px;
	border: 2px groove #d8d8d8;
}

input {
	background-color: #ffffcc;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	height:23px;
	font-size:12px;
	font-weight: bold;
	padding:4px 0 0 3px;
}

.weather {
	width:178px;
	text-align: center;
	margin-bottom:20px;
	padding:18px 0 0 0;
	border:1px solid #000;
	font-size: 12px;

}

.tell{
width: 168px;
	margin-bottom: 21px;
	padding:4px 4px 0 4px;
	background-color: #717171;
	color: black;
	border: 2px outset #2e2e2e;	
	background-image: url(slides/dwesa/180dwesa_rivermouth.jpg);
	height:130px;
	text-align: center;
	vertical-align: middle;
}

.ptext{
	font-size: 11px;
}

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

}

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


.tframe  {
	background-color: #cabea4;
	border: 1px solid #000;
	color: black;

}

td a:link, td a:visited, td a:hover, td a:active {
	padding:0;
	margin:0;
}


tr {
	vertical-align: top;
}

/** for wildlife **/

.table {
	padding:4px;
	margin-bottom: 20px;
	border-spacing: 0;
}

.tableprocure{
	border:1px solid black;
	background-color: #EEE;
	width:100%;
	border-collapse: separate;
}


.tableprocure td{
padding: 2px;
	
}

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

.tariff a {
font-size: 12px;	
}

.tarifftext {
position: absolute;
top: 0;
left: 1px;
width: 235px; 
border-right: 1px solid #b6480b;
height: 75px;
padding: 0 5px 0 0;
font-size: 12px;	

}

.tariffprice{
margin: 0 0 0 245px;
padding: 17px 0 0 0;
width:175px;
font-size: 12px;

}


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



/* \*/
* 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: 12px;
	padding:15px 0 5px 0;
}

#container-center{
margin: 0 0 25px 7px;
padding:15px 5px 70px 0;
clear: both;
font-size: 12px;
}

#container-center a{
	color: white;
}

/* \*/
* 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:436px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */

}
#clearheadercenter{
  height:1px;
  overflow:hidden;
}
#clearheaderleft{
  height:1px;
  overflow:hidden;
}
#clearheaderright{
  height:1px;
  overflow:hidden;
}
#clearfootercenter{
  height:116px;
  overflow:hidden;
}
#clearfooterleft{
  height:116px;
  overflow:hidden;
}
#clearfooterright{
  height:116px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:806px;
  height:116px;
  overflow:hidden;
  margin-top:-116px;
}

#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:0;
  width:806px;
  height:1px;
  overflow:hidden;
}
#subheader1{
 background: transparent; /*** Background Color of Sub-header #1 ***/
  text-align:center;
  height:1px;

}
#gfx_bg_middle{
  top:0;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:436px;
  margin-left:180px;
  background: transparent;
}
* html #gfx_bg_middle{
  display:none;
}

#baviaanskloof .baviaanskloof, #commando .commando, #oviston .oviston, #cwebe .cwebe, #dwesa .dwesa, #greatfish .greatfish, #tsolwana .tsolwana, #fortford .fortford, #mkhambathi .mkhambathi, #thomasbaines .thomasbaines, #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, #projects .projects, #brand .brand, #management .management, #directors .directors, #reports .reports, #policies .policies, #executives .executives, #members .members, #media .media, #disclaimer .disclaimer, #links .links, #people .people, #programmes .programmes, #facts .facts, #icons .icons, #board .board, #province .province, #conservation .conservation, #maps .maps, #map .map, #parks .parks, #managers .managers, #policy .policy, #tenders .tenders, #open .open, #new .new, #quotes .quotes, #registert .registert, #logint .logint,  #registerq .registerq, #loginq .loginq, #eval .eval, #bull .bull, #list .list, #award .award, #cancel .cancel, #newtend .newtend, #opentend .opentend, #procure .procure
{
color: #B84F16;
background-color: black;
padding: 3px;
}

#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 */

/* tooltips */
#dhtmltooltip{
position: absolute;
top:350px;
left: -300px;
width: 420px;
border: 1px double #000;
padding: 10px;
background-color: #d8d8d8;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
text-align: justify;
line-height: 1.5em;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#d8d8d8,direction=135); */
}
 
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}