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

/*
 * Site Layout Styles
 */
body {
  background: #e6e6e6 url(/img/body-bg.jpg) top center repeat-x;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin: 0;
  padding: 0;
}
body h1 {
  position: absolute;
  left: -9999px;
}
body h2.page-title {
  color: #ef3e33
}
body a {
  color: #ef3e33;
  text-decoration: none;
}
div#site-container {
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 30px 20px 0 0;
  width: 960px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}


/*
 * Header
 */

div#site-container div#header {
  background: url(/img/header-bg.jpg) top center no-repeat;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 220px;
}
div#header div#header-inner {
  overflow: hidden;
  margin: 0 0 0 30px;
  padding: 0;
  width: 920px;
}
div#header-inner div#corporate-menu {
  float: left;
}
div#corporate-menu ul {
  list-style: none;
  margin: 1px 0 0 1px;
  padding: 0;
}
div#corporate-menu ul li {
  float: left;
  border-right: 1px solid #b2b2b2;
  margin: 12px 0 0 0;
  padding: 0 0 0 5px;
}
div#corporate-menu ul li.first {
  border: none;
  padding: 0;
  margin: 0;
}
div#corporate-menu ul li.last {
  border: none;
}
div#corporate-menu ul li a {
  padding: 0 5px 0 0;
}
div#header-inner div#slideshow {
  float: right;
  margin: 0 10px 0 0;
  padding: 0;
  width: 584px;
  height: 220px;
}
div#header-inner div#logo {
  float: left;
  margin: 0;
  padding: 10px 0 0 72px;
}


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

div#site-container div#page-content {
  overflow: hidden;
  margin: 0;
  width: 100%;
}
div#page-content div#page-content-inner {
  background: #fff url(/img/page-content-inner-bg.gif) top left repeat-y;
  overflow: hidden;
  margin: 0 0 0 30px;
  padding: 0;
  width: 920px;
}
div#page-content-inner div#global-menu {
  background: url(/img/global-menu-bg.jpg) top left repeat-x;
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  height: 42px;
}
div#global-menu ul {
  list-style: none;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 880px;
}
div#global-menu ul li {
  float: left;
  margin: 0;
  padding: 0;
  height: 42px;
}
div#global-menu ul li:hover,
div#global-menu ul li.selected {
  background: url(/img/global-menu-li-selected-bg.jpg) top left repeat-x;
}
div#global-menu ul li a {
  display: block;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 46px 0 46px;
  line-height: 42px;
}
div#global-menu ul li:hover a,
div#global-menu ul li.selected a {
  border-left: 1px solid #312d2e; 
  border-right: 1px solid #312d2e;  
  margin: 0 1px 0 1px;
  padding: 0 44px 0 44px;
}



/*
 * Left Column
 */

div#page-content-inner div#left-column {
  float: left;
  margin: 0 30px 0 0;
  padding: 0;
  width: 200px;
}
div#page-content-inner div.with-menu {
  border-bottom: 1px solid #5a5758;  
}
div#left-column ul {
  background: #000;
  border-bottom: 1px solid #000;  
  list-style: none;
  margin: -8px 0 0 0;
  padding: 0;
}
div#left-column ul li {
  border-top: 1px solid #5a5758;
  border-bottom: 1px solid #5a5758;
  margin: 1px 0 1px 0;
  padding: 0;
}
div#left-column ul li a {
  background: #404040 url(/img/left-menu-a-bg.gif) right no-repeat;
  display: block;
  overflow: hidden;
  color: #fff;
  margin: 0;
  padding: 8px;
}
div#left-column ul li.first {
  border-top: none;
}
div#left-column ul li.last {
  margin: 0;
}
div#left-column ul li:hover,
div#left-column ul li.selected {
  background: url(/img/left-menu-li-selected-bg.gif) top left repeat-x;
}
div#left-column ul li:hover a,
div#left-column ul li.selected a {
  background: url(/img/left-menu-a-selected-bg.gif) right no-repeat;
  display: block;
  color: #ef3e33;
  font-weight: bold;
}
div#left-column ul.left-menu-sub {
  background: #e5e5e5;
  list-style: none;
  margin: 0;
  padding: 0;
}
div#left-column ul.left-menu-sub li {
  border: none;
  border-top: 1px solid #a6a6a6;
  background: none;  
  margin: 0;
  padding: 0;
}
div#left-column ul.left-menu-sub li a {
  border: none;
  font-weight: normal;
  background: none;
  color: #000;
}
div#left-column ul.left-menu-sub li a.selected {
  text-decoration: underline;
}


/*
 * Centre Column
 */

div#page-content-inner div#centre-column {
  float: left;
  margin: 0 20px 0 0;
  width: 455px;
}
div#centre-column ul#breadcrumbs {
  list-style: none;
  width: 100%;
  overflow: hidden;
  margin: 0 0 8px 0;
  padding: 0;
}
ul#breadcrumbs li {
  float: left;
  margin: 0;
  padding: 0 2px 0 2px;
}
ul#breadcrumbs li.first {
  padding: 0 2px 0 0;
}
ul#breadcrumbs li a {
  color: #000;
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
}


/*
 * Right Column
 */

div#page-content-inner div#right-column {
  margin: 0;
  float: left;
  width: 205px;
}

div#page-content-inner div#northstone-divisions {
  background:url(/img/divisions-background.gif) no-repeat;
  margin: 0 0 20px auto;
  width: 176px;
  height: 466px;
  
}

div#page-content-inner div#northstone-divisions h3 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 0 auto;
  padding-top: 15px;
  width: 120px;  
}

div#page-content-inner div#northstone-divisions ul {
  margin: 0 auto 0 auto;
  padding: 0;
  list-style: none;
  width: 120px;
}

div#page-content-inner div#northstone-divisions ul li {
  padding-top: 10px;
}

/*
 * Footer
 */

div#footer {
  background: #231f20;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
div#footer div#footer-inner {
  background: #1a1718;
  color: #fff;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 920px;
}

div#footer-inner div#footer-links {
  overflow: hidden;
  text-align: left;
  margin: 0;
  padding: 25px 0 30px 0;
}

div#footer-links h3 {
  border-bottom: 1px solid #4f4c4d;
  color: #ef3e33;
  font-weight: normal;
  font-size: 0.9em;
  margin: 0;
  padding: 0 0 8px 0;
}
div#footer-links div.footer-links-section {
  float: left;
  margin: 0;
  padding: 0 0 0 28px;
  width: 150px;
}
div.footer-links-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.footer-links-section ul li {
  margin: 0;
  padding: 2px 0 0 0;
}
div.footer-links-section ul li a {
  color: #a7a5a6;
  font-size: 0.9em;
}

div#footer-inner div#copyright-and-strapline {
  background: #131112;
  font-size: 1.1em;
  overflow: hidden;
  margin: 0;
  padding: 20px 45px 20px 45px;
}
div#copyright-and-strapline p {
  margin: 0;
}
div#copyright-and-strapline a {
  color: #fff;
  text-decoration: none;
}
div#copyright-and-strapline div#copyright {
  float: left;
}
div#copyright-and-strapline div#strapline {
  float: right;
}


/*
 * Tibus Strapline
 */

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