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

/*
 * Site Layout Styles
 */

body {
  background: #f3f3f4;
  text-align: center;
  color: #898991;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 1.5em;
}
body h1 {
  position: absolute;
  left: -9999px;
}

a {
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: underline;
}
.light-blue {
  color: #499dcc;
  font-weight: bold;
}
h2 {
  font-family: "Times New Roman", serif;
  font-size: 1.8em;
  color: #01897b;
  margin: 0 0 10px 0;
  padding: 0;
}
h3, h4, h5 {
  color: #082b4b;
  margin: 0;
  padding: 0;
}
h3.normal, h4.normal, h5.normal {
  font-weight: normal;
}
h3.light-blue, h4.light-blue, h5.light-blue {
  color: #499dcc;
}

div#messageBox {
  display: none;
  border: 1px solid red;
  background: #fcc;
  margin: 0 0 15px 0;
  padding: 10px;
  width: 693px;
}
div#messageBox p {
  font-weight: bold;
  margin: 0;
  padding: 2px 0 2px 0;
}

div#site-container {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 100%;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}


/*
 * Header
 */

div#site-container div#header-container {
  background: url(/img/header-container-bg.jpg) top left repeat-x;
  margin: 0;
  padding: 0;
}
div#header-container div#header {
  background: url(/img/header-bg.jpg) top left no-repeat;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 960px;
  height: 171px;
}
div#header div#logo {
  float: left;
  margin: 12px 0 0 0;
  padding: 0 0 0 25px;
  width: 138px;
}
div#header div#site-search {
  float: right;
  margin: 0 0 0 0;
  padding: 0 77px 0 0;
}
div#site-search form#site-search-form p {
  margin: 0;
}
div#site-search form#site-search-form input.text {
  float: left;
  margin: 3px;
  padding: 0;
  width: 120px;
}
div#site-search form#site-search-form input#submit-search {
  border: none;
  background: url(/img/site-search.gif) top left no-repeat;
  float: left;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 27px;
}
div#site-search form#site-search-form input#submit-search:hover {
  background: url(/img/site-search-over.gif) top left no-repeat;
}
div#header div#global-menu {
  float: right;
  margin: 28px 0 0 0;
  padding: 0;
  width: 775px;
}
div#global-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#global-menu ul li {
  background: url(/img/global-menu-li-bg.gif) top right no-repeat;
  float: left;
  margin: 0;
  padding: 0 15px 0 15px;
}
div#global-menu ul li.last {
  background: none;
}
div#global-menu ul li a {
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  line-height: 40px;
  display: block;
  margin: 0;
  padding: 0;
}
div#global-menu ul li a.selected{
  color: #9caab7;
}
div#global-menu ul li a:hover {
  color: #9caab7;
  text-decoration: underline;
}
div#header div#services-menu {
  float: right;
  margin: 35px 0 0 0;
  padding: 0;
  width: 750px;
}
div#services-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 10px;
}
div#services-menu ul li {
  float: left;
  margin: 0 25px 0 0;
  padding: 0;
}
div#services-menu ul li img {
  display: block;
}


/*
 * Inner Container (contains left, centre and right columns)
 */

div#site-container div#inner-container {
  background: #fff;
  overflow: hidden;
  margin: 0;
  padding: 0 0 10px 0;
  width: 100%;
}

/*
 * Page Content
 */

div#inner-container div#page-content {
  overflow: hidden;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 960px;
}
div#page-content.with-right-column {
  background: url(/img/page-content-bg.gif) top left repeat-y;
}
div#page-content div#page-title {
  margin: 0;
  padding: 30px 0 30px 25px;
  width: 100%;
  background: #fff;
}


/*
 * Left Column
 */

div#page-content div#left-column {
  background: #dcdcde;
  float: left;
  margin: 0;
  padding: 0;
  width: 185px;
}
div#left-column img {
  display: block;
}
div#left-column ul {
  list-style-type: none;
  margin: 5px;
  padding: 0;
}
div#left-column ul li {
  height: 1%;
  background: url(/img/left-menu-li-bg.jpg) top left repeat-x;
  margin: 0 0 1px 0;
  padding: 0;
}
div#left-column ul li a {
  border: 1px solid #fff;
  display: block;
  color: #499dcc;
  font-weight: bold;
  margin: 0;
  padding: 6px 6px 5px 6px;
}
div#left-column ul li a:hover {
  color: #082b4b;
}
div#left-column ul li.selected_1 {
  background: url(/img/left-menu-li-selected-bg.jpg) top left repeat-x;
  margin: 0 0 1px 0;
  padding: 0;
}
div#left-column ul li.selected_1 a {
  color: #fff;
}
div#left-column ul li li {
  background: none;
  border-top: 1px solid #c4c4c8;
}
div#left-column ul li.selected_1 li a {
  border: none;
  color: #499dcc;
  margin: 0;
  padding: 6px 6px 5px 10px;
}
div#left-column ul li.selected_1 li a:hover {
  color: #082b4b;
}
div#left-column ul li li.first {
  border: none;
}
div#left-column ul li li a.selected_2 {
  background: url(/img/left-menu-li-selected-2-bg.gif) center left no-repeat;
}


/*
 * Centre Column
 */

div#page-content div#centre-column {
  float: left;
  overflow: hidden;
  margin: 0;
}
div#centre-column.both-columns {
  padding: 0 25px 0 25px;
  width: 530px;
}
div#centre-column.with-right-column {
  padding: 0 50px 0 0;
  width: 715px;
}
div#centre-column.no-columns {
  padding: 0;
  width: 960px;
}


/*
 * Right Column
 */

div#page-content div#right-column {
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 5px;
  width: 185px;
}
div#right-column ul#rhs-portfolios {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#rhs-portfolios li {
  clear: both;
  background: #fff;
  overflow: hidden;
  display: inline-block;
  margin: 0 0 5px 0;
  padding: 5px;
}
ul#rhs-portfolios li {
  display: block;
}
ul#rhs-portfolios li div.rhs-title {
  float: left;
  margin: 0 6px 0 0;
  padding: 0;
  _padding: 0 0 0 5px;
  width: 145px;
}
ul#rhs-portfolios li div.rhs-arrow {
  float: left;
  margin: 0;
  padding: 0;
  width: 15px;
}


/*
 * Footer
 */

div#site-container div#footer-container {
  background: url(/img/footer-bg.jpg) top left repeat-x;
  margin: 0;
  padding: 0;
  height: 200px;
}
div#footer-container div#footer {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 964px;
}
div#footer a {
  color: #898991;
}
div#footer div#footer-links {
  float: left;
  margin: 15px 0 0 0;
  padding: 0;
  width: 50%;
}
div#footer-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#footer-links ul li {
  border-right: 1px solid #898991;
  float: left;
  margin: 0;
  padding: 0 10px 0 10px;
}
div#footer-links ul li.first {
  padding: 0 10px 0 0;
}
div#footer-links ul li.last {
  border-right: none;
}
div#footer div#strapline {
  float: left;
  margin: 15px 0 0 0;
  padding: 0;
  text-align: right;
  width: 50%;
}
div#footer div#awards {
  float: left;
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
}
div#awards img {
  float: left;
  display: block;
}


/*
 * Tibus Strapline
 */

div#site-container div#tibus-strapline {
  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;
}