/*
 * Slideshow
 */

div#slideshow {
  float: left;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin-right: 20px;
}
div#slideshow div#slideshow-inner {
  position: relative;
}
div#slideshow div.slides {
  overflow: hidden;
  width: 458px;
  height: 396px;
}
div#slideshow div.slide {
  position: relative;
  overflow: hidden;
  width: 458px;
  height: 396px;
}
div#slideshow div.slide p.image {
  margin: 0;
}
div#slideshow div.slide p.image img {
  display: block;
}
div#slideshow div.caption {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 458px;
  height: 124px;
}
div#slideshow div.caption div.caption-inner {
  padding: 12px 20px 0 20px;
}
div#slideshow div.caption h2 {
  color: #fff;
  font-size: 3.231em;
  margin: 0;
}
div#slideshow div.caption p.find-out-more {
  margin: 0;
}
div#slideshow div.caption p.find-out-more a {
  color: #fff;
  font-size: 1.385em;
  text-decoration: none;
  text-transform: uppercase;
}
div#slideshow ul.paging {
  list-style: none;
  overflow: hidden;
  zoom: 1;
  position: absolute;
  right: 15px;
  bottom: 15px;
  margin: 0;
  padding: 0;
  z-index: 100;
}
div#slideshow ul.paging li {
  float: left;
  background: rgba(0, 0, 0, 0.4);
  margin: 0 5px 0 0;
  padding: 3px 6px 3px 6px;
}
div#slideshow ul.paging li a {
  color: #fff;
  font-size: 1.154em;
  font-weight: 700;
  text-decoration: none;
}
div#slideshow ul.paging li.current a {
  color: #d9475d;
}


/*
 * News & Events
 */

div.panel#news-and-events {
  float: left;
  position: relative;
  width: 458px;
  height: 396px;
}
div.panel#news-and-events div.panel-heading {
  background: none;
  border-bottom: 1px solid #dedede;
  margin-left: 18px;
  margin-right: 18px;
  height: 57px;
}
div.panel#news-and-events div.panel-heading h2 {
  padding-left: 0;
  padding-right: 0;
}
div.panel#news-and-events div.panel-content {
  padding: 0 18px 0 18px;
}
div.panel#news-and-events ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.panel#news-and-events ul li {
  overflow: hidden;
  zoom: 1;
  border-bottom: 1px solid #dedede;
  margin: 0;
  padding: 9px 0 11px 0;
}
div.panel#news-and-events ul li p.date {
  background: url(/img/date-background.png) no-repeat;
  float: left;
  margin: 4px 20px 0 0;
  width: 53px;
  height: 53px;
}
div.panel#news-and-events ul li p.date span.month {
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  display: block;
  height: 20px;
}
div.panel#news-and-events ul li p.date span.day {
  color: #000;
  font-size: 1.846em;
  font-weight: 900;
  text-align: center;
  line-height: 30px;
  display: block;
  height: 30px;
}
div.panel#news-and-events ul li h3 {
  color: #1d315e;
  font-size: 1.385em;
  line-height: 1.308em;
  float: left;
  margin: 8px 30px 0 0;
  width: 247px;
}
div.panel#news-and-events ul li h3 a {
  color: #1d315e;
  text-decoration: none;
}
div.panel#news-and-events ul li p.thumbnail {
  cursor: pointer;
  float: left;
  margin: 0;
  width: 72px;
}
div.panel#news-and-events ul li p.thumbnail img {
  display: block;
}
div.panel#news-and-events p#event-calendar {
  position: absolute;
  top: 23px;
  right: 18px;
}
p#event-calendar a {
  color: #ba1f35;
  font-size: 1.231em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}


/*
 * Social Networks
 */

div.panel#social-networks {
  float: left;
  position: relative;
  margin-right: 20px;
  width: 298px;
  height: 373px;
}
div.panel#social-networks div.panel-heading {
  background: none;
}
div.panel#social-networks ul.icons {
  list-style: none;
  overflow: hidden;
  zoom: 1;
  position: absolute;
  top: 17px;
  right: 11px;
  margin: 0;
  padding: 0;
}
div.panel#social-networks ul.icons li {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}
div.panel#social-networks ul.icons li img {
  display: block;
}

/* Facebook */

div.panel#social-networks div.panel-content#facebook {
  background: url(/img/homepage/youtube-panel-background.png) no-repeat;
  /*background: url(/img/homepage/facebook-panel-background.png) no-repeat;*/
  padding: 15px 0 0 3px;
}

/* YouTube */

div.panel#social-networks div.panel-content#youtube {
  background: url(/img/homepage/youtube-panel-background.png) no-repeat;
  display: none;
  padding: 10px 10px 0 10px;
}
div.panel-content#youtube p.visit-youtube {
  margin: 0 0 7px 0;
}
div.panel-content#youtube p.visit-youtube a {
  color: #ba1f35;
  font-size: 1.077em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}
