/* the menu class covers the links in the left-hand pane */
#menu {position: absolute; top: 10px; left: 2%; 
        color:rgb(227,196,95);  /* yellow */
         width: 150px;
          z-index: 3;}

#menu a {display: block;padding-left: 10px; 
      color:rgb(227,196,95);   /* yellow */
      padding-right: 10px;}

#menu a:link.current, #menu a:visited.current, {color:#001;}

#menu a:hover {background-color:rgb(227,196,95); /* 231,255,67);  yellow */
       color:rgb(19,98,45);}

#menu a:hover.current {background-color:transparent; 
      color:rgb(231,255,67); /* yellow */
      cursor:default}

/* general para format.  May be amended for specific pages*/
p {font-family:arial; font-size:17.5; xwidth:590px; margin-left:10px; margin-top:20px;}

h3 {font-size:19;}

/* the RIGHTBODY id is used in the right-hand page where the page has a background image */

div.RIGHTBODY h3 {color:black; font-size:19;}

div.RIGHTBODY a {color:#13622d}

.YELLOWBODY {background-color:rgb(227,196,95)} /* 231,255,67 yellow */

.YELLOWBODY a {color:rgb(19,98,45) }  /* the links on yellow background are green*/


.GREENBODY {background-color:rgb(19,98,45)}