
html,body, #contents{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
	min-height: 100%;
	width: 100%;
	background-color: #e7e1d0;
	background-image: url(images/back1.gif);
	background-repeat: repeat;
	font-size:12px;
	line-height: 1.5em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}

body{
  min-width:998px;
  text-align:center;
	scrollbar-arrow-color: #000000;
	scrollbar-face-color: #657a55;
	scrollbar-track-color: #b5aa8c;
	scrollbar-shadow-color: #cccc99;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-highlight-color: #cccc99;
	scrollbar-3dlight-color: #999965;
	background-color: #e7e1d0;
	padding: 0;
	background-image: url(images/back1.gif);
	background-repeat: repeat;
	height: 100%;
	min-height: 100%;
	color: #563005;
	margin: 12px 0 -12px 0;
}

table { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: justify;
	color: #330000;
	background-color: #e7e1d0;
	border:0;
	padding: 0; 
}

.maintable {
	border: 2px solid #006600;
	background-color: #e7e1d0;
}

.slidetable{
	border:4px double #c9b98c; 
	padding:8px 0;
	margin:0 0 10px 0;
}

.slidetable td {
	padding: 0 6px;
}

.slidetable img{
	margin: 6px 0 0 0;
}
.nb{
	color:#CC0000;
	font-size: 12px;
	font-weight: bold;
}

.nbcntr{
	color:#CC0000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.banners table {
	background-color: transparent;
	background-image: url(images/back2.gif);
	border:2px;
	padding:5px;
	margin:0;
}

.banners td{
	padding:10px 0 0 0;
	margin:0;
	border:0;
	background-color:transparent;
	background-image: url(images/back2.gif);
}

.banners{
	margin: 0 auto 20px auto;
	padding:5px;
	display:block;
	border:2px solid #e7e1d0;
	color: #330000; 

}

.banners p{
	font-family: Verdana, Arial; 
	font-size: 0.8em; 
	font-weight: normal; 
	text-align: center; 
	color: #330000; 
}


.bannernof table {
	background-color: transparent;
	background-image: url(images/back2.gif);
	border:2px;
	padding:5px;
	margin:0;
}

.bannernof td{
	padding:10px 0 0 0;
	margin:0;
	border:0;
	background-color:transparent;
	background-image: url(images/back2.gif);
}

.bannernof{
	margin: 0 auto 20px auto;
	padding:0;
	display:block;
	border:0;
	border: 1px solid #b5a476;
}

.bannernof p{
	font-family: Verdana, Arial; 
	font-size: 0.8em; 
	font-weight: normal; 
	text-align: center; 
	color: #330000; 
}


.bannerbox {padding:10px 12px 0 12px;}

.bannerbox  p{
font-size:10px;
text-align: center;
padding:0;
margin:0;
}

.bannerbox img{
margin:0 auto;
display:block;
border:2px solid #e7e1d0;
padding: 5px;
}


.hide{color: #e7e1d0;}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align: justify;
	color: #330000;
	margin: 0;
	padding:0 20px 10px 0;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin:0;
   background-color:#e7e1d0;
   vertical-align: top;
   font-size: 12px;
	line-height: 1.5em;
}

.zero {
	padding: 0;
	margin: 0;
}

.onecol p{
	margin: 0;
	padding:0 0 10px 0;	
}


/*------------------- headings --------------------*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	color: #6d551d;
	text-decoration: none;
	text-align: center;
	margin:20px 0;
	padding:0;
	text-transform: uppercase;
}


h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #663300;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCC99;
	padding: 0;
	margin:0 20px 10px 0;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
	color: #330000;
		padding: 0 20px 0 0;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #330000;
	text-align: right;
}


.mainheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #6D551D;
	text-align: center;
	padding-top: 15px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}
.mainheadingGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #6D551D;
	text-align: center;
}
.headerbrown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	color: #693021;
}

.provincehead, td .provincehead {
	color: #a52a2a;
	font-weight: bold;
	font-size: 14px;
}
.headergreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #006600;
	text-decoration: underline;
	text-align: center;
}

/*-------------------- links ------------------------*/

a:link { 
	color: #003300; 
	text-decoration: none;
}

a:visited { 
	color: #003333; 
	text-decoration: none;
}

a:hover { 
	color: #003333; 
	text-decoration: none;
}

a:active { 
	color: #03333;
	text-decoration: none;
}


.topnav {
	border: none;
	padding: 3px 0 4px 3px; /*top right bottom left 3px 0 2px 0 */
	margin: 1px 0 1px 0;
	text-align: center;
}

.topnav ul {
	list-style: none;
	margin: 2px 0 0  1px;
padding: 0 1px 7px 1px; /* padding the buttons left & right */
}

.topnav li {
	display: inline; /*  for horisontal nav */
	margin: 0 0 0 -4px; /* minimise between button space */
	padding: 0 0 0 0;
}

.topnav li a:link, .topnav li a:visited {
	padding: 4px 5px 4px 5px; /* top right bottom left */
	margin: 0;
	border-top: 2px solid #ffffff;
	border-right: 2px inset #b5aa8c;
	border-bottom: 2px inset #b5aa8c;
	border-left: 2px solid #ffffff;
	background-color: #657a55;
	color: #e7e1d0;
	text-decoration: none;
	font-weight: bold;
}

