body {
  background: #ffffff;
  color: #000000;
  font-family: "Catamaran", "Source Sans Pro", "Raleway", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
}

.current {
  color: grey;
}

section.sidebar .current {
  background: grey;
}
section.sidebar .current a {
  color: white;
  text-decoration: none;
}

header, footer, .thead-dark {
  color: #FA0006;
  background: #000000;
}
header a, footer a, .thead-dark a {
  color: #FA0006;
  text-decoration: none;
}
header a:hover, footer a:hover, .thead-dark a:hover {
  color: white;
}

table.terms td {
  border-top: 1px solid #dee;
}

.sidebar {
  color: #000000;
  background: #eeeeee;
}

img.right, p.right img {
  float: right;
  padding: 0 0 0 2em;
}

img.left {
  float: left;
  padding: 0 2em 0 0;
}

h1.bio {
  clear: both;
  padding-top: 2em;
}

nav {
  display: block;
  position: relative;
  float: right;
}
nav .signupnav {
  position: fixed;
  top: 0;
}
nav a {
  color: #FA0006;
  text-decoration: none;
}
nav a:hover {
  color: white;
  background: #C1272D;
}
nav ul {
  list-style-type: none;
}
nav li {
  display: inline;
  position: relative;
  padding-right: 1em;
}
nav ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  display: none;
  left: 0px;
  padding: 0px;
}
nav ul li:hover > ul,
nav ul li ul:hover {
  visibility: visible;
  background: #000000;
  opacity: 1;
  display: block;
}
nav ul li ul li {
  clear: both;
  width: 100%;
}

.sidebar ul {
  list-style-type: none;
}

/* grid container */
.sidebar-grid, .nosidebar-grid {
  display: grid;
  grid-template-areas: "header" "main" "sidebar" "footer";
}
.sidebar-grid > *, .nosidebar-grid > * {
  padding: 1rem;
}
.sidebar-grid > header, .nosidebar-grid > header {
  grid-area: header;
}
.sidebar-grid > main, .nosidebar-grid > main {
  grid-area: main;
}
.sidebar-grid > .sidebar, .nosidebar-grid > .sidebar {
  grid-area: sidebar;
}
.sidebar-grid > footer, .nosidebar-grid > footer {
  grid-area: footer;
}

/* tablet breakpoint */
@media (min-width: 768px) {
  .sidebar-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "header header header header" "sidebar main main main" "footer footer footer footer";
  }
  .nosidebar-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "header header header header" "main main main main" "footer footer footer footer";
  }
}
header {
  background-image: url("asj_circle_negative-150x150.png");
  background-repeat: no-repeat;
}
header p {
  margin-left: 150px;
}

/*# sourceMappingURL=main.css.map */