body {
  /* background-color: #5c5c5c; */
  background-image:url("/DGT/images/DGT-dark-background1.jpg"); 
  background-repeat:repeat-y;   
}

body { 
font: normal normal 16px/1.4 sans-serif; 
}

/* --- based on http://www.maxdesign.com.au/articles/css-layouts/three-fixed/  */
/* Overall width 900px
	Left nav  float:left   margin 10 -- width 200 -- margin 10  total = 220
	Content   float:left   margin 20 -- width 420 --       (20) total = 460
	Right nav float:right        (10)   width 200 -- margin 10  total = 220
																TOTAL = 900
	(Figures in brackets are not defined but arise from floating the rightnav to right.
	 The background GIFs define the full width of each column)
	*/

/* first the full-width parts
	Container
	Navigation
	*/
#container  {
	margin: 0 auto 0 auto;
	width: 900px;
	background: transparent;
}

#header  {
    width:      100%;
	background: #ccc;
	padding:    20px;
	margin:      0;
}

#header h1 { margin: 0; }

/* unvisited link */
a:link {
color: #0000FF;
}

/* visited link */
a:visited {
color: #FF00FF;
}


/* selected link */
a:active {
color: #FAA;
}


/* Then the container for the three column section */
#content-container {
	float: left;
	width: 900px;
	/* background: #fff url(/DGT/images/DGT-background-1500-990.jpg) repeat-y 100% 0; */
}

/* Left column */
#leftnav {
	float: left;
	width: 200px;
	padding: 20px 0;
	margin: 0 10px;
	display: inline;
}

#leftnav ul {
	margin: 0;
	padding: 0;
}

#leftnav ul li {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}


/* Centre column */
#content {
	float: left;
	width: 420px;
	padding: 20px 0;
	margin: 0 0 0 20px;
}

#content h2 { margin: 0; }


/* Right column */
#rightnav {
	float: right;
	width: 200px;
	padding: 20px 0;
	margin: 0 10px 0 0;
	display: inline;
}

#rightnav h3 { margin: 0; }

#footer {
  clear: both;
  float: left;
  font-family : sans-serif ;
  font-size   : 14px ;
  text-align: center;
}
#AboutDGT {
  background-image:url("/DGT/images/background-whitemap2.png"); 
  clear: both;
  float: left;
  font-family : sans-serif ;
  font-size   : 16px ;
  margin: 0 10px 0 10px;
}


/* --- End of maxdesign.com.au */


/* ---------------- owc.css --------------- */
p, 
td, 
th, 
li, 
blockquote{
  color: #fff;
  font-family: sans-serif ;
  font-size: 15px ;
}
 
ul {
  padding: 0 0 0 20px;
}
 
li {
  margin-bottom: 4px  ;
}

q,
blockquote {
  font-style: italic;
}
.clearboth {
  clear: both ;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  clear: both ;
  color: #E5E2CD  ;  /* was 00a */
  font-family: sans-serif ;
  margin-top: 2px  ;
}


h1 {
  font-size: 22px ;
}

h2 {
  font-size: 18px ;
}

h3 {
  font-size: 14px ;
}

h4 {
  font-size: 12px ;
}

h5 {
  font-size: 10px ;
}

h1.left {
  font-size: 20px ;
  clear : left ;
}

p.left {
  float: left ;
}
  
h3.menu {
  color: #084 ;
  font-size: 16px ;
  line-height: 1.5em  ;
  text-align: center ;
}
  
h4.menu {
  color: #084 ;
  font-size: 16px ;
  line-height: 1.5em  ;
  margin: 0 ;
  text-align: center ;
}
  
p.footer {
  color: #ddd ;
  font-size: 12px ;
  line-height: 1.5em  ;
  text-align: center ;
}

p.cite {
  color: #099 ;
  font-family: "Comic Sans MS" ;
}

.quoted {
  color: #09F ;
  font-style: oblique;
}

p.menuleft {
  color: #309C9C ;
  font-family: sans-serif ;
  font-size: 16px ;
  font-weight: bold ;
  line-height: 1em  ;
  margin: 0 ;
  padding: 0 ;
}

p.menuleft2 {
  color: #0bb;
  display: block;
  font-family: sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 3px 0;
}

p.menucenter {
  color: #00f;
  display: block;
  font-family: sans-serif ;
  font-size: 13px ;
  font-weight: bold ;
  line-height: 1em  ;
  margin: 0;
  padding: 5px 0px 10px 0px;
  text-align: center ;
  width: 100%;
}

p.rightnavitem {
  color: #039 ;
  font-family: sans-serif ;
  font-size: 13px ;
  font-weight: bold ;
  line-height: 1em  ;
  margin: 0 0 15px 0 ;
  padding: 0 ;
}

p.rightnavnote {
  color: #039 ;
  font-family: sans-serif ;
  font-size: 11px ;
  font-weight: normal ;
  line-height: 1em  ;
  margin: 0 0 15px 0 ;
  padding: 0 ;
}

p.rightnavnote:hover {
  color: #000 ;
  font-size: 14px ;
}

a:link, 
a:visited { 
  color: #AAF; 
  text-decoration: none ;
}
a:hover,
a:active {
  color: #FFF; 
  text-decoration: underline ;
}