.topnav  li a:hover {
	background-color: #b5aa8c;
	color: #e7e1d0;
	text-decoration:none;
}


.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  margin-bottom:-1px;
}
.t1 { 
	color: #330000; 
	font-family: Verdana, Arial; 
	font-size: 0.8em; 
	font-weight: normal; 
	text-align: left; 
} 

.t2 {
	color: #330000;
	font-family: Verdana, Arial; 
	font-size: 0.8em; 
	font-weight: normal; 
	text-align: center;
} 

* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  top:-15px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:998px;
/* \*/
  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 */
  border-right:2px solid #657a55;
  border-left:2px solid #657a55;
  background-color:transparent;
  background-image: url(graphics/wrapper.gif);
  background-repeat: repeat-y;
}
#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:180px;
  width:632px;
  border-right:1px solid #e7e1d0;
  border-left:1px solid #e7e1d0;
  background-color:#e7e1d0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}

* html #outer{
  width:634px;
  w\idth:632px;
}

#float-wrap{
  width:632px;
  margin-right:-1px;
  float:left;
  display:inline;
}
#left{
  width:182px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-181px;
}
*>html #left{width:181px;}
#container-left{
  width:180px;
  background-color: #657a55;
  padding-bottom:20px;
}
  
#right{
  float:left;
  display:inline;
  width:182px;
  margin-right:-180px;
  margin-left:-1px;
  position:relative;

}
/* \*/
* html #right{
  width:182px;
  margin-left:0px;
  margin-right:-500px;
  mar\gin-right:-182px;
}
/* Above style hidden from Mac IE */

#container-right{
background-color: transparent;
margin-left:3px;
}

.google{
width: 179px;
padding: 15px 0 20px 0;	
text-align: center;
}

#container-center{
	padding:0;
	width: 100%;
}

#container-right td{
	color: #330000;
	font-family: Verdana, Arial; 
	font-size: 0.8em; 
	font-weight: normal; 
	text-align: center;
}

/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:2px;
  mar\gin-left:0px;
}
/* Above style hidden from Mac IE */
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
  width:632px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
background-color: #e7e1d0;
}
#clearheadercenter{
  height:246px;
  overflow:hidden;
}
#clearheaderleft{
  height:246px;
  overflow:hidden;
}
#clearheaderright{
  height:246px;
  overflow:hidden;
}
#clearfootercenter{
  height:165px;
  overflow:hidden;
}
#clearfooterleft{
  height:165px;
  overflow:hidden;
}
#clearfooterright{
  height:165px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:998px;
  height:163px;
  overflow:hidden;
  margin-top:-163px;
}
/* copyright */
#subfooter1{
  background-color:#FFFFCC;
  text-align:center;
  margin:0 2px;
  height:22px;
  padding-top:7px;
  background-image: url(images/back2.gif);
  	color: #330000; 
	font-family: Verdana, Arial; 
	font-size: 0.8em; 
	font-weight: normal;
}

/* bottom graphic */
#subfooter2{
  background-color:transparent;
  text-align:center;
  margin:0 2px;
  height:70px;
  background-image: url(graphics/rockpaint994.jpg);
}

/* navigation-bottom */
#subfooter3{
  text-align:center;
  margin:0 2px;
  height:30px;
  line-height:30px;
  background-image: url(images/back2.gif);
  font-size: 11px;
}

/* to top link */
#subfooter4{
	height:20px;
	line-height:20px;
	text-align: right;
	margin:0 2px;
 	padding:0 190px 0 0;
 	color: #330000; 
	font-family: Verdana, Arial; 
	font-size: 0.8em; 
	font-weight: normal;
}

.bottomtopmargin{
  background-image: url(images/back1.gif);
  width:1000px;
  overflow:hidden;
}
#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:998px;
  height:246px;
  overflow:hidden;
}
.outer_horiz_border, .sb_outer_horiz_border{
  background-color:#657a55;
  height:2px;
  overflow:hidden;
  font-size:0;
}
#subheader1{
  background-color:#e7e1d0;
  text-align:center;
  margin:0 2px;
  height:199px;
}
#subheader2{
  background-color:#657a55;
  margin:0 2px;
  height:31px;
}

#topmargin{
  height:15px;
}

#gfx_bg_middle{
  top:0;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:632px;
  margin-left:180px;
  background-color:transparent;
  border-right:1px solid transparent;
  border-left:1px solid transparent;
}
* html #gfx_bg_middle{
  display:none;
}
/*-------------------- navigation -------------------*/

/* LEFT navigation */
.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
   margin: 0 auto 20px 10px;
   display: block;
	padding: 10px 0 0 0;
	width: 168px;
}

.navigation ul {
	display: block;
	list-style: none;
	padding: 0 1px 0 1px; /* padding for the buttons left & right */
	margin: 0;
	text-decoration: none;
}


