@import url(/css/generic.css);
@import url(/css/xstandard.css);

/*
 * Site Layout Styles
 */

body {
  text-align: center;
}
body h1 {
  position: absolute;
  left: -9999px;
}
div#site-container {
  background: #fff url(/img/main-bg.png) top left repeat-y;
  text-align: left;
  width: 960px;
  margin: 0 auto 0 auto;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}

a {
  color: #000;
}

a.more {
  color: #f00;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.85em;
  padding: 0 8px 0 0;
  background: url(/img/red-arrow.gif) right no-repeat;
}
a.more:hover {
  text-decoration: underline;
}

/*
 * Header
 */

div#site-container div#header {
  background: url(/img/header-bg.png) top left no-repeat;
  padding: 21px 0 0 0;
  position: relative;
}
div#site-container div#header a#logo-link {
  position: absolute;
  background: url(/img/logo-curve-bg.png) top left no-repeat;
  padding: 0 0 0 29px;
  width: 115px;
  height: 214px;
}
div#header div#top-nav {
  background: url(/img/top-nav-right-curve.gif) top right no-repeat;
}
div#top-nav ul {
  list-style: none;
  background: #524e4f url(/img/top-nav-bg.gif) top left repeat-x;
  margin: 0 19px 0 0;
  padding: 0 0 0 144px;
  height: 33px;
  overflow: hidden;
}
div#top-nav ul li {
  background: url(/img/top-nav-divider.gif) left no-repeat;
  float: left;
  padding: 0 11px 0 11px;
}
div#top-nav ul li.first {
  background: url(/img/top-nav-left-curve.gif) top left no-repeat;
  padding-left: 21px;
}
div#top-nav ul li a {
  line-height: 33px;
  color: #fff;
  font-size: 0.95em;
  /* font-weight: bold; */
  text-decoration: none;
}
div#top-nav ul li a:hover {
  text-decoration: underline;
}

div#header div#latest-event-container {
  background: #231f20;
  padding-left: 100px;
  line-height: 2.8em;
}
div#header div#latest-event {
  background-position: top left;
  background-repeat: no-repeat;
  color: #fff;
  padding: 15px 30px 0 400px;
  height: 177px;
}

div#header div#latest-event p {
  padding-bottom: 0;
  margin: 0.5em;
}
div#header div#latest-event a {
  color: #fff;
  text-decoration: none;
}
div#header div#latest-event a {
  text-decoration: underline;
}
div#header div#latest-event p.buttons {
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: auto;
}




/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  overflow: hidden;
  margin-bottom: 12px;
  background: #000;
  width: 100%;
}


/*
 * Subpage content container
 */
div#site-container div#page-content div#subpage-container {
  position: relative;
  background: #fff url(/img/subpage-content-curve.gif) top left no-repeat;
  margin: 20px auto 20px auto;
  width: 925px;
}
div#site-container div#page-content div#subpage-container-inner {
  background: transparent url(/img/subpage-content-curve-bottom.gif) bottom left no-repeat;

}
div#site-container div#page-content div#subpage-content {
  padding-bottom: 1em;
  font-size: 0.95em;
}
div#subpage-content h2 {
  background: url(/img/subpage-h2-grad.gif) bottom left repeat-x;
  font-size: 1.9em;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 22px;
  line-height: 50px;
  height: 100%;
}
div#subpage-content div#subpage-content-inner {
  background: #fff url(/img/spacer.gif) top left no-repeat;
  padding: 2em 1em 0 360px;
  min-height: 253px;
}


/*
 * Subpage navigation container
 */
div#subpage-container ul#subpage-nav {
  position: absolute;
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 50px;
  right: 0px;
  top: 0;
}
ul#subpage-nav li {
  background: url(/img/subpage-nav-item-left-bg.gif) top left no-repeat;
  float: left;
  font-size: 0.95em;
  line-height: 50px;
  padding-left: 9px;
  margin-left: 1px;
}
ul#subpage-nav li.first {
  background: url(/img/subpage-nav-first-left-bg.gif) top left no-repeat;
}
ul#subpage-nav li a {
  display: block;
  background: url(/img/subpage-nav-item-right-bg.gif) top right no-repeat;
  padding: 0 15px 0 6px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
ul#subpage-nav li a:hover {
  text-decoration: underline;
}
ul#subpage-nav li.first a {
  padding-left: 11px;
}
ul#subpage-nav li.last a {
  background: url(/img/subpage-nav-item-last-right-bg.gif) top right no-repeat;
}



/*
 * three column layout for what-we-do page
 */
div#subpage-content div#three-column-layout {
  overflow: hidden;
  width: 100%;
}



div#subpage-content div#middle-column {
  background: #fff url(/img/spacer.gif) top left no-repeat;
  float: left;
  padding: 2.2em 0 0 274px;
  width: 245px;
}

div#subpage-content div#right-column {
  float: left;
  width: 390px;
}



/*
 * What we do right column
 */
div#subpage-content div#right-column ul {
  list-style: none;
  padding: 1.2em 0 0 10px;
  margin: 0;
}
div#subpage-content div#right-column ul li {
  background: #c1c1c1 url(/img/subpage-right-col-li-bottom.gif) bottom left no-repeat;
  width: 380px;
  margin-bottom: 12px;
}
div#subpage-content div#right-column ul li h3 {
  background: #c1c1c1 url(/img/subpage-right-col-li-top.gif) top left no-repeat;
  margin: 0 0 2px 0;
  font-size: 1.25em;
  padding: 8px 12px 0 12px;
}
div#subpage-content div#right-column ul li div.item {
  padding: 4px 12px 15px 12px;
  height: 100%;
  overflow: hidden;
}
div#subpage-content div#right-column ul li div.image {
  background: url(/img/subpage-panel-frame.png) top left no-repeat;
  float: left;
  width: 114px;
  height: 65px;
  overflow: hidden;
}
div#subpage-content div#right-column ul li div.image img {
  display: block;
  padding: 3px 0 0 3px;
}
div#subpage-content div#right-column ul li p.info {
  float: left;
  font-size: 0.9em;
  line-height: 1.4em;
  margin: 0 0 0 5px;
  padding: 0;
  width: 237px;
}



/*
 * Footer
 */

div#site-container div#footer {
  padding: 0 10px 25px 20px;
  font-size: 0.85em;
  background: url(/img/footer-bg.png) bottom left no-repeat;
  height: 100%;
  overflow: hidden;
}
div#footer ul {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 45%;
}
div#footer ul li {
  float: right;
  background: url(/img/top-nav-divider.gif) right no-repeat;
  padding: 0 10px 0 10px;
}
div#footer ul li.first {
  background: none;
}
div#footer ul li a {
  text-decoration: none;
  color: #231f20;
}
div#footer ul li a:hover {
  text-decoration: underline;
}

/*
 * Tibus Strapline
 */

div#tibus-strapline {
  margin: 12px 0 0 0;
  text-align: center;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}