/*
 * Homepage Styles
 */

#homepage {
  background: #ffffff;
  overflow: hidden;
  height: 1%;
}
body h1 {
  position: absolute;
  left: -9999px;
}



#homepage-left {
  float: left;
  width: 796px;
} 
#homepage-right {
  float: left;
  width: 164px;
} 

/*
 * Slideshow
 */
#slideshow-ctr {
  border-bottom: 5px solid #8c80ae;  
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 960px;
  height: 268px;
  position: relative;
}

#slideshow {
  font-family: 'Open Sans';
  /* font-family: 'Gill Sans MT'; */
  margin: 0;
  padding: 0;
  list-style: none;
}

#slideshow li {
  position: relative;
  margin: 0;
  padding: 0;
  width: 960px;
  height: 268px;  
}

#slideshow li div.text {
  position: absolute;
  top: 42px;
  left: 0;
  width: 344px;
}


div#slideshow-controls-outer {
  z-index: 999;
  position: absolute;
  top: 226px;
  left: 10px;
  width: 900px;
}



div#slideshow-controls {
  width: auto;
}

div#slideshow-controls span {
  cursor: pointer;
  display: block;
  float: left;
  background: url(/img/homepage-slideshow-pager-off.png) center no-repeat;
  _background: url(/img/homepage-slideshow-pager-off-ie6.gif) center no-repeat;
  width: 12px;
  height: 7px;
  padding: 5px 0 5px 0;
  margin: 2px 5px 0 5px;
}
div#slideshow-controls  span,
div#slideshow-controls  span a {
  text-decoration: none;
}
div#slideshow-controls  span.activeSlide {
  background: url(/img/homepage-slideshow-pager-on.png) center no-repeat;
  _background: url(/img/homepage-slideshow-pager-on-ie6.gif) center no-repeat;
}

div#slideshow-controls-outer div#slideshow-prev {
  cursor: pointer;
  float: left;
  width: 22px;
  height: 22px;
  background: url(/img/homepage-slideshow-prev.png) center no-repeat;  
  _background: url(/img/homepage-slideshow-prev-ie6.gif) center no-repeat;
}

div#slideshow-controls-outer div#slideshow-next {
  cursor: pointer;
  float: left;
  width: 22px;
  height: 22px;
  background: url(/img/homepage-slideshow-next.png) center no-repeat;  
  _background: url(/img/homepage-slideshow-next-ie6.gif) center no-repeat;
}

div#blue-arrow {
  position: absolute;

  padding: 0 0 0 0;
  width: 250px;
  height: 99px;
  left: 0;
  top: 45px;
  z-index: 9999;
}


div#blue-arrow div#arrow-inner {  
  background: url(/img/homepage-slideshow-arrow.png) no-repeat transparent;
  _background: url(/img/homepage-slideshow-arrow-ie6.gif) no-repeat transparent;   
  position: absolute;
  left: -0;
  top: 0;
  /* filter:alpha(opacity=70);  IE8 and earlier cannot be trusted to not mess this up*/
  width: 250px;
  height: 99px;  
  z-index: 1;
}

div#blue-arrow span.text {
  z-index: 999999;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/img/homepage-arrow-making-it-work.png) ;
  display: block;
  width: 251px;
  height: 99px;
}

div#blue-arrow.hidden {
  left: -250px;
}

div#blue-arrow span.highlight {
  padding-left: 30px;
  font-weight: bold;
}
/*
 * Change the colours of text
 */
#slideshow div.white {
  color: #ffffff;
}

#slideshow div.blue {
  color: #aae1fa;
}

#slideshow div.purple {
  color: #2e145b;
}
/*
 * Change the position of text
 */
 

#slideshow li.left div.text {
  left: 10px;
  width: 354px;
}


#slideshow li.centre div.text {
  left: 412px;
} 



#slideshow li.right div.text {
  left: 603px;
}

#slideshow li div.text span {
  display: block;
  width: 100%;
}

#slideshow li div.text div.title {
  font-size: 2.909em;
  font-weight: bold;
}



#slideshow li div.text div.sub_title {
  font-size: 1.9em;
}

/* 
 * Specials for the centre title
 */
#slideshow li.centre div.text div.title {
  font-size: 4.545em;
}

#slideshow li.right div.text {
  width: 300px;
  height: 200px; 
  display: block;

}

#slideshow li.right div.text div.title {
  display: block;
  font-size: 3.091em;  
}

#slideshow li.right div.text div.sub_title {
  display: block;
  font-size: 2.8em;
  padding: 10px 0 0 0;
}

/*
 *
 */
#slideshow li.centre div.text div.title.blue {  
  text-shadow: #6fcef7 4px 4px 10px;
}

#slideshow li.centre div.text div.title.white {
  text-shadow: #dddddd 4px 4px 10px;
}
#slideshow li.centre div.text div.title.purple {
  text-shadow: #452977 4px 4px 10px;
}

div#homepage-content { 
  display: inline-block;
}

div#homepage-content {
  overflow: hidden;
  display: block;
  margin: 0 auto 0 auto;
  padding: 20px 0 0 0;
  width: 919px;
  background: url(/img/homepage-background-arrows.png) top no-repeat;
}

div.top-text { 
  display: inline-block;
}

div.top-text {
  overflow: hidden;
  display: block;
  clear: both;
  float: none;
  background: url(/img/homepage-top-text-bg.png) center repeat-y;
  border: 3px solid #35b8ec;
  border-top: 0;
  border-bottom: 0;
  margin: 0 0 20px 0;
}