a.menu:link, 
a.menu:visited  {
  color: #080;
  text-align : center ;
  padding : 10px 0px 10px 0px;
}
a.menu:hover, 
a.menu:active  {
  color: #008;
  background-color:#B7FE94;
  padding : 10px ;
  text-align : center ;
  text-decoration: none ;
}

a.menuleft:link, 
a.menuleft:visited  {
  color: #040;
  display: block;
  padding : 10px 0px 10px 0px;
  text-align : center ;
  width : 100%;
}

a.menuleft:hover, 
a.menuleft:active  {
  color: #008;
  display: block;
  background-color:#B7FE94;
  padding : 10px 0px 10px 0px;
  text-align : center ;
  text-decoration: none ;
  width : 100%;
}

a.menuleft2:link, 
a.menuleft2:visited  {
  color: #00a;
  display: block;
  padding : 0; /* 5px 0px 10px 0px; */
  text-align : center ;
  text-decoration: none ;
  width : 100%;
}

a.menuleft2:hover, 
a.menuleft2:active  {
  /* padding : 5px 0px 10px 0px;*/
  background-color:#B7FE94;
  color: #006;
  display: block;
  text-align : center ;
  width : 100%;
}

a.nav:link, 
a.nav:visited  {
  background-color: #d7ffe1 ;
  color: #008;
  font-family: sans-serif;
  font-size: 15px;
  margin : 10px ;
  padding : 5px 5px 5px 5px;
  width : 130px;
}

a.nav:hover, 
a.nav:active  {
  color: #008;
  background-color:#B7FE94;
  font-family: sans-serif;
  font-size: 18px;
  margin : 7px ;
  padding : 2px 5px 2px 5px;
}

.picture {
  background-color: #F9F9F9;
  font: 11px/1.4em Arial, sans-serif; 
  padding: 3px;
}

.picture-centre-noborder {  /* Centered with no border */
  border: 0; 
  display: block; 
  font: 11px/1.4em Arial, sans-serif; 
  margin: 0;
  padding: 0;
}

/*  I'm not sure what this is supposed to do!
.picture img 	{
  vertical-align: middle; 
  margin-bottom: 3px; 
}
*/
.left {
  float:left; 
  margin: 0.5em 0.8em 0.5em 0;
} 

.right {
  float:right; 
  margin: 0.5em 0pt 0.5em 0.8em;
}

.center {
  display: block; 
  margin: 0.5em auto 0.5em auto;
} 

.noborder {
  border: 0; 
  margin: 0 auto 0 auto;
  padding: 0;
} 

.border {
  border: 1px solid #CCCCCC; 
}

.transparent {
  background-color: transparent; 
}

 
ul#menu{ 
/*  background: #FFF url("/images/menu-bg-mwtop-lightgreen.gif") top left repeat-x;     ** CHANGED ** */
  background-color:	#742d29;  /*    ** ADDED - pale blue background ** */
  font-size: 1em; 
  font-family: "Lucida Grande", Verdana, sans-serif; 
  font-weight: bold; 
  height: 51px;   /* CHANGED - was 43 */
  list-style-type: none; 
  margin: 0; 
  padding: 0; 
  width: 100%;
}

ul#menu li {
  display: block; 
  float: left; 
  margin: 0 0 0 5px; 
}

ul#menu li a { 
  color: #e5e2cd;  /* Changed from Green to Dk Blue */
  height: 43px; 
  display: block; 
  float: left; 
  line-height: 200%; 
  padding: 8px 15px 0 0; 
  text-decoration: none; 
}

ul#menu li a:hover { 
  color: #F00; /* CHANGED  */
}

ul#menu li a.current{ 
  color: #742d29;   /* Changed to pale blue */
/*  background: #FFF url("/images/current-bg-mwtop-lightgreen.gif") top left repeat-x;   ** CHANGED ** */ 
  background-color:	#e5e2cd;  /*    ** CHANGED to near white (was blue) background ** */
  padding: 5px 15px 0; 
}


.highlight {
  color: #084; /* Green for Nelson Mandela's name etc. */
}

/* ===== DUNDEE GLOBAL TRAIL specific classes ===== */
h1.DGT {
  color: RED;  /* #E2DFAC; */
}   
h2.DGT {
  color: #E2DFAC;  /* #E2DFAC; */
}
h1.trailpoint {color: #00C2F3; }
h2.trailpoint {color: #00C2F3; }
p.trailpoint {color: #E3E4E8; }

h2.whatshere{color: #00C2F3; }
p.whatshere{color: #EEE; }

h2.next  {color: #00C2F3; } 
h3.next  {color: #00C2F3; }
p.next  {
  color: #EEE;
  font-size: 16px ;
}
a.next:link  {
  color: #00C2F3;
  font-size: 20px ;
}
a.next:visited  {
  color: #00C2F3;
  font-size: 20px ;
}
a.next:active  {
  color: #fff;
  font-size: 20px ;
}
a.next:hover {
  color: #fff;
  font-size: 20px ;
}


h2.AboutDGT {
  color: #000; 
  font-size: 16px ;
  text-align:center;
}

p.AboutDGT {
  color: #000; 
  font-size: 16px ;
}

h2.rightnav {
 color: red;
}
 
a#rightnav {
 color: red;
}

.trailitem {
 overflow: hidden;
 position: relative;
 width:250px;
 height:400px;
 margin: 10px;
 float:left;
 border-bottom:10px solid #742d29;
 text-align: center;
}
/* ===== End of dgt.css ===== */