@media (min-width: 621px)
{

  /* -------- highlight box on home page: -------- */

  .highlight_Box {
    position: relative;
    border-width: 1px;
    border-style: solid;
    background-color: #666666;
  }

  .highlight_Image1 {
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    max-height: 300px;
    margin: 0px;
    padding: 0px;
  }

  .highlight_Image2 {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    max-height: 300px;
    margin: 0px;
    padding: 0px;
  }

  .highlight_CaptionBox { 
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-right: 82px;
    height: 24px;
    background: url('../graphics/transparentgray50.png') repeat;
  }

  .highlight_Caption {
    padding-left: 6px;
    height: 24px;
    line-height: 24px;
    color: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .highlight_Control {
    width: 24px;
    height: 24px;
    cursor: pointer;
  }

  .highlight_Control:hover {
    background-color: #999999;
  }

  .highlight_Pause {
    position: absolute;
    right: 48px;
    bottom: 0px;
    background-image: url('../graphics/pause-48.png');
    background-size: 24px 24px;
  }

  .highlight_Play {
    position: absolute;
    right: 48px;
    bottom: 0px;
    background-image: url('../graphics/play-48.png');
    background-size: 24px 24px;
  }

  .highlight_Prev {
    position: absolute;
    right: 24px;
    bottom: 0px;
    background-image: url('../graphics/prev-48.png');
    background-size: 24px 24px;
  }

  .highlight_Next {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-image: url('../graphics/next-48.png');
    background-size: 24px 24px;
  }
  
  /* -------- Side bars: -------- */

  .home_SidebarRight {
    width: 256px;
    padding-left: 16px;
    border-left-width: 3px;
    border-left-style: solid;
  }

  .home_Statistics {
    min-width: 280px;
    max-width: 310px;
    padding-left: 48px;
  }
  
  /* -------- General content: -------- */
  
  .home_BurkeLogo
  {
    display: block;
    width: 200px;
    height: 80px;
    margin: 24px 36px 0px 0px;
  }
}

@media (max-width: 620px)
{
  /* -------- highlight box on home page: -------- */

  .highlight_Box {
    position: relative;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
  }

  .highlight_Image1 {
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    max-height: 300px;
    margin: 0px;
    padding: 0px;
  }

  .highlight_Image2 {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    max-height: 300px;
    margin: 0px;
    padding: 0px;
  }

  .highlight_CaptionBox { 
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-right: 82px;
    height: 24px;
    background: url('../graphics/transparentgray50.png') repeat;
  }

  .highlight_Caption {
    padding-left: 6px;
    height: 24px;
    line-height: 24px;
    color: #FFFFFF;
    font-size: 10pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .highlight_Control {
    width: 24px;
    height: 24px;
    cursor: pointer;
  }

  .highlight_Control:hover {
    background-color: #999999;
  }

  .highlight_Pause {
    position: absolute;
    right: 48px;
    bottom: 0px;
    background-image: url('../graphics/pause-48.png');
    background-size: 24px 24px;
  }

  .highlight_Play {
    position: absolute;
    right: 48px;
    bottom: 0px;
    background-image: url('../graphics/play-48.png');
    background-size: 24px 24px;
  }

  .highlight_Prev {
    position: absolute;
    right: 24px;
    bottom: 0px;
    background-image: url('../graphics/prev-48.png');
    background-size: 24px 24px;
  }

  .highlight_Next {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-image: url('../graphics/next-48.png');
    background-size: 24px 24px;
  }

  /* -------- Site statistics: -------- */

  .home_SidebarRight {
    display: block;
    margin: 24px auto 0px auto;
    padding: 0px 0px 24px 0px;
    text-align: left;
  }

  .home_Statistics {
    max-width: 320px;
    background-color: #F6F6F6;
    border: 1px solid #666666;
    margin: 24px auto 0px auto;
    padding: 12px 6px 24px 6px;
    text-align: center;
  }
  
  /* -------- General content: -------- */
  
  .home_BurkeLogo
  {
    display: block;
    width: 200px;
    height: 80px;
    margin: 24px auto 24px auto;
  }
}