/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

------------ MAP ------------

01. GENERAL STYLES
02. WORDPRESS BODY CLASSES
03. LAYOUT & GRID STYLES
04. LINK STYLES
05. H1, H2, H3, H4, H5 STYLES
06. HEADER STYLES
07. NAVIGATION STYLES
08. POSTS & CONTENT STYLES
09. PAGE NAVI STYLES
10. COMMENT STYLES
11. COMMENT FORM STYLES
12. SIDEBARS & ASIDES
13. FOOTER STYLES

******************************************************************/
/*********************
01. GENERAL STYLES
*********************/
html,
body {
  /* height: 100%; */
}
body {
  font-size: 13px;
  line-height: 1.5;
  font-family: "Open Sans", sans-serif;
  background: #ffffff;
  color: #434a54;
}
/*********************
02. LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 100%;
  margin: 0 auto;
}
#container {
  margin: 0 auto;
  width: 100%;
  /* End Header */
  /* Table Style */
}
#container .site-header {
  float: left;
  width: 100%;
  background: url(img/header-bg.jpg);
  padding: 20px 0;
  border-bottom: 3px solid #c7d528;
}
#container .site-header .wrap {
  margin: 0 auto;
  max-width: 320px;
}
#container .site-header .wrap .logo {
  margin: 0 auto;
  width: 98%;
  text-align: center;
  margin: 10px 0;
}
#container .site-header .wrap .life {
  margin: 0 auto;
  width: 98%;
  text-align: center;
}
#container .site-header .wrap .life img {
  max-width: 100%;
  width: 100%;
}
#container .site-header .wrap .links {
  margin: 0 auto;
  width: 98%;
  text-align: center;
  margin-top: 10px;
}
#container .site-header .wrap .links a {
  float: right;
  width: 100%;
  background: #00b9c7;
  color: #ffffff;
  padding: 10px 20px 15px 30px;
  border: 1px solid #ffffff;
  font-family: "Oswald", sans-serif;
  text-align: center;
  text-decoration: none;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
}
#container .site-header .wrap .links a.about {
  background: url(img/icons/question.png) no-repeat #00b9c7;
  background-position: left;
}
#container .site-header .wrap .links a.about:hover {
  background: url(img/icons/question.png) no-repeat #008e99;
  background-position: left;
}
#container .site-header .wrap .links a.resources {
  background: url(img/icons/resources.png) no-repeat #00b9c7;
  background-position: left;
}
#container .site-header .wrap .links a.resources:hover {
  background: url(img/icons/resources.png) no-repeat #008e99;
  background-position: left;
}
#container .banner {
  float: left;
  width: 100%;
  background: #ffffff;
  padding-bottom: 5px;
  border-bottom: 2px solid #00b9c7;
}
#container .banner div.wrap {
  margin: 0 auto;
}
#container .banner div.wrap .home {
  float: left;
}
#container .banner div.wrap .home ul {
  line-height: 0;
}
#container .banner div.wrap .home ul li {
  list-style: none;
  display: block;
}
#container .banner div.wrap .home ul li a {
  float: left;
  width: 100%;
  color: #00b9c7;
  margin-left: 15px;
  padding: 10px 0px 10px 25px;
  text-decoration: none;
}
#container .banner div.wrap .home ul li a.home {
  background: url(img/home.png) no-repeat;
  background-position: left;
}
#container .banner div.wrap .logout {
  float: right;
}
#container .banner div.wrap .logout ul {
  line-height: 0;
}
#container .banner div.wrap .logout ul li {
  list-style: none;
  display: block;
}
#container .banner div.wrap .logout ul li a {
  float: left;
  width: 100%;
  color: #00b9c7;
  margin-left: 15px;
  padding: 10px 0px 10px 25px;
  text-decoration: none;
}
#container .banner div.wrap .logout ul li a.logout {
  background: url(img/lock.png) no-repeat;
  background-position: left;
}
#container .banner div.wrap .navigation {
  float: right;
  width: 100%;
  padding: 0px 0;
  margin-right: 0px;
  margin-bottom: 10px;
}
#container .banner div.wrap .navigation ul {
  line-height: 0;
}
#container .banner div.wrap .navigation ul li {
  list-style: none;
  display: block;
}
#container .banner div.wrap .navigation ul li a {
  float: left;
  width: 100%;
  color: #d74139;
  margin-left: 15px;
  padding: 10px 0px 10px 25px;
  text-decoration: none;
}
#container .banner div.wrap .navigation ul li a.home {
  background: url(img/home.png) no-repeat;
  background-position: left;
}
#container .banner div.wrap .navigation ul li a.resources {
  background: url(img/resources.png) no-repeat;
  background-position: left;
}
#container .banner div.wrap .navigation ul li a.make {
  background: url(img/about.png) no-repeat;
  background-position: left;
}
#container .holder {
  margin: 0 auto;
}
#container .desktop {
  display: none;
}
#container .mobile {
  display: block;
}
#container div.content {
  float: left;
  width: 100%;
  background: #ffffff;
}
#container div.content div.wrap {
  margin: 0 auto;
  width: 96%;
  /* End Left Menu */
  /* End Inner Content */
}
#container div.content div.wrap div.left-menu {
  float: left;
  width: 100%;
  margin-top: 0px;
}
#container div.content div.wrap div.left-menu h1 {
  font-size: 18px;
  color: #006993;
  margin-bottom: 10px;
}
#container div.content div.wrap div.left-menu p {
  font-size: 13px;
  font-style: bold;
  color: #d74139;
}
#container div.content div.wrap div.left-menu .left-box {
  float: left;
  width: 100%;
  background: #c3c3c3;
  padding: 20px 20px 50px 20px;
}
#container div.content div.wrap div.left-menu .left-box select {
  width: 100%;
  background: url(img/selct-bg.png) #00b9c7 no-repeat;
  background-position: right;
  color: #ffffff;
  border: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  margin-bottom: 10px;
}
#container div.content div.wrap div.left-menu .left-box .select {
  float: left;
  width: 100%;
  color: #006993;
  font-family: #565656;
}
#container div.content div.wrap div.left-menu .left-box .select h4 {
  font-weight: bold;
  font-family: #565656;
  font-size: 13px;
  color: #ffffff;
  padding: 10px 15px;
  margin: 0;
  background: url(img/body/arrow-down.png) #00b9c7 no-repeat;
  background-position: right;
}
#container div.content div.wrap div.left-menu .left-box .box {
  float: left;
  width: 100%;
  background: #ffffff;
  padding: 15px;
  color: #000000;
  margin-bottom: 10px;
}
#container div.content div.wrap div.left-menu .left-box .box.type a {
  float: left;
  width: 100%;
  color: #000000;
  text-decoration: none;
  background: url(img/icons/box.png) no-repeat;
  background-position: right;
}
#container div.content div.wrap div.left-menu .left-box .box.type a:hover {
  background: url(img/icons/selected-box.png) no-repeat;
  background-position: right;
}
#container div.content div.wrap div.left-menu .left-box .box.type a.selected {
  background: url(img/icons/selected-box.png) no-repeat;
  background-position: right;
  color: #000000 !important;
}
#container div.content div.wrap div.left-menu .left-box .box.type li {
  padding: 5px 0;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.all {
  background: url(img/icons/all-types.png) no-repeat;
  padding-left: 40px;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.all:hover {
  background: url(img/icons/all-types.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.all.selected {
  background: url(img/icons/all-types.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.videos {
  background: url(img/icons/videos.png) no-repeat;
  padding-left: 40px;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.videos:hover {
  background: url(img/icons/videos.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.videos.selected {
  background: url(img/icons/videos.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.plans {
  background: url(img/icons/plans.png) no-repeat;
  padding-left: 40px;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.plans:hover {
  background: url(img/icons/plans.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.plans.selected {
  background: url(img/icons/plans.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.worksheets {
  background: url(img/icons/worksheets.png) no-repeat;
  padding-left: 40px;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.worksheets:hover {
  background: url(img/icons/worksheets.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.worksheets.selected {
  background: url(img/icons/worksheets.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.powerpoints {
  background: url(img/icons/powerpoints.png) no-repeat;
  padding-left: 40px;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.powerpoints:hover {
  background: url(img/icons/powerpoints.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.powerpoints.selected {
  background: url(img/icons/powerpoints.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.maps {
  background: url(img/icons/maps.png) no-repeat;
  padding-left: 40px;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.maps:hover {
  background: url(img/icons/maps.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.maps.selected {
  background: url(img/icons/maps.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.ecology {
  background: url(img/icons/ecology.png) no-repeat;
  padding-left: 40px;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.ecology:hover {
  background: url(img/icons/ecology.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.ecology.selected {
  background: url(img/icons/ecology.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.type li.activities {
    background: url(img/icons/activity.png) no-repeat;
    padding-left: 40px;
    background-position: left;
}

#container div.content div.wrap div.left-menu .left-box .box.type li.activities:hover {
    background: url(img/icons/activity.png) #ebebeb no-repeat;
    background-position: left;
}

#container div.content div.wrap div.left-menu .left-box .box.type li.activities.selected {
    background: url(img/icons/activity.png) #ebebeb no-repeat;
     background-position: left;
}

#container div.content div.wrap div.left-menu .left-box .box.unit {
  height: 200px!important;
  overflow-y: scroll;
}
#container div.content div.wrap div.left-menu .left-box .box.unit a {
  color: #000000 !important;
}
#container div.content div.wrap div.left-menu .left-box .box.unit ul.chapters {
  float: left;
  width: 90%;
  margin-left: 20px;
  margin-bottom: 10px!important;
}
#container div.content div.wrap div.left-menu .left-box .box.unit ul.chapters li {
  float: left;
  width: 100%;
  margin: 0 0 5px 0!important;
  padding: 3px 0 5px 0px;
}
#container div.content div.wrap div.left-menu .left-box .box.unit ul.chapters li.selected {
  background: #ebebeb;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  padding: 3px 0;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.all {
  background: url(img/icons/all.png) no-repeat;
  padding-left: 30px;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.all:hover {
  background: url(img/icons/all.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.all.selected {
  background: url(img/icons/all.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.life {
  background: url(img/icons/life.png) no-repeat;
  padding-left: 30px;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.life:hover {
  background: url(img/icons/life.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.life.selected {
  background: url(img/icons/life.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.cell {
  background: url(img/icons/cell.png) no-repeat;
  padding-left: 30px;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.cell:hover {
  background: url(img/icons/cell.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.cell.selected {
  background: url(img/icons/cell.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.organism {
  background: url(img/icons/organism.png) no-repeat;
  padding-left: 30px;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.organism:hover {
  background: url(img/icons/organism.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box.unit span.organism.selected {
  background: url(img/icons/organism.png) #ebebeb no-repeat;
  background-position: left;
}
#container div.content div.wrap div.left-menu .left-box .box ul {
  list-style: none;
}
#container div.content div.wrap div.left-menu .left-box .box ul li {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
#container div.content div.wrap div.left-menu .left-box .box ul li a {
  float: left;
  width: 100%;
  color: #ffffff;
  text-decoration: none;
  background: url(img/icons/off-bg.png) no-repeat;
  background-position: right;
}
#container div.content div.wrap div.left-menu .left-box .box ul li a:hover {
  background: url(img/icons/on-bg.png) no-repeat;
  background-position: right;
}
#container div.content div.wrap div.left-menu .left-box .box ul li a.selected {
  color: #ffffff;
  text-decoration: none;
  background: url(img/icons/on-bg.png) no-repeat;
  background-position: right;
}
#container div.content div.wrap div.left-menu .left-box a.go {
  float: left;
  width: 100%;
  background: url(img/arrow.png) no-repeat #1a968e;
  background-position: right;
  padding: 10px;
  margin-bottom: 5px;
  color: #ffffff;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
}
#container div.content div.wrap div.left-menu .left-box a.go:hover {
  background: url(img/arrow.png) no-repeat #136f69;
  background-position: right;
}
#container div.content div.wrap div.left-menu .left-box a.clear {
  float: left;
  width: 100%;
  background: url(img/arrow.png) no-repeat #007e9b;
  background-position: right;
  padding: 10px;
  color: #ffffff;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
}
#container div.content div.wrap div.left-menu .left-box a.clear:hover {
  background: url(img/arrow.png) no-repeat #00596d;
  background-position: right;
}
#container div.content div.wrap div.inner-content {
  float: left;
  width: 100%;
  padding: 2% 0% 2% 0%;
}
#container div.content div.wrap div.inner-content form label {
  display: block;
  margin: 0px;
}
#container div.content div.wrap div.inner-content form input[type="text"],
#container div.content div.wrap div.inner-content form input[type="email"],
#container div.content div.wrap div.inner-content form textarea,
#container div.content div.wrap div.inner-content form select {
  border: 1px solid #DADADA;
  color: #888;
  height: 30px;
  margin-bottom: 16px;
  margin-right: 6px;
  margin-top: 2px;
  outline: 0 none;
  padding: 3px 3px 3px 5px;
  width: 70%;
  font-size: 12px;
  line-height: 15px;
  box-shadow: inset 0px 1px 4px #ECECEC;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
#container div.content div.wrap div.inner-content form textarea {
  padding: 5px 3px 3px 5px;
}
#container div.content div.wrap div.inner-content form textarea {
  height: 100px;
}
#container div.content div.wrap div.inner-content form .button {
  background: #E27575;
  border: none;
  padding: 10px 25px 10px 25px;
  color: #FFF;
  box-shadow: 1px 1px 5px #B6B6B6;
  border-radius: 3px;
  text-shadow: 1px 1px 1px #9E3F3F;
  cursor: pointer;
}
#container div.content div.wrap div.inner-content form .button:hover {
  background: #cf7a7a;
}
#container div.content div.wrap div.inner-content .pagination {
  float: right;
  width: 100%;
}
#container div.content div.wrap div.inner-content .pagination .pagination {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: inline-block;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  padding-left: 0;
}
#container div.content div.wrap div.inner-content .pagination .pagination > li {
  display: inline;
}
#container div.content div.wrap div.inner-content .pagination .pagination > li > a,
#container div.content div.wrap div.inner-content .pagination .pagination > li > span {
  border: 1px solid #ddd;
  color: #555555;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  position: relative;
  margin-right: 5px;
  background: #ffffff;
  text-decoration: none;
}
#container div.content div.wrap div.inner-content .pagination .pagination > li:first-child > a,
#container div.content div.wrap div.inner-content .pagination .pagination > li:first-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-left: 0;
}
#container div.content div.wrap div.inner-content .pagination .pagination > li:last-child > a,
#container div.content div.wrap div.inner-content .pagination .pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
#container div.content div.wrap div.inner-content .pagination .pagination > li > a:hover,
#container div.content div.wrap div.inner-content .pagination .pagination > li > span:hover,
#container div.content div.wrap div.inner-content .pagination .pagination > li > a:focus,
#container div.content div.wrap div.inner-content .pagination .pagination > li > span:focus {
  background-color: #eee;
  border-bottom-color: #ddd;
  border-left-color-ltr-source: physical;
  border-left-color-rtl-source: physical;
  border-left-color-value: #ddd;
  border-right-color-ltr-source: physical;
  border-right-color-rtl-source: physical;
  border-right-color-value: #ddd;
  border-top-color: #ddd;
  color: #555555;
}
#container div.content div.wrap div.inner-content .pagination .pagination > .active > a,
#container div.content div.wrap div.inner-content .pagination .pagination > .active > span,
#container div.content div.wrap div.inner-content .pagination .pagination > .active > a:hover,
#container div.content div.wrap div.inner-content .pagination .pagination > .active > span:hover,
#container div.content div.wrap div.inner-content .pagination .pagination > .active > a:focus,
#container div.content div.wrap div.inner-content .pagination .pagination > .active > span:focus {
  background-color: #555555;
  color: #fff;
  cursor: default;
  z-index: 2;
}
#container div.content div.wrap div.inner-content .pagination .pagination > .disabled > span,
#container div.content div.wrap div.inner-content .pagination .pagination > .disabled > span:hover,
#container div.content div.wrap div.inner-content .pagination .pagination > .disabled > span:focus,
#container div.content div.wrap div.inner-content .pagination .pagination > .disabled > a,
#container div.content div.wrap div.inner-content .pagination .pagination > .disabled > a:hover,
#container div.content div.wrap div.inner-content .pagination .pagination > .disabled > a:focus {
  background-color: #fff;
  border-bottom-color: #ddd;
  border-left-color-ltr-source: physical;
  border-left-color-rtl-source: physical;
  border-left-color-value: #ddd;
  border-right-color-ltr-source: physical;
  border-right-color-rtl-source: physical;
  border-right-color-value: #ddd;
  border-top-color: #ddd;
  color: #777;
  cursor: not-allowed;
}
#container div.content div.wrap div.inner-content .full {
  float: left;
  width: 100%;
}
#container div.content div.wrap div.inner-content .full h1 {
  font-size: 30px;
  color: #431a65;
  margin-bottom: 40px;
}
#container div.content div.wrap div.inner-content .full h2 {
  font-size: 20px;
}
#container div.content div.wrap div.inner-content .full p {
  font-size: 13px;
}
#container div.content div.wrap div.inner-content .full ul {
  list-style: disc;
}
#container div.content div.wrap div.inner-content .full ul li {
  margin-left: 35px;
}
#container div.content div.wrap div.inner-content .half {
  float: left;
  width: 100%;
}
#container div.content div.wrap div.inner-content .half.life h1 {
  font-size: 22px;
  color: #006993;
}
#container div.content div.wrap div.inner-content .half.life h1.life {
  background: url(img/study-title-bg.png) no-repeat;
  padding: 5px 0 5px 70px;
}
#container div.content div.wrap div.inner-content .half.life h1.life span.number {
  color: #ffffff;
  margin-right: 20px;
}
#container div.content div.wrap div.inner-content .half.life h2 {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
}
#container div.content div.wrap div.inner-content .half.cell h1 {
  font-size: 22px;
  color: #f58647;
}
#container div.content div.wrap div.inner-content .half.cell h1.life {
  background: url(img/cell-title-bg.png) no-repeat;
  padding: 5px 0 5px 70px;
}
#container div.content div.wrap div.inner-content .half.cell h1.life span.number {
  color: #ffffff;
  margin-right: 20px;
}
#container div.content div.wrap div.inner-content .half.cell h2 {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
}
#container div.content div.wrap div.inner-content .half.organism h1 {
  font-size: 22px;
  color: #4e2e8e;
}
#container div.content div.wrap div.inner-content .half.organism h1.life {
  background: url(img/organism-title-bg.png) no-repeat;
  padding: 5px 0 5px 70px;
}
#container div.content div.wrap div.inner-content .half.organism h1.life span.number {
  color: #ffffff;
  margin-right: 20px;
}
#container div.content div.wrap div.inner-content .half.organism h2 {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
}
#container div.content div.wrap div.inner-content .half.right {
  margin-left: 0%;
}
#container div.content div.wrap div.inner-content .half.right .video-container {
  clear: left;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
#container div.content div.wrap div.inner-content .half.right .video-container iframe,
#container div.content div.wrap div.inner-content .half.right .video-container object,
#container div.content div.wrap div.inner-content .half.right .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#container div.content div.wrap div.inner-content .half.right img {
  width: 100%;
  max-width: 100%;
}
#container div.content div.wrap div.inner-content .half h1 {
  font-size: 22px;
  color: #006993;
}
#container div.content div.wrap div.inner-content .half h1.life {
  background: url(img/study-title-bg.png) no-repeat;
  padding: 5px 0 5px 70px;
}
#container div.content div.wrap div.inner-content .half h1.life span.number {
  color: #ffffff;
  margin-right: 20px;
}
#container div.content div.wrap div.inner-content .half h1.cell {
  background: url(img/cell-title-bg.png) no-repeat;
  padding: 5px 0 5px 70px;
  color: #f58647;
}
#container div.content div.wrap div.inner-content .half h1.cell span.number {
  color: #ffffff;
  margin-right: 20px;
}
#container div.content div.wrap div.inner-content .half h1.organism {
  background: url(img/organism-title-bg.png) no-repeat;
  padding: 5px 0 5px 70px;
  color: #4e2e8e;
}
#container div.content div.wrap div.inner-content .half h1.organism span.number {
  color: #ffffff;
  margin-right: 20px;
}
#container div.content div.wrap div.inner-content .half h2 {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
}
#container div.content div.wrap div.inner-content .half p {
  font-size: 13px;
}
#container div.content div.wrap div.inner-content .half ul {
  list-style: disc;
}
#container div.content div.wrap div.inner-content .half ul li {
  margin-left: 35px;
}
#container div.content div.wrap div.inner-content .half .make {
  float: left;
  width: 100%;
  background: #efefef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 0;
  margin-bottom: 20px;
}
#container div.content div.wrap div.inner-content .half .make .image {
  float: left;
  width: 40%;
  margin-right: 10px;
}
#container div.content div.wrap div.inner-content .half .make .image img {
  max-width: 100%;
  width: 100%;
}
#container div.content div.wrap div.inner-content .half .make .text {
  float: left;
  width: 56%;
}
#container div.content div.wrap div.inner-content .half .make .text h3 {
  font-size: 21px;
  color: #d74139;
  padding: 0;
  margin: 0;
}
#container div.content div.wrap div.inner-content .half .make .text h4 {
  font-size: 18px;
  color: #000000;
  padding: 0;
  margin: 0;
}
#container div.content div.wrap div.inner-content .resources-holder {
  float: left;
  width: 100%;
}
#container div.content div.wrap div.inner-content .resources-holder h2 {
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  color: #006993;
}
#container div.content div.wrap div.inner-content .resources-holder h2.cell {
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  color: #f58647;
}
#container div.content div.wrap div.inner-content .resources-holder h2.organism {
  font-size: 22px;
  font-family: "Oswald", sans-serif;
  color: #4e2e8e;
}
#container div.content div.wrap div.inner-content .resources-holder .resource {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.margin {
  margin-left: 0%;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title {
  float: left;
  width: 90%;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h2 {
  float: left;
  width: 100%;
  margin: 0;
  padding: 5px 0 5px 15px;
  font-size: 13px;
  color: #ffffff;
  text-transform: uppercase;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h2.all {
  background: url(img/icons/category-header.png) no-repeat #c7d528;
  background-position: top left;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h2.videos {
  background: url(img/icons/category-header.png) no-repeat #d51340;
  background-position: top left;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h2.plans {
  background: url(img/icons/category-header.png) no-repeat #00ac91;
  background-position: top left;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h2.worksheets {
  background: url(img/icons/category-header.png) no-repeat #b856a0;
  background-position: top left;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h2.powerpoints {
  background: url(img/icons/category-header.png) no-repeat #009ace;
  background-position: top left;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h2.maps {
  background: url(img/icons/category-header.png) no-repeat #ec135e;
  background-position: top left;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h2.ecology {
  background: url(img/icons/category-header.png) no-repeat #005b9d;
  background-position: top left;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h2.activities {
  background: url(img/icons/category-header.png) no-repeat #E49B59;
  background-position: top left;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h3 {
  float: left;
  width: 100%;
  margin: 0;
  padding: 5px;
  font-size: 14px;
  color: #ffffff;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h3.all {
  background: #c7d528;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h3.life {
  background: #007e9b;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h3.cell {
  background: #f58647;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .title h3.organism {
  background: #4e2e8e;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .icon {
  float: left;
  width: 10%;
  text-align: left;
  line-height: 0px;
  padding-top: 8px;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .icon img {
  width: 100%;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .resource-content {
  float: left;
  width: 100%;
  border-top: 1px solid #ffffff;
  padding: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .resource-content.life {
  background: #d0ebeb;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .resource-content.cell {
  background: #ffeccd;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .resource-content.organism {
  background: #e4deee;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .resource-content .textbox {
  float: left;
  width: 100%;
  color: #434a54!important;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .resource-content .textbox h2 {
  color: #434a54!important;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 10px 0;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .resource-content .textbox p {
  font-size: 11px;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .resource-content .textbox a {
  float: left;
  width: 50%;
  font-size: 13px;
  font-weight: bold;
  color: #00b9c7;
  text-decoration: none;
  background: url(img/arrow-right.png) no-repeat;
  background-position: right;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .resource-content .image {
  float: right;
  width: 100%;
  margin-top: 10px;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .resource-content .image img {
  width: 100%;
  max-width: 100%;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .text {
  float: left;
  width: 55%;
  padding: 10px 10px 0 10px;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .text h2 {
  clear: left;
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0 0 0;
  padding: 0;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .text h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .text p {
  font-size: 13px;
  padding: 0;
  margin: 0 0 10px 0;
}
#container div.content div.wrap div.inner-content .resources-holder .resource .text a {
  float: left;
  width: 100%;
  background: url(img/launch-bg.png) no-repeat;
  color: #ffffff;
  text-decoration: none;
  padding: 5px 0px 7px 10px;
  margin-bottom: 10px;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.light-purple {
  background: #dfcae2;
  border: 1px solid #cca9cf;
  margin-bottom: 20px;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.light-purple h2 {
  color: #431a65;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.light-purple h3 {
  color: #431a65;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.light-purple .category {
  color: #431a65;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.blue {
  background: #c1cde5;
  border: 1px solid #9cb2d5;
  margin-bottom: 20px;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.blue h2 {
  color: #006993;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.blue h3 {
  color: #006993;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.blue .category {
  color: #006993;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.light-blue {
  background: #cce5f8;
  border: 1px solid #a5d3f1;
  margin-bottom: 20px;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.light-blue h2 {
  color: #1ba8e0;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.light-blue h3 {
  color: #1ba8e0;
}
#container div.content div.wrap div.inner-content .resources-holder .resource.light-blue .category {
  color: #1ba8e0;
}
#container table {
  border-spacing: 0;
  width: 100%;
}
#container .table {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-bottom-color: #ccc;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color-ltr-source: physical;
  border-left-color-rtl-source: physical;
  border-left-color-value: #ccc;
  border-left-style-ltr-source: physical;
  border-left-style-rtl-source: physical;
  border-left-style-value: solid;
  border-left-width-ltr-source: physical;
  border-left-width-rtl-source: physical;
  border-left-width-value: 1px;
  border-right-color-ltr-source: physical;
  border-right-color-rtl-source: physical;
  border-right-color-value: #ccc;
  border-right-style-ltr-source: physical;
  border-right-style-rtl-source: physical;
  border-right-style-value: solid;
  border-right-width-ltr-source: physical;
  border-right-width-rtl-source: physical;
  border-right-width-value: 1px;
  border-top-color: #ccc;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: 0 1px 1px #ccc;
}
#container .table tr:hover {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #fbf8e9;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
#container .table td,
#container .bordered th {
  border-left-color-ltr-source: physical;
  border-left-color-rtl-source: physical;
  border-left-color-value: #ccc;
  border-left-style-ltr-source: physical;
  border-left-style-rtl-source: physical;
  border-left-style-value: solid;
  border-left-width-ltr-source: physical;
  border-left-width-rtl-source: physical;
  border-left-width-value: 1px;
  border-top-color: #ccc;
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  text-align: left;
}
#container .table th {
  background-color: #dce9f9;
  background-image: -moz-linear-gradient(center top, #ebf3fc, #dce9f9);
  border-top-color: -moz-use-text-color;
  border-top-style: none;
  border-top-width: medium;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#container .table td:first-child,
#container .bordered th:first-child {
  border-left-color-ltr-source: physical;
  border-left-color-rtl-source: physical;
  border-left-color-value: -moz-use-text-color;
  border-left-style-ltr-source: physical;
  border-left-style-rtl-source: physical;
  border-left-style-value: none;
  border-left-width-ltr-source: physical;
  border-left-width-rtl-source: physical;
  border-left-width-value: medium;
}
#container .table th:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 0;
}
#container .table th:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 6px;
}
#container .table th:only-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#container .table tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#container .table tr:last-child td:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#container div.footer {
  background: #000000;
  float: left;
  width: 100%;
  padding: 20px;
  color: #ffffff;
}
#container div.footer div.wrap {
  text-align: center;
}
#container div.footer div.wrap a {
  color: #ffffff;
}
/*********************
03. LINK STYLES
*********************/
a,
a:visited {
  color: #f01d4f;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:hover,
a:visited:hover,
a:focus,
a:visited:focus {
  color: #d10e3c;
}
a:link,
a:visited:link {
  /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
/******************************************************************
04. H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  /*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/
  /* removing text decoration from all headline links */
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
  text-decoration: none;
}
h1,
.h1 {
  font-size: 30px;
  line-height: 1.333em;
  margin: 0;
  padding: 0;
}
h2,
.h2 {
  font-size: 24px;
  line-height: 1.4em;
}
h3,
.h3 {
  font-size: 24px;
  line-height: 1.1em;
}

/*#container div.content div.wrap div.left-menu .left-box .box.type li.plans,
#container div.content div.wrap div.left-menu .left-box .box.type li.worksheets,
#container div.content div.wrap div.left-menu .left-box .box.type li.maps {
    display: none;
}*/