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

/*
 * Site Layout Styles
 */
html {
  background: #b1d1d5 url(/img/background.gif) repeat-y top center;
}

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

a {
  color: #14525d;
}
a:hover {
  color: #ff0000;
}

/*
 * Header
 */

div#header {
  overflow: hidden;
  height: 138px;
}

div#header div#logo {
  float: left;
  padding: 10px 0px 0px 0px;
  width: 138px;
}

div#header div#navigation-and-social {
  float: left;
  width: 822px;
}
div#navigation-and-social #tweet-strip {
  height: 19px;
}

div#navigation-and-social #navigation {
  background: transparent url(/img/navigation-bg.gif) no-repeat top right;
  float: left;
  width: 666px;
}
div#navigation-and-social #navigation ul {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
div#navigation-and-social #navigation ul li {
  list-style: none;
  float: left;
  border: 0;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

/*
 * Main Navigation
 */
ul#main-navigation {
  height: 58px;
}
ul#main-navigation li {
  background: transparent url(/img/navigation-divider.gif) no-repeat top right;
  padding: 0 0 0 0;
}
ul#main-navigation li a {
  color: #ffffff;
  display: block;
  font-weight: bold;
  text-decoration: none;
  padding: 20px 15px 10px 15px;
}
ul#main-navigation li.first a {
  padding-left: 0;
}
ul#main-navigation li.last {
  background: none;
}

/*
 * Sub Navigation
 */
ul#sub-navigation {
  height: 40px;
}
ul#sub-navigation li {
  width: 220px;
  height: 38px;
}
ul#sub-navigation li a {
  background: transparent url(/img/sub-nav-bg.gif) no-repeat top left;
  color: #000000;
  display: block;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 10px 0px 10px 0px;
  width: 210px;
}


div#navigation-and-social #social {
  float: left;
  padding: 8px 0px 0px 0px;
  width: 156px;
}
div#navigation-and-social #social ul {
  list-style: none;
  border: 0;
  margin: 0px 0px 0px 0px;
  padding: 0;
  overflow: hidden;
}
div#navigation-and-social #social ul li {
  list-style: none;
  float: left;
  border: 0;
  margin: 0;
  padding: 0;
}

div#navigation-and-social #social ul.actions {
  margin: 0px 0px 0px 10px;
  height: 60px;
}
div#navigation-and-social #social ul.actions li {
  margin: 10px 5px 0px 0px;
}
div#navigation-and-social #social ul.actions li.last {
  margin: 10px 0px 0px 0px;
}

div#navigation-and-social #social ul.networks {
  margin: 0px 0px 0px 10px;
}
div#navigation-and-social #social ul.networks li {
  margin: 0px 10px 0px 0px;
}

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

div#page-content {
  overflow: hidden;
  margin: 0 auto;
  overflow: hidden;
  width: 920px;
}

div#page-content.subpage {
  background: transparent url(/img/subpage-teart-bg.gif) no-repeat bottom left;
  padding: 0 0 50px 0;
  overflow: hidden;
}


/*
 * Left Column
 */

div#left-column {
  background: transparent url(/img/subpage-content-bg.gif) repeat-y top left;
  float: left;
  overflow: hidden;
  width: 690px;
}
div#left-column div.content {
  background: transparent url(/img/subpage-bg.gif) no-repeat top left;
  padding: 15px 25px 15px 15px;
}
div#left-column div.content h1 {
  color: #007580;
  border: 0;
  margin: 4px 0px 30px 0px;
  padding: 0;
}
div#left-column p {
  padding: 0 0 5px 0;
}

div#left-column div.content h2,
div#left-column div.content h3,
div#left-column div.content h4 {
  color: #007580;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  margin: 4px 0px 10px 0px;
  padding: 5px 0px 5px 0px;
}


/*
 * Right Column
 */

div#right-column {
  background: transparent;
  float: left;
  width: 230px;
}
div#right-column p {
  padding: 12px;
}

/*
 * Social Icons
 */
div#social-icons ul {
  list-style: none;
  border: 0;
  margin: 10px 0px 0px 20px;
  padding: 0;
}
div#social-icons ul li {
  list-style: none;
  float: left;
  border: 0;
  margin: 0;
  padding: 0;
  width: 60px;
}


/*
 * Footer
 */

div#footer {
  margin: 20px auto 20px auto;
  width: 920px;
}

div#footer div#accreditation {
  background: #aecdd0;
  font-size: 0.9em;
  margin: 0px 0px 10px 0px;
  padding: 10px 0 10px 0;
  overflow: hidden;
}
div#footer div#accreditation p {
  margin: 0;
  padding: 0px 0 2px 5px;
}
div#footer div#accreditation div.left {
  float: left;
  width: 610px;
}
div#footer div#accreditation div.right {
}

div#footer div#copy {
  overflow: hidden;
}
div#copy div.left {
  float: left;
  width: 50%;
}
div#copy div.right {
  float: left;
  text-align: right;
  width: 50%;
}




/*
 * Tibus Strapline
 */

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;
}