/* This is supposed to put a chunky green border inside the page frame.
   It works in Moz and IE 6, but web posts suggest that there are broken
   versions of IE that consider the body element to be the root of the page.

   Duplicating these settings for html and body messes up Moz (green frame 
   inside a green frame.
   
   Logo colours:
   708C00 - dark green
   A3CC00 - mid green
   DDFF55 - light green
   */
html {
  font-family: trebuchet ms, sans-serif;
  border: solid 1em #DDFF55;
  padding: 0.5em;
  margin: 0;
}

img#logo {
  vertical-align: middle;
}

h1 {
  font-size:large;
  margin:0; /* makes moz the same as ie6 */
  margin-bottom: 0.5em;
}

h2 {
  font-size: medium;
}

h3 {
  font-size: small;
}

a:link {
  color: #708C00;
}
a:visited {
  color: #708C00;
}
a:hover {
  color: #A3CC00;
}


.mainText {
  font-size: small;
  /* not width-max ! */
  max-width: 45em;
  margin: 3em;
  margin-top: 0px;
  margin-bottom: 0px;
}

p {
}

div.topNav {
    font-size: small;
    /*background-color: #708C00;*/
    width: 100%;
}
div.topNav span {
  padding-left: 0.5em;
  padding-right: 0.5em;
  border: none;
  border-right: solid white 1px;
  border-left: solid black 1px;
}

.topNavOption {
}
.topNavCurrent {
}
/*
.topNavOption a:link {
  color: #708C00;
}
.topNavOption a:visited {
  color: #708C00;
}
.topNavOption a:hover {
  color: #A3CC00;
}
*/
div.leftNav {
}
div.rightNav {
}
div.bottomNav {
  
}