NECSCmap.css

/*  map div */
html, body {
  height: 100%;
  width: 100%
  margin-left: 0px;
}

  /*parent = body*/
    #panel {
      float: left;
      width: 25%;
      height: 98%;
      background: rgba(255,255,255,1);
      margin-right: 5px;
    }

      /*parent = #panel*/
        .necsc-logo {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 100%;
        }

        #text {
          width: 100%;
          font: 14px/16px proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
          text-rendering: optimizeLegibility;
          color: #333;
          padding: 1px 5px 1px 5px;
          background: #e5eedd;
          border-radius: 5px;
          margin-top: 5px;
          box-shadow: 0 0 5px;
        }

        /* filter box which uses query extension of L.esri.featureLayer */
          #query {
            width: 100%;
            margin-top: 5px;
            font: 14px/16px proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
            color: #333;
            text-rendering: optimizeLegibility;
            padding: 5px 5px 5px 5px;
            background: #d3e3f8;
            border-radius: 5px;
            box-shadow: 0 0 5px;
          }

          #query select {
            font: 13px/16px proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif
          }

          #Science_Themes {
            width: 100%;
          }

  /*parent = body*/
  #map-wrapper {
    float: right;
    width: 73%;
    height: 98%;
    margin: 0 5px 0 5px;
    padding: 0;
    box-shadow: 0 0 5px;
    border-radius: 5px;
  }
    /*parent = map-wrapper*/
      #map {
        width: 100%;
        height: 100%;
      }

  /* information div referenced by leflet */
  .info {
      padding: 6px 8px;
      font: 14px/16px proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
      color: #333;
      text-rendering: optimizeLegibility;
      background: white;
      background: rgba(255,255,255,1);
      box-shadow: 0 0 5px;
      border-radius: 5px;
      width: 300px;
  }
  .info h4 {
      margin: 0 0 5px;
      color: #777;
  }