/*                        */
/*---- style.css ----*/

/*   ---- menu colours ----

menu items 00, 01, 02 appear at the top
menu items 10, 11, 12 appear at the bottom

 level       level     text   background
 =====       =====     ====   ==========
 00 & 10    region    999      115        grey on dark-blue
 01 & 11    area      aaa      338
 02 & 12    route     ddd      559        white on mid-blue
 9          -         114      88a        black on pale-blue
 selected   all       111      66c        black on mid-blue
 hover      all       ff0      aae        yellow on bright-blue

*/

/*=========== region menu ===========*/

/*---- background colour across whole of menu line ----*/
#navsite00,  #navsite10 {
  background: #115;
/*  padding: 0px;   /* 4px; kj */
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  border: 0;
  text-align: left;
}

/*---- specify size and colour of (unselected) menu items ----*/
#navsite00 ul,  #navsite10 ul {
  list-style: none;
  margin: 0;
  font: 11pt Verdana, sans-serif;
  background: #115;
  display: inline;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;

}

/*---- remove bullets, set colour of non-menu text (dividers) ----*/
#navsite00 ul li,  #navsite10 ul li {
  color: #999;
  background: #115;
  margin: 0;
  display: inline;
  padding: 2px;
}

/*---- set colour of non-selected links ----*/
#navsite00 ul li a,  #navsite10 ul li a {
  color: #999;
  background: #115;
  padding: 4px;
  text-decoration: none;
}

#navsite00 ul li a:link,  #navsite10 ul li a:link {
  color: #999;
}

#navsite00 ul li a:visited,  #navsite10 ul li a:visited {
  color: #999;
}

#navsite00 ul li a:link:hover,  #navsite0 ul li a:visited:hover,  #navsite10 ul li a:link:hover,  #navsite10 ul li a:visited:hover {
  color: #ff0;
  background: #aae;
  padding: 4px;
}

/*---- background colour of active link ----*/
#navsite00 ul li a.current,  #navsite10 ul li a.current {
  color: #111;
  background: #66c;
  padding: 4px;
}

/*---- background colour of active link on hover ----*/
#navsite00 ul li a.current:hover,  #navsite10 ul li a.current:hover {
  color: #ff0;
  background: #aae;
  padding: 4px;
}



/*=========== area menu ===========*/

/*---- background colour across whole of menu line ----*/
#navsite01, #navsite11 {
  background: #338;
/*  padding: 0px;   /* 4px; kj */
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
}

/*---- specify size and colour of (unselected) menu items ----*/
#navsite01 ul, #navsite11 ul {
  list-style: none;
  margin: 0;
  padding: 4px;
  font: 11pt Verdana, sans-serif;
  background: #338;
  display: inline;
}

/*---- remove bullets, set colour of non-menu text (dividers) ----*/
#navsite01 ul li, #navsite11 ul li {
  color: #aaa;
  background: #338;
  margin: 0;
  display: inline;
}

/*---- set colour of links ----*/
#navsite01 ul li a, #navsite11 ul li a {
  color: #aaa;
  background: #338;
  padding: 4px;
  text-decoration: none;
}

#navsite01 ul li a:link, #navsite11 ul li a:link {
  color: #aaa;
}

#navsite01 ul li a:visited, #navsite11 ul li a:visited {
  color: #aaa;
}

#navsite01 ul li a:link:hover, #navsite01 ul li a:visited:hover, #navsite11 ul li a:link:hover, #navsite11 ul li a:visited:hover {
  color: #ff0;
  background: #aae;
  padding: 4px;
}

/*---- background colour of active link ----*/
#navsite01 ul li a.current, #navsite11 ul li a.current {
  color: #111;
  background: #66c;
  padding: 4px;
}

/*---- background colour of active link on hover ----*/
#navsite01 ul li a.current:hover, #navsite11 ul li a.current:hover {
  color: #ff0;
  background: #aae;
  padding: 4px;
}


/*=========== ride menu ===========*/

/*---- background colour across whole of menu line ----*/
#navsite02, #navsite12 {
  background: #559;
/*  padding: 0px;   /* 4px; kj */
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
}

/*---- specify size and colour of (unselected) menu items ----*/
#navsite02 ul, #navsite12 ul {
  list-style: none;
  margin: 0;
  font: 11pt Verdana, Helvetica, Arial, sans-serif;
  background: #559;
  display: inline;
  padding: 4px;
}

