/* CSS Document */
div.sub_header {
  background-image: url("../images/grc_subheader_bg.jpg");
  height: 105px;
  margin: 0 0 20px;
  position: relative;
  width: 795px;
}

div.page_bg_image {
  display: block;
  height: 75px;
  width: 1034px;
}

div#research_header {
  background-image: url("../images/research_header.jpg");
  background-repeat: no-repeat;
  height: 190px;
  margin-left: 30px;
  padding: 0;
  width: 1034px;
}

#headerlink {
  color: #666;
  display: block;
  height: 125px;
  margin: 15px 0 0 20px;
  position: absolute;
  width: 240px;
}

div#content_team {
  height: 1200px;
  margin: 15px 35px 0 60px;
  width: 974px;
}

div#content_tools {
  height: 1260px;
  margin: 15px 35px 0 60px;
  width: 974px;
}

div#content_454 {
  height: 1200px;
  margin: 15px 35px 0 60px;
  width: 974px;
}

div.indent {
  display: block;
  margin: 0 0 0 20px;
}

/* SIDE NAVE OVER_WRITE */
div.resources ul li.title {
  color: #000;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  padding: 0 0 5px;
}

/* main */
div#main_area_intro {
  background-color: #fff;
  height: auto;
  margin-left: 295px;
  margin-top: 20px;
  position: absolute;
  width: 620px;
}

.main_title {
  color: #333;
  font-size: 18px;
}

.topic_title {
  color: #333;
  font-size: 15px;
  padding: 2px 0 12px;
}

div.topic_area {
  background-color: #fff;
  float: left;
  height: 75px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 620px;
}

div.topic_img {
  background-color: #999;
  height: 75px;
  margin-right: 10px;
  width: 175px;
}

.topic__text__img {
  height: auto;
  width: 265px;
}

a.img_topic {
  color: #212161;
  text-decoration: none;
}

a.img_topic:hover {
  color: #212161;
  text-decoration: none;
}

/* Luke Tallon */
div#content_tallon {
  height: 1650px;
  margin: 25px 35px 0 60px;
  width: 974px;
}

/* Lisa S. */
div#content_sadzewicz {
  height: 1000px;
  margin: 25px 35px 0 60px;
  width: 974px;
}

/* navigation */
.navcontainer {
  margin: 0;
  width: 265px;
}

.navcontainer ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.navcontainer a {
  background-color: #b2d1f3;
  border-bottom: 1px solid #82a6c5;
  display: block;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-top: 8px;
  width: 245px;
}

.navcontainer li a:link {
  color: #2a3faa;
  text-decoration: none;
}

.navcontainer li a:hover {
  background-color: #333;
  color: #fff;
}

div#bioimage_luke {
  background-image: url("../images/bioimage_luke.jpg");
  display: block;
  height: 219px;
  margin: 50px 0 10px 0;
  width: 175px;
}
@media screen and (min-width: 768px) {
  div#bioimage_luke {
    float: left;
    margin: 0 10px 0 0;
  }
}

div#bioimage_lisa {
  background-image: url("../images/bioimage_lisa.jpg");
  display: block;
  height: 219px;
  margin: 50px 0 10px 0;
  width: 175px;
}
@media screen and (min-width: 768px) {
  div#bioimage_lisa {
    float: left;
    margin: 0 10px 0 0;
  }
}

.grc_team {
  margin: 0 15px 0 0;
}
@media screen and (min-width: 768px) {
  .grc_team {
    float: left;
    width: 78px;
  }
}

