﻿/* media queries */
@media screen and (max-width: 719px) {
  #home, #home #carousel {
    width: 100% !important;
    margin: 0 !important;
  }
.side0 {
    top: 96%!important;
    left: 0;
    width: 100%;
    height: 34%!important;
}
  #aux{
      display:none;
  }
  .title{
          font-size: 1.2em!important;
  }
}
@media screen and (min-width: 720px) and (max-width: 959px) {
  #home {
    width: 720px;
  }

  #home #carousel, #slides .slide {
    width: 720px;
    height: 300px;
    overflow: hidden;
  }
  
  /* 9-29-14 added to account for image re-sizing */
  #home .highlights a li {
	height: 230px;
  }
  
}
@media screen and (min-width: 960px) {
  #home {
    width: 790px;
  }
  #home #carousel, #slides .slide {
    width: 790px;
    height: 329px;
    overflow: hidden;
  }
  a[class = "span30"][href $= "calendar.aspx"] {
    text-align: right;
  }
}

/* homepage */
#content * {
  overflow: hidden;
}
#home #carousel {
  margin: 0 auto;
}
#home .highlights {
  /*height: 172px;*/
  height: 253px;
}
#home .highlights li {
  height: 100%;
  overflow: hidden;
}


/* carousel */
#slides {
  width: 200%;
  height: 100%;
  top: 0;
  left: 0;
  white-space: nowrap;
}
  #slides .slide {
    width: 50%;
    height: 100%;
    display: inline-block;
    float:left;
    background-size: cover !important;
    -ms-behavior: url(/style/ie/backgroundsize.min.htc);
  }
  .slide .side0, .slide .side1, .slide .side2 {
    background-image: url(/image/trans2.png);
    color: #fff;
    margin-top: -31px;
    overflow: hidden;
    padding: 4px;
  }
  .slide .side1, .slide .side2 {
    padding-top: 31px;
  }
  .slide .side0 {
    /* bottom */
    top: 85%;
    left: 0;
    width: 100%;
    height: 15%;
  }
  .slide .side1 {
    /* left */
    top: 0;
    left: 0;
    width: 20%;
    height: 100%;
  }
  .slide .side2 {
    /* right */
    top: 0;
    left: 80%;
    width: 20%;
    height: 100%;
  }
.side0 .title, .side1 .title, .side2 .title {
  text-transform:uppercase;
  font-family:JCCEagleMed, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  text-align: right;
  padding: 8px;
  /*border-bottom: 1px solid #fff; */
}
.side0 .blurb, .side1 .blurb, .side2 .blurb {
  white-space: normal;
  text-align: right;
  padding: 2px 10px 10px 50px;
}
#controls {
  background-image: url(/image/trans2.png);
  width: 100%;
  height: 31px;
  bottom: 31px;
  left: 0;
  color: white;
  text-align: right;
}
  #controls .slide {
    display: inline-block;
    /*float: left;*/
    width: 30px;
    height: 30px;
    background-image: url(/image/selection_off.png);
  }
  #controls .slide:hover {
    background-image: url(/image/selection_hover.png);
  }
  #controls .slide + .slide {
    margin-left: 8px;
  }
#controls .view {
  background-image: url(/image/selection2.png) !important;
}

/*added in 5/29/14 */
.float-left{

float:left;
}

