#main-promobox {
  float: right;
  width: 12.5em;
  height: 11.6875em; }
  #main-promobox a {
    background: #16a487;
    padding: 1em 1.25em;
    border-radius: 0.9375em;
    display: block;
    margin-bottom: 1em;
    width: 10em;
    float: left; }
    #main-promobox a:last-of-type {
      margin-bottom: 0; }
  #main-promobox h1 {
    background: #16a487;
    padding: 1em 1.25em;
    border-radius: 0.9375em;
    color: white;
    margin: 0;
    text-transform: uppercase;
    font-size: .9em;
    width: 11.375em;
    float: left;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  #main-promobox h1:before {
    content: url(/static/img/icons/announce_white.png);
    margin-right: 1.2em;
    vertical-align: top; }
  #main-promobox h2 {
    color: white;
    font-size: .9em;
    /*margin: 1.1em 0 0 0;*/
    margin: 0;
    font-weight: normal;
    text-transform: uppercase; }
  #main-promobox p {
    color: #363a3e;
    font-size: .8em;
    line-height: 1.15em;
    margin: .3em 0; }

#main-sections {
  clear: both;
  float: left;
  margin-top: 1.2em;
  width: 43.75em; }
  #main-sections h1 {
    font-size: .9em;
    margin: 0 0 0 1.25em;
    text-transform: uppercase; }
  #main-sections ul {
    margin: -0.1875em 0 0 -1.25em;
    padding: 0;
    list-style: none; }
    #main-sections ul li {
      margin-top: 1.25em;
      margin-left: 1.25em;
      float: left;
      height: 5.625em;
      border-radius: 0.9375em; }
      #main-sections ul li a {
        color: white;
        text-transform: uppercase;
        display: block;
        height: 5em;
        display: table;
        padding: 5px; }
        #main-sections ul li a .in-box {
          font-size: .9em;
          height: 100%;
          width: 100%;
          display: table-cell;
          vertical-align: middle;
          border: 1px solid transparent;
          border-radius: 0.625em;
          padding: 0 1em; }
          #main-sections ul li a .in-box .name {
            display: block;
            font-size: 1.5em;
            line-height: 1em;
            margin-bottom: .2em; }
      #main-sections ul li a:hover .in-box {
        border: 1px solid white; }
    #main-sections ul .box1 {
      background-color: #adaeaf; }
    #main-sections ul .box2 {
      background-color: #f8b323; }
    #main-sections ul .box3 {
      background-color: #16a487; }
    #main-sections ul .box4 {
      background-color: #5e6165; }
    #main-sections ul .box5 {
      background-color: #f8b323; }
    #main-sections ul .box6 {
      background-color: #363a3e; }
    #main-sections ul .box7 {
      background-color: #adaeaf; }
    #main-sections ul .box8 {
      background-color: #ed7831; }

#main-howto {
  float: right;
  margin-top: 1.2em;
  width: 13.75em; }
  #main-howto h1 {
    font-size: .9em;
    margin: 0 0 0 1.4em;
    text-transform: uppercase; }
  #main-howto ul {
    margin: 1.0625em 0 1.0625em 1.4em; }
    #main-howto ul li {
      font-size: .9em;
      text-transform: uppercase;
      line-height: 1.25em; }
    #main-howto ul a:before {
      height: 1.25em; }
    #main-howto ul .knowledge:before {
      content: url(/static/img/icons/knowledge_dark.png); }
    #main-howto ul .activity:before {
      content: url(/static/img/icons/activity_dark.png); }
    #main-howto ul .lesson-plan:before {
      content: url(/static/img/icons/lesson-plan_dark.png); }
    #main-howto ul .reference:before {
      content: url(/static/img/icons/reference_dark.png); }
    #main-howto ul .knowledge:hover:before {
      content: url(/static/img/icons/knowledge_orange.png); }
    #main-howto ul .activity:hover:before {
      content: url(/static/img/icons/activity_orange.png); }
    #main-howto ul .lesson-plan:hover:before {
      content: url(/static/img/icons/lesson-plan_orange.png); }
    #main-howto ul .reference:hover:before {
      content: url(/static/img/icons/reference_orange.png); }
  #main-howto p {
    margin: 0 0 1.875em 1.4em; }
  #main-howto .side-banner img {
    display: block;
    width: 100%;
    margin-bottom: 0.2em; }

#main-chosen {
  clear: left;
  float: left;
  margin-top: 2em; }
  #main-chosen h1 {
    font-size: .9em;
    margin: 0 0 1em 1.25em;
    text-transform: uppercase; }
  #main-chosen .levelth {
    margin-left: 1.25em; }

#main-tools {
  clear: both; }
  #main-tools .main-tools-box {
    float: left;
    margin-top: 1.5em;
    margin-right: 1.25em;
    width: 17.5em; }
    #main-tools .main-tools-box h1 {
      margin: 0;
      font-size: .9em;
      text-transform: uppercase; }
    #main-tools .main-tools-box ul, #main-tools .main-tools-box ol {
      margin: 1.1em 0 0 0;
      font-size: .9em;
      line-height: 1.15em; }

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