* {
    font-family: 'Trebuchet MS', Arial, sans-serif;
}

/* side navigation bar */
.side_nav {
    height: auto;
    width: 185px;
    position: fixed; /* doesn't move with scroll */
    z-index: 1; /* Stay on top */
    top: 0; /* align top left */
    left: 0;
    background-color: #E4E4E4; /* grey */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 20px;
}

.side_nav a {
  padding: 8px 16px 15px 20px; /* top right bottom left */
  text-decoration: none;  /* not underlined */
  font-size: 20px;
  color: #1779c4;
  display: block;
}

.side_nav a:hover {
  color: #2a3f76;
}

/* acccess data sets/home page */
.access_data_sets {
  width: 100%;
  margin: auto;
  /* background-color: #E4E4E4; */
  text-align: center;
  padding: 30px, 0px;
}

.access_data_sets a {
  font-size: 1.8em;
  padding: 50px, 0px
}

.access_data_sets a:link, .access_data_sets a:visited {
  color: #0000ee;
  text-decoration:none;
}

.access_data_sets a:hover {
  color: #0000ee;
  text-decoration: underline;
}

.access_data_sets a:active {
  color: #ee3800;
  text-decoration: underline;
}

/* data source selection page */
.data_source_selection {
  width: 50%;
  margin: auto;
  text-align: center;
  padding: 45px, 0px;
}

.data_source_selection label {
  font-size: 2em;
  font-weight: bold;
  padding: 30px, 0px;
}

.data_source_selection option, button {
  font-size: 1.3em;
  text-align: center;
  padding: 20px, 0px;
}

.data_source_selection select {
  display: block;
  margin: auto;
  padding: 12px, 0px, 30px, 0px /* top right bottom left */
}

/* all content */
.content {
  margin-left: 185px; /* Same as the width of side_nav */
  padding: 6px 20px;  /* Top/bottom, left/right */
}

.data_source_description, .info_page_content {
  font-size: 1.1em;
}