/*---- remove bullets, set colour of non-menu text (dividers) ----*/
#navsite02 ul li, #navsite12 ul li {
  color: #ddd;
  background: #559;
  margin: 0;
  display: inline;
}

/*---- set colour of links ----*/
#navsite02 ul li a, #navsite12 ul li a {
  color: #ddd;
  background: #559;
  text-decoration: none;
  padding: 4px;
}

#navsite02 ul li a:link, #navsite12 ul li a:link {
  color: #ddd;
}

#navsite02 ul li a:visited, #navsite12 ul li a:visited {
  color: #ddd;
}

#navsite02 ul li a:link:hover, #navsite2 ul li a:visited:hover, #navsite12 ul li a:link:hover, #navsite12 ul li a:visited:hover {
  color: #ff0;
  background: #aae;
  padding: 4px;

}

/*---- background colour of active link ----*/
#navsite02 ul li a.current, #navsite12 ul li a.current {
  color: #111;
  background: #66c;
  padding: 4px;
}

/*---- background colour of active link on hover ----*/
#navsite02 ul li a.current:hover, #navsite12 ul li a.current:hover {
  color: #ff0;
  background: #aae;
  padding: 4px;
}


/*=========== MISC menu (Map, Profile, KML, etc.) ===========*/

/*---- background colour across whole of menu line ----*/
#navsite9 {
  background: #88c;
  height: 22px;
  background-color: #88c;
/*  padding: 0px;   /* 4px; kj */
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  clear: none;
}

/*---- specify size and colour of (unselected) menu items ----*/
#navsite9 ul {
  list-style: none;
  margin: 0;
  font: 10pt Verdana, Helvetica, Arial, sans-serif;
  background:  #88c;
  display: inline;
  padding: 4px;
  width: 500px;    /*  */
  float: left;
}

#navsite9 ul#contact {
  list-style: none;
  margin: 0;
  font: 10pt Verdana, Helvetica, Arial, sans-serif;
  background: #88c;
  display: inline;
  padding: 4px;
  width: 150px;  /*  */
  float: right;
}


/*---- remove bullets, set colour of non-menu text (dividers) ----*/
#navsite9 ul li {
  color: #114;
  background: #88c;
  margin: 0;
/*  padding: 0;
  border: 0; */
  display: inline;
}

/*---- set colour of links ----*/
#navsite9 ul li a {
  color: #114;
  background: #88c;
  text-decoration: none;
  padding: 4px;
}

#navsite9 ul li a:link {
  color: #114;
}

#navsite9 ul li a:visited {
  color: #114;
}

#navsite9 ul li a:link:hover, #navsite9 ul li a:visited:hover {
  color: #ff0;
  background: #aae;
  padding: 4px;
}

/*---- background colour of active link ----*/
#navsite9 ul li a.current {
  color: #111;
  background: #66c;
  padding: 4px;
}

/*---- background colour of active link on hover ----*/
#navsite9 ul li a.current:hover {
  color: #ff0;
  background: #aae;
  padding: 4px;
}



/*=========== styles for content ===========*/


body {
  background: #DDDDFF;
  top: 0;
  left: 1;                             /*-- unit of length --*/
  border: 1;                           /*-- should be colour --*/
  text-align: center;
  line-height: 1.4em;
}

div {
  width: 700px;
  margin: 0 auto;
  border-style: solid;
  border-width: 0px;   /* zzzz -- change to 1 to 'see' how page is built up -- zzzzzzzzzzzzzzzzz */
  margin-bottom: 0;
  clear: both;
}

h2 { font-size: 16pt;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #666666;
  text-align: left;
}

h3 { font-size: 14pt;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #666666;
  text-align: left;
}

h4 { font-size: 13pt;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #666666;
  text-align: left;
}

p { font-size: 12pt;  /* 13pt; */
  padding-top: 6px;
  padding-bottom: 4px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #669;
  text-align: left; /* left;   */
}

blockquote { font-size: 12pt;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #226;
  text-align: left;
  font-style: italic;
  padding-top: 20px;
  clear: both;
}

pre { font-size: 12pt;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #669;
  text-align: left;
}

li {
  /*  font-size: 11pt;   */
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #669;
  text-align: left;
}

small { font-size: 11pt;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #666;
  text-align: left;
}

i { font-size: 12pt;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #666;
  text-align: left;
}

sup { font-size: 10pt;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #666;
  text-align: left;
}


/*---- end ----*/