/*
 * Homepage Styles
 */


div#volunteer-now-search { 
  /* background-image: url(/img/bg-homepage-volunteer-now-search.jpg); */
  background-color: #9DC435;
  background-repeat: no-repeat;
  background-position: top left;
  height: 225px;
  width: 916px;
  margin: 0 0 15px 0;
  font-size
}

div#volunteer-now-search form {
  float: left;
  width: 189px;
}

div#volunteer-now-search form select#txt-activity-types,
div#volunteer-now-search form select#distance {
  float: left;
  width: 159px;
  margin: 4px 0 4px 0;
}

div#volunteer-now-search form select#distance {
  margin-bottom: 9px;
}

div#volunteer-now-search form input#txt-postcode {
  float: left;
  width: 153px;
  margin: 4px 0 4px 0;
}

div#slideshow-container {
  position: relative;
  top: 20px;
  left: 11px;
  overflow: hidden;
  width: 493px;
  height: 193px;
  border: 1px solid #fff;
}

div#form-fields {
  position: absolute;
  left: 295px;
  top: 45px;
  width: 193px;
  height: 143px;
  z-index: 30;
}

div#image-layer {
  position: absolute;
  left: 226px;
  width: 267px;
  height: 193px;
  z-index: 20;
}

div#image-layer img {
  float: right;
}

div#slides-layer {
  position: absolute;
  z-index: 10;
}

div#slides-layer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Content Panels
**/

div#news-and-events {
  float: left;
  background-image: url(/img/homepage/bg-bottom-leveller.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  margin: 0 0 15px 0;
  _margin: 0 0 10px 0;
}

a#promo {
  float: left;
  background-image: url(/img/bg-homepage-register-for-opportunities.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  height: 60px;
  width: 916px;
  margin: 0 0 15px 0;
}

/* News Containers */

div#latest-news-container,
div#upcoming-events-container {
position: relative;
}


.more-news,
.more-events {
  float: left;
  height: 19px;
  position: relative;
  bottom: 0px;
}


/** All IE6 code fixes **/
div#more-links-container {  
  float: left;
  width: 916px;
  height: 19px;
}

/**
 * Most panels share similar properties described below.
**/

div#volunteer-stories,
div#question-of-the-week,
div#training-courses,
div#latest-news,
div#upcoming-events {
  float: left;
  border: 1px solid #B5B5B5;
  background-color: #EBEBEB;
  background-position: top left;
  background-repeat: no-repeat;
  border-bottom: 0; /* applied by a graphic */
  min-height: 100px;
}

div#latest-news,
div#upcoming-events {
  background-color: transparent;
  border-bottom: 0;
}


/**
 * Bottom panels, volunteer stories, question of the week etc
**/

div#bottom-panel-container {
  float: left;
  width: 917px;
  padding: 0 0 1px 0;
  background-image: url(/img/homepage/bg-bottom-panel-bottom-leveller.png);
  background-position: left bottom;
}

div#centre-column {
  margin: 0 0 15px 0; /* IE6 needs this, don't know why */
}


div#latest-news ul,
div#training-courses ul {
  list-style: none;
  padding: 15px 15px 15px 15px;
  margin: 0;
}
div#upcoming-events ul {
  padding: 7px 15px 15px 15px;
  list-style: none;
  margin: 0;
}

div#latest-news ul li,
div#upcoming-events ul li,
div#training-courses ul li {
  background-image: url(/img/bg-news-divider.png);
  background-position: bottom left;
  background-repeat: repeat-x;
  padding: 10px 0px;
}
div#upcoming-events ul li {
  padding: 8px 0;
}

div#upcoming-events ul li h2,
div#training-courses ul li h2 {
  background-image: url(/img/btn-volunteer-now.png);
  background-repeat: no-repeat;
  background-position: top left;
  color: #572986;
  padding: 4px 0 4px 28px;
  margin: 2px 0 5px 5px;
}

div#latest-news ul li.first,
div#upcoming-events ul li.first,
div#training-courses ul li.first {
  padding: 0px 0 10px 0;
}

div#latest-news ul li.last,
div#upcoming-events ul li.last,
div#training-courses ul li.last {
  padding: 10px 0 0 0;
  background: none;
}

.content {
  padding: 5px;
  width: 210px;
}