/* Default */

body,#body_style {
  margin:0;
  padding:0;
  background:#bbbbbb;
  background-attachment:fixed;
  color:#303030;
  font:92% Helvetica,Tahoma,sans-serif;
  line-height:1.4em;
}

a {
  color:#069844;
  text-decoration:none;
}

a img {
  border:none;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

p {
  font:92% Helvetica,Tahoma,sans-serif;
}

ul,ol,dl {
  margin:0 0 20px 0;
}

table, table td {
  border-collapse:collapse;
}

h1, h2, h3 {
  font-family:arial,sans-serif;
  color:#313a42;
}

h1 {
  color:#888;
  font-size:3.2em;
}

h1 a {
  color:#2a5a7a;
  text-transform:none;
}

h2 {
  font-size:2.2em;
  color:#333;
  margin:0 0 10px;
  border-bottom:2px solid #eee;
}

h2b {
  font-size:2.2em;
  color:#1874cd;
  margin:0 0 10px;
  border-bottom:2px solid #eee;
}

h3 {
  font-size:1.6em;;
  color:#000077;
  margin:0 0 10px 0;
  border-bottom:2px solid #eee;
}

h3b {
  font-size:1.6em;
  color:#1874cd;
  margin:0 0 10px 0;
  border-bottom:2px solid #eee;
}

h1,h2,h3 {
  font-weight:400;
  line-height:1em;
  font-family:Georgia,serif;
}

small {
  font-size:11px;
  margin:10px 0 10px 0;
  line-height:normal;
  display: inline-block;
}
      
/* Overall frame */

.overallFrame img {
  display:block;
}

.overallFrameBackground {
  background-color:#bbbbbb;
}

.fillPage {
  background-color:#ffffff;
  width:960;
}

/* Archive list */

div.archive {
  display:table-cell;
  vertical-align:middle;
}

/* Footer */

.footer p {
  margin: 0 0 0 0;
}

/* Specific tables */

.results table {
  overflow:auto;
  white-space:nowrap;
}

.training table {
  overflow:auto;
  white-space:nowrap;
}

.noWrapTable table {
  overflow:auto;
  white-space:nowrap;
}

/* Menu / Dropdown */

.dropbutton {
  background-color: #069844;
  color: white;
  padding: 4px;
  font-size: 12px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #c0c0c0;
  min-width: 60px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 4px 8px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.button2 {
  background-color: #069844;
  color: white;
  padding: 4px;
  font-size: 12px;
  border: none;
}

.button2 a {
  background-color: #069844;
  color: white;
  padding: 4px;
  font-size: 12px;
  border: none;
}

.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 205px;
  top: 0;
  right: 0;
  background-color: #04AA6D;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 40px;
}

.sidepanel a {
  padding: 4px 4px 4px 4px;
  text-decoration: none;
  font-size: 16px;
  color: white;
  display: block;
  transition: 0.3s;
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 24px;
}

.sidepanel .close_button {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 16px;
}

.menu_button {
  font-size: 13px;
  cursor: pointer;
  background-color: white;
  color: #04AA6D;
  padding: 4px 4px;
  border: none;
}

.menu_button:hover {
  background-color:#444;
  color: white;
}

/* Small displays */

@media only screen and (max-width:940px) and (orientation:portrait) {

  body,table,td,p,a,li,blockquote {
    -webkit-text-size-adjust:none !important;
  }
  body[displaySize] table {
    width:100% !important;
    max-width:100% !important;
  }
  body[displaySize] table .training {
    width:250px !important;
    max-width:100% !important;
    white-space:nowrap !important;
  }
  body[displaySize] table .results {
    max-width:250px;
    max-width:100% !important;
    white-space:nowrap !important;
  }
  body[displaySize] table .results_400 {
    max-width:400px;
    max-width:100% !important;
    white-space:nowrap !important;
  }
  body[displaySize] table .results_300 {
    max-width:300px !important;
    max-width:100% !important;
    white-space:nowrap !important;
  }
  body[displaySize] table .results_250 {
    width:250px !important;
    max-width:100% !important;
    white-space:nowrap !important;
  }
  body[displaySize] table .results_200 {
    width:200px !important;
    max-width:100% !important;
    white-space:nowrap !important;
  }
  body[displaySize] table .noWrapTable {
    white-space:nowrap !important;
  }
  body[displaySize] .TitleTwoImages img {
    width:auto !important;
    max-width:100% !important;
  }
  body[displaySize] .TitleOneImage img {
    width:auto !important;
    max-width:100% !important;
    text-align:center;
  }
  body[displaySize] .TitleTwoImages2 img {
    float:left !important;
    width:auto !important;
    max-width:100% !important;
  }
  body[displaySize] .overallFrame img {
    width:96%;
    height:auto !important;
    max-width:96% !important;
  }
  body[displaySize] .collapseFrame img {
    float:left;
    width:455px;
    height:auto !important;
    max-width:455px !important;
  }
  body[displaySize] .collapseCentreFrame img {
    float:center;
    width:455px;
    height:auto !important;
    max-width:455px !important;
  }
  body[displaySize] .column {
    float:left;
    width:96%;
    max-width:96% !important;
    text-align:center;
  }
  body[displaySize] .column_left {
    float:left;
    width:96%;
    max-width:96% !important;
  }
  body[displaySize] .column_large_image {
    float:left;
    width:100%;
  }
  body[displaySize] .column_large_image img {
    max-width:100% !important;
  }
  body[displaySize] .column_image_455 {
    width:100%;
    max-width:455px !important;
  }
  body[displaySize] .column_image_500 {
    width:100%;
    max-width:500px !important;
  }
  body[displaySize] .column_image_608 {
    width:100%;
    max-width:608px !important;
  }

/* body[displaySize] .column {
    float:left;
    width:100%;
    margin-bottom:30px;
  }
*/

}  /* media */