.leftCol
{
    padding:0 4px;
    float:left;
    width:20%;
}

.predCollapsable
{
    padding:0 4px;
    float:left;
    width:58%;
    height: auto;
}

.rightCol
{
    padding:0 4px;
    float:left;
    width:20%;
}


.home_row_padding
{
    padding:0 8px;
}

.home_col_divs
{
    padding:0 4px;
    float:left;
    width: 100%; 
}

.btn_collapsible {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #3465a4;
    color: white;
    cursor: pointer;
    padding: 10px 8px 10px 8px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 27px;
    float:left;
    margin-top: 18px;
  }

.col_content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.18s ease-out;
    background-color: white;
    float:left;
  }

.active, .btn_collapsible:hover {
    background-color: #069a2e;
  }

/* Use a media query to add a break point at 900px: */
@media screen and (max-width:900px)
{
    .predCollapsable, .home_col_divs
    {
      width:100%; /* The width is 100%, when the viewport is 900px or smaller */
    }

    .leftCol
    {
        width:100%; /* The width is 100%, when the viewport is 900px or smaller */
    }

    .rightCol
    {
        width:100%; /* The width is 100%, when the viewport is 900px or smaller */
    }
}

.home_intro
{
    text-align: justify;
    color: #3465a4;
}

p, ul
{
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    color: #3465a4;
}

ul
{
    text-align: left;
}

h2
{
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    background-color:#3465a4;
    padding: 18px 8px 18px 8px;
}

a:link
{
    color: #3465a4;
    text-decoration: none;
}

a:hover
{
    color: #3465a4;
    text-decoration: underline;
}

.footer
{
    float: left;
    max-height: 60px;
    min-height: 60px;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-align: center;
    background-color:#3465a4;
    margin-top: 18px;
}

table, td, tr, th {
    border: 1px solid blue;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    color: #3465a4;
  }
  td {
      vertical-align: top;
  }

  .predTrue
  {
      background-color: #069a2e;
      color: white;
      text-emphasis: bold;
      padding-left: 3px;
      padding-right: 3px;
  }