.grc_team_text {
  width: 100%;
  float: left;
  clear: both;
  margin: 0 0 25px 0;
  text-align: center;
}
.grc_team_text .topic__text__single {
  margin-left: 0 !important;
}
.grc_team_text .topic_text {
  float: left;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .grc_team_text .topic_text {
    width: 83.15018%;
    float: left;
    margin-right: 1.0989%;
    margin: 0;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .grc_team_text {
    text-align: left;
  }
}

.grc_titles {
  display: block;
}
@media screen and (min-width: 768px) {
  .grc_titles {
    display: inline;
  }
}

.grc_comma {
  display: none;
}
@media screen and (min-width: 768px) {
  .grc_comma {
    display: inline;
  }
}

/* GRC navigation */
.navspacer {
  margin-right: 30px;
}

#navlist_grc {
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  height: 25px;
  margin: 0;
  margin-bottom: 10px;
  padding-bottom: 3px;
  padding-left: 0;
  padding-top: 3px;
  width: 660px;
}

#navlist_grc a, #navlist_grc a:link, #navlist_grc a:visited {
  color: #000;
  color: #039;
  font-size: 12px;
  padding: 1px;
  padding-left: 0;
  padding-right: 30px;
  text-decoration: none;
}

#navlist_grc a:hover, #navlist_grc a:active, #navlist_grc a:focus {
  color: #06f;
  padding: 1px;
  padding-left: 0;
  padding-right: 30px;
  text-decoration: none;
}

#navlist_grc li {
  display: inline;
  font-size: 0.6em;
  padding-right: 1px;
}

#navlist_grc ul {
  margin: 0;
  padding: 0;
}

#navlist_grc #active a {
  color: #000;
}

/* GRC & IRC navigation */
div#grc_irc_buttons {
  height: 200px;
  margin-top: 20px;
  position: absolute;
  width: 265px;
}

/* specialty navigation */
#navcontainer_specialty {
  margin: 0;
  width: 265px;
}

.navspacer {
  margin-right: 30px;
}

#navlist_specialty {
  background-repeat: no-repeat;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  height: 25px;
  margin: 0;
  margin-bottom: 10px;
  padding-bottom: 3px;
  padding-left: 0;
  padding-top: 3px;
}

#navlist_specialty a, #navlist_specialty a:link, #navlist_specialty a:visited {
  color: #000;
  color: #039;
  font-size: 12px;
  padding: 1px;
  padding-left: 0;
  padding-right: 30px;
  text-decoration: none;
}

#navlist_specialty a:hover {
  color: #06f;
  padding: 1px;
  padding-left: 0;
  padding-right: 30px;
  text-decoration: none;
}

#navlist_specialty a.active {
  color: #000;
  padding: 1px;
  padding-left: 0;
  padding-right: 30px;
  text-decoration: none;
}

/* LISTS */
ul.grc_list {
  color: #888;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 20px 0;
}

ul.grc_list li {
  list-style: inside;
  list-style-type: disc;
  margin: 0;
  padding: 0 0 5px;
}
@media screen and (min-width: 768px) {
  ul.grc_list li {
    margin: 0 0 0 20px;
  }
}

ul.grc_list li ul li {
  list-style: inside;
  list-style-type: circle;
  margin: 0 0 0 20px;
  padding: 5px 0;
}

div#hiseq_list_cont {
  float: right;
}

div#hiseq_img {
  float: left;
}

div#miseq_list_cont {
  float: left;
}

div#miseq_img {
  float: right;
}

div#pacbio_list_cont {
  float: right;
  margin-right: 60px;
}

div#pacbio_img {
  float: left;
}
div#pacbio_img img {
  width: 315px;
}
@media screen and (min-width: 768px) {
  div#pacbio_img img {
    width: 400px;
  }
}

.grc__platforms .product {
  padding-bottom: 1rem;
}

#hiseq_list {
  width: 300px;
}

#miseq_list {
  width: 250px;
}

#pacbio_list {
  width: 275px;
}

#pacbio_list li {
  list-style-position: outside;
}

.pacbio_logo_platform {
  clear: both;
  float: left;
  width: 282px;
}

.pacbio_logo_index {
  float: left;
  margin: 0 0 20px 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .pacbio_logo_index {
    float: right;
    margin-bottom: 20px;
    margin-right: 50px;
    margin-top: 20px;
    width: 40%;
  }
}