div#intro {
  float: left;  
  color: #118ebe;
  padding: 22px 18px 22px 18px;
  width: 425px;  
  font-size: 1.5em;
}

div#intro p {
  margin: 0;
  padding: 0;
}
/*
 * News
 */
#feature {
  float: right;
  width: 430px;
  padding: 10px;
} 

#feature h3 {
  font-size: 1.6em;
  border-left: 0;
  padding: 0px 10px 0px 0px;
  font-weight: normal;  
}

#feature h3.wimage {
  float: right;
  width: 240px;
}
#feature a {
  color: #362365;
  text-decoration: none;
}

#feature img {
  float: left;
}

#homepage-left #news-item p {
  padding: 0px 10px 0px 0px;
}
 


/*
 * Panels
 */
 
div#news-and-events {
  float: left;
  width: 293px;
  background: url(/img/homepage-news-and-events-active-news.png) top no-repeat;
  position: relative;
  padding-top: 60px;
}

div#news-and-events.active-event {
  background: url(/img/homepage-news-and-events-active-event.png) top no-repeat;
}
 

div#news-and-events h2 {
  border-left: 0;
  padding: 0;
  font-weight: normal;
  position: absolute;  
  top: 0;
  left: 0;
  width: 150px;
  line-height: 51px;
}

div#news-and-events h2#events-h2 {  
  left: 151px;
  width: 143px; 
}


div#news-and-events h2 a {
  text-decoration: none;
  display: block;
  text-align: center;
}
 
ul.sub-list {

  background: url(/img/homepage-news-and-events-background.png) bottom no-repeat;
  list-style: none;

  margin: 0 !important;
  padding: 10px !important;
  min-height: 304px;
  _height: 304px;
  overflow: hidden;
}


ul.sub-list li {

  list-style: none;
  padding: 7px 0 8px 0;

}
ul.sub-list li p {
  margin: 0 !important;
  padding: 0 !important;
}
ul.sub-list li p.date {
  color: #3f3f3f;
}

ul.sub-list li a {
  text-decoration: none;
}

ul.sub-list li a:hover {
  text-decoration: underline;
}

/*
 * Case Study
 */

div#case-studies-outer {
  float: right;
  position: relative;
  background: url(/img/homepage-case-studies-background.png) no-repeat;
  width: 606px;
  height: 383px;
}

div#case-study-groups {
  margin-left: 10px;
}

div#case-studies-outer h2 {
  border-left: 0;
  padding: 20px;
  font-weight: normal;
}

div#case-studies-outer div.case-study-group {
  position: absolute;
  top: 66px;
  left: 16px;
  background: #ffffff;
  width: 574px;
  height: 269px;
}

div#case-studies-outer div.case-study-group div.case-study {
  display: block;
  float: left;
  padding: 0 15px 0 15px;
  width: 161px;
  height: 269px;
  overflow: hidden;
}

div#case-studies-outer div.case-study-group div.case-study-img {
  height: 108px;  
}

div#case-studies-outer div.case-study-group h3 {
  border-left: 0;
  height: 56px;
	font-weight: normal;
	padding: 0;
}

div#case-studies-outer div.case-study-group h3 a {
  text-decoration: none;
}

div#case-studies-outer div.case-study-group h3:hover a {
  text-decoration: underline;
}

div#case-studies-outer div.case-study-group p {
  margin: 0;
  padding: 0;
  height: 105px;
}

 #case-studies-pager-outer {

  margin: 0 auto 0 215px;
  width: 400px;
  
}

#case-studies-outer #case-studies-pager span a {
  text-decoration: none;
  
}

#case-studies-outer #case-studies-pager span {
  /* background: url(/img/homepage-case-studies-pager-off.gif)  no-repeat;  */
  background: url(/img/homepage-slideshow-pager-off.png) center no-repeat;
  _background: url(/img/homepage-slideshow-pager-off-ie6.gif) center no-repeat;  
  display: block;
  float: left;
  margin: 5px 5px 0 4px; 
  width: 13px;
  height: 13px;
  cursor: pointer;
}

#case-studies-outer #case-studies-pager span.activeSlide {
  /* background: url(/img/homepage-case-studies-pager-on.gif) no-repeat; */
  background: url(/img/homepage-slideshow-pager-on.png) center no-repeat;
  _background: url(/img/homepage-slideshow-pager-on-ie6.gif) center no-repeat;  
  
}


#case-studies-pager-outer #case-studies-prev {
  float: left;
  cursor: pointer;
  /* background: url(/img/homepage-case-studies-pager-prev.gif); */
  background: url(/img/homepage-slideshow-prev.png) center no-repeat;  
  _background: url(/img/homepage-slideshow-prev-ie6.gif) center no-repeat;  
  width: 22px;
  height: 22px;
}

#case-studies-pager-outer #case-studies-next {
cursor: pointer;
  float: left;
  /* background: url(/img/homepage-case-studies-pager-next.gif); */
  background: url(/img/homepage-slideshow-next.png) center no-repeat;  
  _background: url(/img/homepage-slideshow-next-ie6.gif) center no-repeat;  
  width: 22px;
  height: 22px;  
}
/*
 * Footer
 */
div#site-container div#footer {
  background: #ffffff none;
  padding: 25px 0 12px 0;
}