div.panel-content#youtube div.youtube-player {
  background: #000;
  margin-bottom: 7px;
  width: 278px;
  height: 203px;
}
div.panel-content#youtube div.youtube-player img {
  display: block;
}
div.panel-content#youtube ul.video-thumbnails {
  list-style: none;
  overflow: hidden;
  zoom: 1;
  margin: 0;
  padding: 0;
}
div.panel-content#youtube ul.video-thumbnails li {
  float: left;
  border: 1px solid #000;
  margin: 0 10px 0 0;
  padding: 0;
}
div.panel-content#youtube ul.video-thumbnails li.last {
  margin-right: 0;
}
div.panel-content#youtube ul.video-thumbnails li img {
  display: block;
}


/*
 * Communication
 */

div.panel#communication {
  float: left;
  margin-right: 20px;
  width: 298px;
  height: 373px;
}
div.panel#communication div.panel-content {
  padding: 20px 18px 0 18px;
}
div.panel#communication ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.panel#communication ul li {
  background-repeat: no-repeat;
  margin: 0;
  padding: 0 0 0 65px;
  min-height: 95px;
}
div.panel#communication ul li.email-newsletter {
  background-image: url(/img/homepage/email-newsletter-icon.png);
}
div.panel#communication ul li.email-alerts {
  background-image: url(/img/homepage/email-alerts-icon.png);
}
div.panel#communication ul li.rss-feed {
  background-image: url(/img/homepage/rss-feed-icon.png);
}
div.panel#communication ul li h3 {
  color: #ba1f35;
  font-size: 1.231em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  margin: 0 0 3px 0;
}
div.panel#communication ul li h3 a {
  color: #ba1f35;
  text-decoration: none;
}
div.panel#communication ul li p {
  margin: 0;
}


/*
 * Latest Magazine
 */

div.panel#latest-magazine {
  float: left;
  width: 298px;
  height: 373px;
}
div.panel#latest-magazine p.image {
  margin: 0;
}
div.panel#latest-magazine p.image img {
  display: block;
}
div.panel#latest-magazine div.panel-content {
  padding: 19px 18px 0 18px;
}
div.panel#latest-magazine h3 {
  color: #162047;
  font-size: 1.154em;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}
div.panel#latest-magazine p {
  margin: 0 0 10px 0;
}
div.panel#latest-magazine p.download-now {
  text-align: right;
  margin: 0;
}
div.panel#latest-magazine p.download-now a {
  color: #ba1f35;
  font-size: 1.077em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}


/*
 * A Kist o Wurds
 */

div.panel#a-kist-o-wurds {
  float: left;
  position: relative;
  margin-right: 20px;
  width: 458px;
  height: 129px;
}
div.panel#a-kist-o-wurds div.panel-heading {
  background: none;
  height: auto;
}
div.panel#a-kist-o-wurds div.panel-heading h2 {
  margin-bottom: 7px;
}
div.panel#a-kist-o-wurds div.panel-content {
  padding: 0 260px 0 18px;
}
div.panel#a-kist-o-wurds p {
  margin: 0;
}
div.panel#a-kist-o-wurds p a {
  color: #ba1f35;
  font-weight: 700;
  text-decoration: none;
}
div.panel#a-kist-o-wurds div.listen-now {
  position: absolute;
  right: 20px;
  top: 37px;
  width: 220px;
}
div.panel#a-kist-o-wurds div.listen-now h3 {
  color: #162047;
  font-size: 1.154em;
  margin: 0 0 10px 4px;
}
div.panel#a-kist-o-wurds div.listen-now p.button {
  margin: 0;
}
div.panel#a-kist-o-wurds div.listen-now p.button img {
  display: block;
}


/*
 * Apply for Funding
 */

div.panel#apply-for-funding {
  background: #fff url(/img/homepage/apply-for-funding-background.jpg) right top no-repeat;
  float: left;
  width: 458px;
  height: 129px;
}
div.panel#apply-for-funding div.panel-heading {
  background: none;
  height: auto;
}
div.panel#apply-for-funding div.panel-heading h2 {
  margin-bottom: 7px;
}
div.panel#apply-for-funding div.panel-content {
  padding: 0 175px 0 18px;
}
div.panel#apply-for-funding p {
  margin: 0 0 7px 0;
}
div.panel#apply-for-funding p.apply-now {
  margin: 0;
}
div.panel#apply-for-funding p.apply-now a {
  color: #ba1f35;
  font-size: 1.077em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}
div.panel#apply-for-funding p.dancer {
  position: absolute;
  bottom: -21px;
  right: 0;
  margin: 0;
}
div.panel#apply-for-funding p.dancer img {
  display: block;
}