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

/*
 * Site Layout Styles
 */

body {
  text-align: center;
}
body h1,
span.hidden {
  position: absolute;
  left: -9999px;
}
div#site-container {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 770px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -99999px;
}

h2{
  color:#009999;
  font-size:2em;
  letter-spacing:0.1em;
  font-weight:normal;
}


/*
 * Header
 */

div#site-container div#header {
position:relative;
  background: #009999 url(/img/homebg.gif) top left no-repeat;
  min-height:172px;
  height:auto !important;
  height:172px;
  padding: 12px;
}
#header #logo {
 position:absolute;
 top:0px;
 left:0px;
 width:260px;
 height:170px;
}
#logo #logolink{
  display:block;
  height:170px;
}

#header #header-contact-info{
  color:#ffffff;
  position:absolute;
  top: 18px;
  right:13px;
  text-align:right;
}

#header #header-contact-info a{
 color:#ffffff;
 text-decoration:none;
}

#header #header-contact-info a:hover{
 text-decoration:underline;
}

#header #headersrch {
  color:#ffffff;
  position:absolute;
  right:13px;
  top:148px;
}

#header #headersrch input{
  border:solid 1px #cccccc;
  font-size:0.9em;
  padding:0.2em;
}

/*
 * Top Nav for Sub Pages
 */

#top-nav{
  overflow:hidden;
  width:100%;
  height:122px;
  background:url(/img/nav/aboutnav.jpg) no-repeat;
}

#top-nav.greenpage{
  background:url(/img/nav/expertisenav.jpg) no-repeat;
}

#top-nav.redpage{
  background:url(/img/nav/contactnav.jpg) no-repeat;
}

#top-nav.pinkpage{
  background:url(/img/nav/medianav.jpg) no-repeat;
}

#top-nav.bluepage{
  background:url(/img/nav/shreddersnav.jpg) no-repeat;
}

#top-nav ul{
  margin:0px;
  padding:0px;
  list-style:none;
}

#top-nav ul li{
  float:left;
  width:83px;
  height:30px;
  margin-right:1px;
}

#top-nav ul li.w102{
  width:102px;
}

#top-nav ul li.w110{
  width:110px;
}

#top-nav ul li.w124{
  width:124px;
}

#top-nav ul li a{
  display:block;
  height:30px;
}

#top-nav ul li a span{
  margin-left:-99999px
}


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

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

div#page-content #bc,
div#page-content #bc a{
  font-weight:bold;
  color:#999999;
}
div#page-content #bc{
padding:3px 0px;
font-size:0.8em;
}



/*
 * Left Column
 */

div#page-content div#left-column {
  float: left;
  margin-right: 1%;
  width: 19%;
  padding-top:50px;
}

div#left-column h4{
 color:#009999;
}

div#left-column p {
  padding: 12px;
}

div#left-column ul {
  list-style:none;
  margin:3px 0px;
  padding:0px;
}

div#left-column ul li{
  font-weight:bold;
  margin:1x 0px;
  padding:3px 0px 3px 10px;
  border-bottom:solid 1px #ccc;
}

div#left-column ul li.ulHeader{
  border-bottom:none;
}

div#left-column ul li a {
  text-decoration:none;
  color:#cccccc;
}

div#left-column ul li a:hover{
  color:#009999;
}




/*
 * Centre Column
 */

div#page-content div#centre-column {
  float: left;
  margin-right: 1%;
  width: 60%;
  padding-top:40px;
}

div.downloadpdf{
 font-weight:bold;
 background:url(/img/icon_pdf.gif) left no-repeat;
 border-bottom:solid 1px #ccc;
 margin-top:25px;
 padding:15px 50px 10px 30px;
}

div.downloadpdf a{
 text-decoration:none;
}


div.padbottom{
  padding-bottom:20px;
}


/*
 * Right Column
 */

div#page-content div#right-column {
  background: #eee;
  float: left;
  width: 19%;
}
div#right-column p {
  padding: 12px;
}


/*
 * Footer
 */

div#site-container div#footer {
  font-weight:bold;
  background:#009999;
  color:#fff;
  padding: 10px 10px;
  min-height:180px;
  height:auto !important;
  height:180px;
}

a.video{
  color:#000000;
  text-decoration:none;
  display:block;
  background:url(/img/view-video-bk.gif) left no-repeat;
  line-height:41px;
  padding-left:33px;
  width:200px;
  
}


a.video:hover{
color:#ff0066;
}

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

.noshow{
  position:absolute;
  left: -99999px;
  width:1px;
  height:1px;
}