.navigation li {
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

.navigation li a:link, .navigation li a:visited {
	padding: 1px 0.6em 1px 2px; /* top right bottom left */
	margin: 0;
	display: block; /*  for vertical nav */
	border-top: 1px solid #FFFFFF;
	border-right: 1px groove #FFFFFF;
	border-bottom: 1px groove #323200;
	border-left: 1px groove #323200;
	background-color: #b5aa8c;
	color: #004000;
	text-decoration: none;
	font-weight: bold;
	width: 143px; /* NB to remove space between buttons and must be 143px */
}

.navigation li a:hover, .navigation li a:active {
	padding: 1px 0.6em 1px 3px; /* top right bottom left - same as link & visited*/
	margin: 0;
	display: block;
	background-color: #e7e1d0;
}

.bottomnav li {
margin: 0 10px; 
padding:0;	
}
	

.bottomnav ul, .bottomnav li{
	display: inline;
	list-style:none;
}

.bottomnav li a:link, .bottomnav li a:visited {
	color: #6d551d;
	text-decoration: none;
	font-weight: bold;
}

.bottomnav li a:hover, .bottomnav li a:active {
	background-color: #b7a679;
	color: #ffffcc;
	text-decoration:none;
}



/*-------------------- lists -------------------------*/
li {
	list-style-type: square;
	list-style-position: outside;
	margin: 0 20px 0 17px; 
	/* nb to display the bullets */
	padding: 0;
}

ul {
	margin: 0; 
	padding: 0 0 20px 0;
}


textarea{
	overflow: hidden;
}
/*------------------- frames -------------------*/

/* for directory thumbnail pics */
.frame {
	background-color: #e7e1d0;
	padding: 5px;
	border: 1px solid #343C2F;
	margin-top:36px;
	float: right;
}

.info{
	background-color: #e7e1d0;
	padding: 6px;
	border: 1px solid #343C2F;
	margin: 0 0 20px 0;
}

.info img{
	padding-left: 3px;
}

.info h3{

	font-size: 12px;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
	padding: 0;	
}

.fact{
	background-color: #e7e1d0;
	padding: 6px;
	border: 1px solid #343C2F;
	margin: 0 12px 10px 12px;
}


.pframe {
	background-color: #e7e1d0;
	border: 1px solid #000000;
}


/*--------------------- other -----------------------*/

.line {  
	border-color: black #CCCC99 black black; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 0px; 
	border-left-width: 0px
}

.button { 
	background: #c9b98c; 
	background-color: #c9b98c;
	color: #00033;
	border: 3px inset #c9b98c; 
} 

hr {
	background-color: #c9b98c;
	height: 1px;
	width: 100%;
	border-style: none;
	color: #c9b98c;
}

.mPhoto {
	position: absolute;
	top: 0;
	left: 0;
	-moz-opacity: 0.0;
	filter: Alpha(opacity=10);
	border: 1px solid #c9b98c;
	padding: 6px;
	background-color: #e7e1d0;
}

.tableframe {
	border: 2px solid #657a55;
	color: #330000;
	font-family: Verdana, Arial; 
	font-size: 12px; 
	font-weight: normal; 
	text-align: center;
	padding:5px;
}


.tableframe p {
	padding:10px 20px;
}

img.tableframe{
	display: block;
	margin: 0 auto 15px auto;
}

.cntr {
	margin:0 auto;
	display: block;
}

p.cntr {
text-align:center;
padding:15px; 0 15px 0;
}



.subtableframe {
	border: 1px solid #C0B188;
}

.subtableframe td {padding:0;}

.subtableframe p {
	padding:10px 15px;
}

.dynamicslide{
	cursor: url(graphics/zoomin.cur), pointer;
    outline: outlines/rounded-black.png;}
    
.dynamicslide-active-anchor img {
	visibility: hidden;
}
.dynamicslide img {
	border: 1px solid black;
	padding:4px;
}
.dynamicslide:hover img {
	border: 1px solid #657A55;
}

.dynamicslide-wrapper {
	background: #000;
}
.dynamicslide-image {
    border-top: 1px solid #000;
	  border-left: 1px solid #000;
	   border-right: 1px solid #000;
	 padding:10px;
	 background-color:#e7e1d0;
}
.dynamicslide-image-blur {
}
.dynamicslide-caption {
    display: none;
    font-family: Verdana, Arial,Helvetica;
    font-size: 11px;
    padding: 0 5px 5px 5px;
    background-color: #e7e1d0;
    color:#000;
	 height:20px;
	 line-height: 20px;
	 text-align: center;
	 border: 1px solid #000;
}
.dynamicslide-loading {
   display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
   text-decoration: none;
	padding: 2px;
	border: 1px solid black;
   background-color: white;
	padding-left: 22px;
   background-image: url(graphics/loader.gif);
   background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.dynamicslide-full-expand {
	background: url(graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.dynamicslide-display-block {
    display: block;
}
.dynamicslide-display-none {
    display: none;
}
/* Licence:
Highslide JS is licensed under a Creative Commons Attribution-NonCommercial 2.5
License (http://creativecommons.org/licenses/by-nc/2.5/).*/

