.tablestyle1 {
  border-spacing: 0px;
    border-collapse:collapse;  /* <--- add this so all the internal <td>s share adjacent borders  */
    border:1px solid #bbb;
    font-size: 14px;
    font-family:avenir;
}
.tablestyle1 td{
    border:1px solid #bbb;
    padding:5px;
}
.tablestyle1 th{
    border:1px solid #bbb;
    padding: 5px;
}

.tablestyle2 {
  border-collapse: collapse;
  border-style: hidden !important;
  font-size: 14px;
  border-color: white;
  width: 100%;
  font-family: avenir;
}
.tablestyle2 td {
  text-align: center;
  border-color: white;
  border-right: 1px solid #bbb;
}

a {
  transition: color .4s;
  color: #265C83;
}

a:link,
a:visited { color: #265C83; }
a:hover   { color: #7FDBFF; }
a:active  {
  transition: color .3s;
  color: #007BE6;
}

.link { text-decoration: none; }


p { text-align:justify; font-size:14px; font-family:avenir; }
/*
color:#000000; text-align:left; vertical-align:top; */
.heading-selected {font-family:avenir; font-size:28px}
.heading-selected A:link {color:#000000; text-decoration: none}
.heading-selected A:visited {color:#000000; text-decoration: none}
.heading-selected A:active {color:#000000; text-decoration: none}
.heading-selected A:hover {color:#000000; text-decoration: none}

.heading-main {color:#888888; font-family:avenir; font-size:28px}
.heading-main A:link {color:#888888; text-decoration: none}
.heading-main A:visited {color:#888888; text-decoration: none}
.heading-main A:active {color:#000000; text-decoration: none}
.heading-main A:hover {color:#000000; text-decoration: none}

.subheading {font-family:avenir; font-size:24px}
.subheading A:link {color:#000000; text-decoration: none}
.subheading A:visited {color:#000000; text-decoration: none}
.subheading A:active {color:#000000; text-decoration: none}
.subheading A:hover {color:#000000; text-decoration: none}