body {font: 20px sans-serif, Arial, Verdana, Helvetica; color: silver; 
  background-color: #333333;
  }
  
  /*Start of css navbar*/
.navbar {
  overflow: hidden;
  background-color: #333333;  border: 1px solid grey; width: 900px;
  margin-left: auto; margin-right: auto;
   }

.navbar a {
  float: left;
  font-size: 20px;
  color: lawngreen;      /* was #33ff33 try lawngreen*/
  text-align: center;
  padding: 6px 12px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 20px;  
  border: none;
  outline: none;
  color: orange;        /* was #33ff33  will try to use the 140 colors that all modern browsers support according to w3schools.  Color names tend to be more relatable*/
  padding: 6px 12px;
  background-color: #333333;       /*with inherit; internet explorer showed a white background-color. Using a specific background-color: hex value; seemed to correct this */
  font-family: 20px sans-serif, Arial, Verdana, Helvetica;     /*was inherit*/
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: gold; color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #333333;
  min-width: 100px;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);   /*was 0px 8px 16px 0px rgba(0,0,0,0.2)*/
  border: 1px 1px solid gold;
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: lawngreen;       /* was #33ff33, lawngreen */
  padding: 6px 10px;
  border: 1px solid gold;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: gold;
}

.dropdown:hover .dropdown-content {
  display: block;
}
/*End of css navbar*/

/*Body css*/
.heading {color: gray; width: 1000px; text-align: center; 
     margin-left: auto; margin-right: auto; font-size: 36px; border: 0px solid gray;
   }
   
 /*General Page Links*/  
   a:link {color: lawngreen; text-decoration: none;}
    a:visited { color: lawngreen; text-decoration: none;}
    a:hover { color: red; text-decoration: none; background-color: gold;}

  .pages { color: gray;  width: 1000px; font: 24px Arial, sans-serif; text-align: center; margin-left: auto; margin-right: auto;
    } 

   .serif { font: 20px serif, Times, "Times New Roman"; color: silver
    }	
	
	 .formly {color: gray; width: 500px; text-align: center; margin-left: auto; margin-right: auto; border: 0px solid gray;
    }
	
	  .serift { font: 20px serif, Times, "Times New Roman"; color: cyan;
    }
   
    .sans-serif { font: 20px sans-serif, Arial, Verdana, Helvetica; color: lawngreen;
    }
	
	  .subhead { color: orange; font: 24px sans-serif, Arial, Verdana, Helvetica;
    }
	 .sub {color: Cyan; font-size:22px; font-family: sans-serif;
     }
	 
/*Stories within lnks*/	
	     a.stories:link {color: orange; text-decoration: none; line-height: 175%; font-size: 28px;
    }
    a.stories:visited {color: orange; text-decoration: none; line-height: 175%; font-size: 28px;
    }
    a.stories:hover {color: yellow; text-decoration: none; background-color: purple; line-height: 175%; font-size: 28px;
    }
   
   .substories { color: orange; font-size: 26px;}
	
	 .keepitsimple { font: 24px sans-serif; background-color: blue;
    }
	
	.empha { color: yellow;
    }
    .subfaq {color: cyan; font-size:24px;}
	
/*FAQ's within Links*/	
	  a.faqs:link {color: cyan; text-decoration: none; line-height: 150%; font-size: 24px;
    }
    a.faqs:visited {color: cyan; text-decoration: none; line-height: 150%; font-size: 24px;
    }
    a.faqs:hover {color: yellow; text-decoration: none; background-color: purple; line-height: 150%; font-size: 24px;
    }
	
	hr { width: 935px;
	}