/* header section */
.header {
   background: #3366FF;
   height: 50px;
   padding: 10px;
   font-size: 30px;
   color: white;
   text-decoration: none;
   }

/* main navigation menu top of page */
.nav_menu {
   overflow: hidden;
   background-color: black;
   }

.nav_menu a {
   float: left;
   color:#66FFFF;
   padding: 24px 24px;
   font-size: 24px;
   text-decoration: none;
   }

.nav_menu a:hover {
   background-color: white;
   color: purple;
   font-size: 24px;
   text-decoration: none;
   }

/* dropdown menu main body */
.dropdown {
   position: relative;
   display: inline-block;
   color: blue;
   padding: 10px;
   }

.dropdown-content {
   display: None;
   position: absolute;
   min-width: 200px;
   padding: 12px 16px;
   border: 1px solid blue;
   background-color: #FFFFCC;
   z-index: 1;
   }

.dropdown:hover .dropdown-content {
   display: block;
   }

.dropdown-font {
   font-size: 28px;
   text-decoration: none;
   }

.dropdown-scrolling {
   position: relative;
   display: inline-block;
   color: blue;
   padding: 10px;
   }

.dropdown-scrolling-content {
   display: None;
   position: absolute;
   min-width: 200px;
   Max-Height: 200px;
   overflow: scroll;
   padding: 12px 16px;
   border: 1px solid blue;
   background-color: #FFFFCC;
   z-index: 1;
   }

.dropdown-scrolling:hover .dropdown-scrolling-content {
   display: block;
   }

.dropdown-scrolling-font {
   font-size: 28px;
   text-decoration: none;
   }

/* Intro comments on top of all pages */
   .welcome-banner p {
   font-size: 32px;
   color: #333366;
}

/* this is white stroke around black font for when there is a background */
.strokeme {
  color: Black;
  text-shadow:
  -1px -1px 0 #FFF,
  1px -1px 0 #FFF,
  -1px 1px 0 #FFF,
  1px 1px 0 #FFF;
}