html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
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: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;
	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-top: 0;
padding-bottom: 3px;
}
td {
font-family: Arial;
font-size: 12px;
color: #000000;
}

td li {color:#FFF;}


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

h3{
	font-size: 12px;
	padding-top: 5px;
	padding-left: 5px;
	height: 23px;
}

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

h2{
	font-size: 12px;
	padding: 5px 0 2px 5px;
	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;
}

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


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

} 

.img{
	border: none;
} 

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

input{
	margin:0 0 5px 0;
}

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

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


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

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

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


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

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

.hbgleft {
	background-color: #2e2e2e;
	width: 154px;
	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;
}



.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:6px;
	font-family: "Arial Narrow";

}

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

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

.navparks{
	font-size:11px;
}

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

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

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

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

.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: 140px;
	padding: 7px 4px 7px 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: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: 12px;
	padding:15px 0 5px 0;
}



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

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

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

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


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


.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: black;
	border: double 3px #b6480b;
}

.info {
	width: 150px;
	margin-bottom: 10px;
	padding: 4px 0 4px 2px;
	background-color: #717171;
	color: black;
	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: black;
	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: 166px;
	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;
}

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

}

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


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

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


tr {
	vertical-align: top;
}

/** for wildlife **/

.table {
	
}

.tableprocure{
	border:1px solid black;
	background-color: #eeeeee;
	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: 0px;
left: 1px;
width: 230px; 
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:180px;
font-size: 12px;

}


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

#container-right img {
	margin-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: 12px;
	padding:15px 0 5px 0;
}

#container-center{
  margin-left:2px;
  margin-bottom: 25px;
	padding:15px 5px 70px 5px;
	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: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:116px;
  overflow:hidden;
}
#clearfooterleft{
  height:116px;
  overflow:hidden;
}
#clearfooterright{
  height:116px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:780px;
  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: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, #cwebe .cwebe, #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, #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,
{
background-color: #B6480B;
color: #2e2e2e;
}

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