/* This for banner, menu, and text */

/* reset styles */
  html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: normal;
  }
  /* end reset styles */

html {
  background-color: #C0C7CC;   /* silver / gray - Aurora picked */
  /*  background-color: #073D5E;  /* aurora's favorite color blue  (see colorpicker.com */
  /* background-color: #555555;  /* gray */
  /* background-color: #0a0201; */ /* black */
  /* background: url('images2/background.png') ; */
} 


 
  body {
  /* background-color: #4ECFBD;  /* green background */
   background-color: #f2e7c5;  /* tan background */
  border: 8px solid #0a0201;  /* the black border */
  width: 800px;               /* this must be 800 to match the top banner image! */
  /* margin-top: 10px; */     /* margin top will push down everything  - ugly */     
  margin-left: auto;          /* need to be auto to center everything */
  margin-right: auto; 
  /* padding: 0px;               /* 0 keeps banner bars up to border */
  
  
  /* height: 3000px; */
  }

  
  #nav-menu
  {
  width:80em;
  margin-top: -.1em;
  margin-bottom: 2em;
  padding-bottom: 4em;
  padding: 0;
  /* border: 1px solid green;  /* the black border */
  
  } 
  
  /* the following get rid of bullets */
  #nav-menu ul
  {
  list-style: none; /*  need this to get rid of bullets! */ 
  /* padding: 400;  /* no effect */
  /* margin: 56;    /* no effect */
  } 

  /* this get items on the same line */
  #nav-menu li
  {
  float: left;   /* if center - menu goes vertical!! */
  margin-left: 1em;
  /* margin: 15 1em;   /* no effect */
  /* padding: 40;   /* no effect */
  /* outline:none; */
  } 

  #nav-menu li a
  {
  /* background: url(background.gif) #fff bottom left repeat-x; */
  /* height: 2em; */
  /* line-height: 1em; */
  float: center;
  /* width: 19em;           /* controls spacing between menu items - too big and it wraps */
  padding: 2em;
  /* display: block; */
  display: inline;
  /* border: 0.1em solid #dcdce9; */
  /* margin-top: -100px; /* no effect */
  margin-left: 10px;
  color: black;
  text-decoration: none;
  text-align: center;
  font: bold 22px Papyrus; /* Change 13px as desired */
  outline:none;            /* keeps a box from appearing when clicked */
  } 
  
  #nav-menu li a:hover
  {
  /* background: url(background.gif) #fff bottom left repeat-x; */
  /* height: 2em; */
  /* line-height: 1em; */
 animation-timing-function: float: center;
  /* width: 19em;           /* controls spacing between menu items - too big and it wraps */
  padding: 2em;
  /* display: block; */
  display: inline;
  /* border: 0.1em solid #dcdce9; */
  /* margin-top: -100px; /* no effect */
  margin-left: 10px;
  color: green;
  text-decoration: none;
  text-align: center;
  font: bold 22px Papyrus; /* Change 13px as desired */
  /* outline:none; */
  } 
  
   #nav-menu li a:active
  {
  } 
  
  
.copyright{
font-size:small;
color: gray;
  margin-top: 50px; 
text-align:center;
}