body { 
    margin-right: 5px;
    margin-top: 5px;    
    margin-bottom: 5px;    
    padding: 0;
    font-family: serif;
    line-height: 1.1em;
    background: white; 
    color: black; 
    width: 97%;
  }
  
body#content { background: white; color: black }

body#anim { background: #999999; color: black }
/* 000060 - deep blue */
body#montana { background:#000060; color: black; }
body#home { background: #000000; color: #808080; }
body#Ivy { background: #12c20f; color: black; }
/* mw - note there is an option for background-repeat: no-repeat */
/* this could be useful for experimenting with a larger image for the
 * background */
/* body#montana { background:#5976c9; background-image:url("images/star_pattern1.png"); background-repeat: repeat;  color: black; } */
/* this should be cleaned up and/or rearranged... just wanted a quick way to change
 * footer for *some* pages without effecting others ..
*/

p.light { margin-top: 0; color: white; }
p.dark { color: black; }

p.montana { background:#c0c0c0; color: black;
            margin-left: 10em;
            margin-right: 10em;
            padding: 4px;        
}

  h1, h2, h3, h4, h5, h6, p, ul, ol, dir, menu, div, 
  dt, dd, address, blockquote, pre, br, hr { display: block }
  h1, h2, h3, h4 { margin-top: 1em; margin-bottom: 1em }
  h5, h6 { margin-top: 1em }
  h1, h2 { text-align: center; margin-left: auto; margin-right: center; }
  h1, h2, h4, h6 { font-weight: bold }
  h3, h5 { font-style: italic }

  h1 { font-size: xx-large }
  h2 { font-size: x-large }
  h3 { font-size: large }

  b, strong { font-weight: bolder }  /* relative to the parent */
  i, cite, em, var, address, blockquote { font-style: italic }
  pre, tt, code, kbd, samp { font-family: monospace }
/*  body#main p { margin-left: 20em; margin-right: 20em; padding: 5px; } */
/* 5/26/2009 increasing line spacing */
/* div.main { width: 70%; } */
div.main p, td { margin-left: 10em; margin-right: 12em; line-height: 1.25em; }

  pre { white-space: pre }

  address { margin-left: 3em }
  blockquote { margin-left: 3em; margin-right: 3em }

  ul, dir { list-style: disc }
  ol { list-style: decimal }
  menu { 
         position: fixed;
         top: 2em;
	 left: 1em;
         margin-top: 0px;
	 margin-right: 4em;
	 margin-bottom: 10px;
	 width: 17em;
         line-height: 1.5;
         font-size: 100%;
  }

/**/
div.fmenu {
  margin: 0;
  font-size: 100% /*smaller*/;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  position: fixed;
  top: 2em;
  left: auto;
  width: 8.5em;
  right: 2em;
}
div.fmenu p {
  float: right;
  margin: 0; 
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  background: #900;
  border: thin outset #900;
  color: #408080;
}

/* 5/26/2009 - experiment - toying with menus */
div.fmenu_divider {
    margin: 0;
    margin-left: .5em;
    padding: 0;
    text-align: left;
}
    
/* div.fmenu a, div.banner em { display: block; margin: 0 0.5em } */
div.fmenu a, div.banner em { display: block; margin: 0 0.5em }
div.fmenu a, div.banner em { border-top: 2px groove #900 }
div.fmenu a:first-child { border-top: none }
div.fmenu em { color: #CFC }
div.fmenu a:link { text-decoration: none; background: #606060; color: white }
div.fmenu a:visited { text-decoration: none; background: #707070; color: white }
div.fmenu a:link { text-decoration: none; background: #606060; color: white }
div.fmenu a:hover { background: black; color: white }

/**/
  body#main, p#main { top: 0em;
         margin-left: 1em;
         margin-right: 20em;
         padding: 2em;
         position: relative;
         background: #000090;
         color: #a0a0a0;

  }
  li { margin-left: 3em }

  dt { margin-bottom: 0px }
  dd { margin-top: 0em; margin-left: 3em }

  hr { border-top: solid }      /* 'border-bottom' could also have been used */
/* from w3c.org site */
a:link img, a:visited img { border-style: none } /* no border on img links */
a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

/* hmmmm.... test this later ... */
@media screen {  /* hide from IE3 */

a[href]:visited { color: #707080; font-weight: bold; } */
a.Ivy[href]:visited { color: #202020; font-weight: bold; }
a[href]:link { color: #0000c0; font-weight: bold; }
a[href]:hover { color: white; background: #000000; font-weight: bold; } 

}

/* */
/* # to give some contrast to text links on pages with image buttons */
/* .textlink {  text-decoration: underline;
             background-color: #cccccc;
             font-weight: bold;
             color: blue;
             display: inline;
}
*/ 

  .no {display: none }  /* for message for old browsers */