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

/*
 * Site Layout Styles
 */

body {
  text-align: center;
  background: #d0dae4 url(body-bg-blue-opt.jpg) top center no-repeat;
}
div#site-container-outer {
  width: 963px;
  padding-left: 3px;
  background: url(left-grad-blue.gif) top left repeat-y;
  margin: 0 auto 0 auto;
}
div#site-container {
  text-align: left;
  background: #fff url(right-grad-blue.gif) top right repeat-y;
  padding: 0 13px 0 10px;
  width: 940px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}


/*
 * Header
 */

div#site-container div#header {
  background: url(tibus-header-bg.jpg) top left no-repeat;
  margin: 0;
  padding: 10px 0 0 40px;
  width: 900px;
  height: 88px;
  overflow: hidden;
}
div#header p#header-logo {
  margin: 0;
  padding: 0;
  float: left;
  width: 185px;
  background: url(tibus-logo-v2.gif) top left no-repeat;
}
div#header p#header-logo a {
  display: block;
  height: 75px;
}
div#header p#header-logo a span {
  position: absolute;
  left: -999em;
}
div#header div#textsize-search {
  float: right;
  width: 250px;
  text-align: right;
}
div#textsize-search p#text-sizes {
  
}
div#textsize-search p#text-sizes a {
  vertical-align: bottom;
  text-decoration: none;  
}
div#textsize-search p#text-sizes a:hover {
  text-decoration: underline;
}
div#textsize-search p#text-sizes a.normal {
  font-size: 1em;
}
div#textsize-search p#text-sizes a.larger {
  font-size: 1.5em;
}
div#textsize-search p#text-sizes a.largest {
  font-size: 2em;
}

div#textsize-search form#site-search fieldset {
  text-align: right;
  margin: 0;
  padding: 0;
  border: 0;
}
form#site-search label {
  font-size: 1.2em;
  color: #000;
  vertical-align: middle;
  display: none;
}
form#site-search input#site-search-input {
  width: 175px;
  height: 21px;
  font-size: 1.1em;
  background: #d6d6d6;
  border-top: 1px solid #7e7e7e;
  border-left: 1px solid #7e7e7e;
  border-right: 1px solid #aeaeae;
  border-bottom: 1px solid #aeaeae;
  vertical-align: middle;
}
form#site-search input#site-search-go {
  width: 46px;
  height: 24px;
  vertical-align: middle;
}

div#alt-channels {
	float: right;
	width: 250px;
}

div#alt-channels ul {
	width: 129px;
	margin: 0 0 0 20px !important;
}

div#alt-channels ul, div#alt-channels ul li {
	float: left;
	list-style: none;
	margin:0;
	padding:0;
}

#alt-channels span.label {
    display: block;
    font: bold 1.167em Rockwell,Georgia,"Palatino Linotype",Palatino,"URW Palladio L",Times,"Times New Roman",serif;
    text-align: center;
    width: 129px;
	color: #FFFFFF;
	padding-bottom: 0.1em;
}


/*
 * Top Navigation
 */
div#header-nav {
  width: 100%;
  height: 40px;
  padding: 1px 0 0 0;
  margin: 0 0 10px 0;
}
div#header-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 40px;
  overflow: hidden;
}
div#header-nav ul li {
  float: left;
  border-right: 1px solid #fff;
  font-size: 1.4em;
  text-align: center;
}
div#header-nav ul li.index {
  width: 111px;
}
div#header-nav ul li.news {
  width: 96px;
}
div#header-nav ul li.about-hseni {
  width: 161px;
}
div#header-nav ul li.about-you {
  width: 141px;
}
div#header-nav ul li.guidance {
  width: 129px;
}
div#header-nav ul li.resources {
  width: 143px;
}
div#header-nav ul li.contact-us {
  width: 152px;
}
div#header-nav ul li a {
  width: 100%;
  display: block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  line-height: 40px;
  background: url(header-nav-bg.gif) top left repeat-x;
}
div#header-nav ul li a span {
  width: 100%;
  height: 40px;
  display: block;
}
div#header-nav ul li a:hover,
div#header-nav ul li.selected a {
  background: url(header-nav-hover-bg.gif) top left repeat-x;
}
div#header-nav ul li a:hover span,
div#header-nav ul li.selected a span {
  background: url(header-nav-hover-corner.gif) bottom right no-repeat;
}
div#header-nav ul li.last {
  border-right: 0;
}
/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  overflow: hidden;
  height: 100%;
  padding: 16px 0 0 18px;
}


/*
 * Left Column
 */

div#page-content div#left-column {
  float: left;
  margin: 4px 22px 0 0;
  width: 214px;
}
div#left-column h2 {
  background: url(left-column-h2-bg.gif) top left no-repeat;
  color: #048;
  line-height: 25px;
  margin: 0 0 5px 0;
  padding: 0 5px 0 9px;
  font-size: 1.2em;
}
div#left-column a {
  text-decoration: none;
}
div#left-column a:hover {
  text-decoration: underline;
}
div#left-column div#left-nav {
  margin-bottom: 10px;
}
div#left-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#left-nav ul li {
  font-size: 1.1em;
  background: #ececec;
  border: 1px solid #ccc;
  margin: 0 0 5px 0;
  line-height: 23px;
}
div#left-nav ul li a {
  display: block;
  padding: 0 5px 0 20px;
  color: #048;
  background: url(small-blue-arrow-bullet.gif) top left no-repeat;
  background-position: 10px 50%;
}
div#left-nav ul li.current {
  background: #01539f;
}
div#left-nav ul li.current a {  
  color: #fff;
}


div#left-column div#important-information-for {
  margin-bottom: 25px;
}
div#important-information-for h3 {
  background: #9cd3e4;
  color: #048;
  line-height: 25px;
  margin: 0 0 5px 0;
  padding: 0 5px 0 9px;
  font-size: 1.1em;
  font-weight: normal;
}
div#important-information-for ul {
  list-style: none;
  margin: 0;
  padding: 10px 0 0 0;
}
div#important-information-for ul li {
  font-size: 1.1em;
  margin: 0 0 7px 0;
  padding: 0;
  height: 100%;
}
div#important-information-for ul li a {
  display: block;
  padding: 0 5px 0 30px;
  color: #048;
  background: url(small-blue-arrow-bullet.gif) top left no-repeat;
  background-position: 14px 50%;
}
div#left-column div#enforcement-notices a.oldlink {
  display: block;
  background: #9cd3e4;
  color: #048;
  line-height: 25px;
  margin: 0 0 5px 0;
  padding: 0 5px 0 9px;
  font-size: 1.1em;
  font-weight: normal;
}


/*
 * Centre Column
 */

div#page-content div#centre-column {
  float: left;
  width: 685px;
  overflow: hidden;
}
div#centre-column h1 {
  font-size: 1.9em;
  color: #048;
  margin: 0 0 8px 0;
  padding: 0 0 20px 0;
  background: url(h1-bg.gif) bottom left repeat-x;
}
div#centre-column h1.landing-page {
  padding-bottom: 0;
  background: none !important;
}
div#centre-column h1 span {
  padding-right: 7px;
  background-position: 100% 80%;
}
div#centre-column h2 {
  color: #048;
}



/*
 * Staff List Pages
 */
ul.staff-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.staff-list li {
  overflow: hidden;
  min-height: 132px;
  padding: 0 0 20px 115px;
  width: 550px;
}
ul.staff-list li h2 {
  margin: 0;
  padding: 0 0 0.2em 0;
  font-size: 1.2em;
  color: #09c;
}
ul.staff-list li p.image {
  width: 100px;
  margin: 0 0 0 -115px;
  padding: 0;
  float: left;
  display: inline;
}
ul.staff-list li p.image img {
  width: 98px;
  border: 1px solid #059;
  _height: 1%;
}




/*
 * News List Page
 */
ul.news-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.news-list li {
  overflow: hidden;
  padding: 0 0 25px 120px;  
  margin: 0;
  height: 100%;  
}
ul.news-list li.preview {
  background: #dadada;
}
ul.news-list li img {
  background: url(news-img-frame.gif) top left no-repeat;
}
ul.news-list li h2 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.1em;  
  color: #09c;

}
ul.news-list li h2 a {
  color: #09c;
}
ul.news-list li a {
  text-decoration: none;
}
ul.news-list li a:hover {
  text-decoration: underline;
}
ul.news-list li p {
  font-size: 0.9em;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
}
ul.news-list li p a {
  color: #048;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
}
ul.news-list li p.date {
  font-size: 0.9em;
  color: #09c;
}
ul.news-list li p.image {
  margin: 0 0 0 -120px;
  padding: 0;
  width: 105px;
  float: left;
  display: inline;
}
ul.news-list li.no-image {
  padding-left: 0;
}


ul.news-list p.image span.inner1 {
  float: right;
  display: block;
  padding: 0;
  background: url(shadow-top-right.gif) top right no-repeat;
}
ul.news-list p.image span.inner2 {
  display: block;
  background: url(shadow-bottom-left.gif) bottom left no-repeat;
}
ul.news-list p.image span.inner3 {
  display: block;
  background: url(shadow-bottom-right.gif) bottom right no-repeat;
  padding: 0 5px 5px 0;
}
ul.news-list p.image img {
  display: block;
  border: 1px solid #048;  
}
p.archive-link,
p.download-link {
  text-align: right;  
}
p.archive-link a,
p.download-link a {
  font-size: 0.85em;
  text-transform: uppercase;
  font-weight: bold;
  color: #048;
  text-decoration: none;
}
p.archive-link a:hover,
p.download-link a:hover {
  text-decoration: underline;
}

p.archive-link {
	overflow: hidden;
	width: 99%;
	float: left;
}
p.archive-link a.next {
	float: right;
	text-align: right;
}
p.archive-link a.prev {
	float: left;
	text-align: left;
}
p.rss {
	float: left;
	text-transform: uppercase;
	width: 49%;
}

p.rss img {
	margin-right: 3px;
}
p.rss a {
	color: #004488;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
}
p.rss a:hover {
	text-decoration: underline;
}
/*
 * News Item Page
 */
div.news-item {
}
div.news-item p {
  line-height: 1.4em !important;
}
div.news-item p.date {
  color: #09c;
  font-weight: bold;
}
div.news-item p.image {
  float: right;
  margin: 0;
  padding: 0;
  width: 307px;
  margin: 0 0 15px 10px;
}
div.news-item p.image span.inner1 {
  display: block;
  padding: 0;
  background: url(shadow-top-right.gif) top right no-repeat;
}
div.news-item p.image span.inner2 {
  display: block;
  background: url(shadow-bottom-left.gif) bottom left no-repeat;
}
div.news-item p.image span.inner3 {
  display: block;
  background: url(shadow-bottom-right.gif) bottom right no-repeat;
  padding: 0 5px 5px 0;
}
div.news-item p.image img {
  display: block;

  border: 1px solid #048;  
}




/*
 * Publications List
 */
div.publications-list h2 {
  font-size: 1.4em;
  color: #048;  
  margin: 1em 0 0 0; 
  padding: 0 0 0 1em;
  background: url(green-right-arrow-transparent.gif) left no-repeat;
}
div.publications-list h2.open {
  background: url(green-down-arrow-transparent.gif) left no-repeat;
}
div.publications-list h2 a:hover {
  text-decoration: underline;
}
div.publications-list ul {
  list-style: none;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 2px solid #d9e3ec;
}
div.publications-list ul.corporate {
  display: none;
}
div.publications-list ul.no-border {
  border-top: none;
}
div.publications-list ul li {
  margin: 0;
  padding: 0 0 10px 0;
}
div.publications-list ul li.preview {
  background: #dadada;
}
div.publications-list ul li h3 {
  margin: 0;
  padding: 0 0 0.2em 0;
  font-size: 1.2em;
  color: #09c;
}
div.publications-list ul li h3 a {
  color: #09c;
  text-decoration: none;
  height: 24px;
  overflow: hidden;
}
div.publications-list ul li h3 a:hover span {
  text-decoration: underline;
}
div.publications-list ul li h3 a span.button {
  float: right;
  background: url(download-button.gif) top left no-repeat;
  width: 72px;
  height: 24px;
}
div.publications-list ul li h3 a:hover span.button {
  text-decoration: none;
}
div.publications-list ul li p.size {
  font-size: 0.9em;
  color: #048;
  margin: 0;
  padding: 0 0 3px 0;
}
div.publications-list ul li p.summary {
  font-size: 0.9em;
}



/*
 * Locations List
 */
div.locations-list ul {
  margin: 1em 0 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  width: 100%;
}
div.locations-list ul li {
  float: left;
  width: 180px;
  padding: 0 20px 0 15px;
  margin: 0 0 15px 0
}
div.locations-list ul li h2 {
  font-size: 1.1em;
}
div.locations-list ul li p.contact-details {
  color: #089bc6;
  font-weight: bold;
}
div.locations-list ul li p.contact-details a {
  color: #089bc6;
}
div.locations-list ul li div.more-info {
  font-size: 0.9em;
}
div.locations-list div.google-map-container {
  width: 600px;
  height: 400px;
  border: 1px solid #048;
  margin-left: 15px;
  display: none;
}



/*
 * Image Gallery
 */
div.image-gallery ul.image-gallery {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
div.image-gallery ul.image-gallery li {
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
} 
div.image-gallery ul.image-gallery li p {
  margin: 0;
  padding: 0;
}
div.image-gallery ul.image-gallery span.inner1 {
  display: block;
  padding: 0;
  background: url(shadow-top-right.gif) top right no-repeat;
}
div.image-gallery ul.image-gallery span.inner2 {
  display: block;
  background: url(shadow-bottom-left.gif) bottom left no-repeat;
}
div.image-gallery ul.image-gallery span.inner3 {
  display: block;
  background: url(shadow-bottom-right.gif) bottom right no-repeat;
  padding: 0 5px 5px 0;
}
div.image-gallery ul.image-gallery img {
  display: block;
  border: 1px solid #048;  
}
div.image-gallery ul.image-gallery a {
  display: block;
}


/*
 *  Standard image frame wrappers
 */
span.frame-tl {
  display: block;
  background: url(tibus-img-frame-tl.png) top left no-repeat;
}
span.frame-tr {
  display: block;
  background: url(tibus-img-frame-tr.png) top right no-repeat;
}
span.frame-bl {
  display: block;
  background: url(tibus-img-frame-bl.png) bottom left no-repeat;  
}
span.frame-br {
  display: block;
  background: url(tibus-img-frame-br.png) bottom right no-repeat;
  padding: 3px 1px 5px 6px;
}
span.frame-br a,
span.frame-br img {
  display: block;
}


/*
 * Useful Links page
 */
div#centre-column ul#useful-links {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#useful-links li {
  overflow: hidden;
  padding: 0 0 25px 120px;  
  margin: 0;
  height: 100%; 
}
ul#useful-links li h2 {
  margin: 0;
  padding: 0;
}
ul#useful-links li h2 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.1em;  
  color: #09c;

}
ul#useful-links li h2 a {
  color: #09c;
}
ul#useful-links li img {
  background: url(news-img-frame.gif) top left no-repeat;
}
ul#useful-links li p.image {
  margin: 0 0 0 -120px;
  padding: 0;
  width: 105px;
  float: left;
  display: inline;
}
ul#useful-links li.no-image {
  padding-left: 0;
}
ul#useful-links p.image span.inner1 {
  display: block;
  padding: 0;
  background: url(shadow-top-right.gif) top right no-repeat;
}
ul#useful-links p.image span.inner2 {
  display: block;
  background: url(shadow-bottom-left.gif) bottom left no-repeat;
}
ul#useful-links p.image span.inner3 {
  display: block;
  background: url(shadow-bottom-right.gif) bottom right no-repeat;
  padding: 0 5px 5px 0;
}
ul#useful-links p.image img {
  display: block;
  border: 1px solid #048;  
}




/*
 * Video Section
 */
/*
 * Publications List
 */
div.videos-list h2 {
  font-size: 1.4em;
  color: #048;  
  margin: 1em 0 0 0; 
  padding: 0 0 0 1em;
  background: url(green-right-arrow-transparent.gif) left no-repeat;
}
div.publications-list h2.open {
  background: url(green-down-arrow-transparent.gif) left no-repeat;
}
div.videos-list h2 a:hover {
  text-decoration: underline;
}
div.videos-list ul {
  list-style: none;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 2px solid #d9e3ec;
}
div.videos-list ul.videos {
  display: none;
  overflow: hidden;
  width: 100%;
}
div.videos-list ul.no-border {
  border-top: none;
}
div.videos-list ul li {
  margin: 0 15px 0 0;
  padding: 0 0 10px 0;
  overflow: hidden;
  width: 335px;
  float: left;
}
div.videos-list ul li.even {
  margin-right: 0;
}
div.videos-list ul li.preview {
  background: #dadada;
}
div.videos-list ul li p.image {
	width: 105px;
	float: left;
	margin-right: 10px;
}
div.videos-list p.image span.inner1 {
  float: right;
  display: block;
  padding: 0;
  background: url(shadow-top-right.gif) top right no-repeat;
}
div.videos-list p.image span.inner2 {
  display: block;
  background: url(shadow-bottom-left.gif) bottom left no-repeat;
}
div.videos-list p.image span.inner3 {
  display: block;
  background: url(shadow-bottom-right.gif) bottom right no-repeat;
  padding: 0 5px 5px 0;
}
div.videos-list p.image img {
  display: block;
  border: 1px solid #048;  
}
div.videos-list ul li div.info {
	float: left;
	width: 220px;
}
div.videos-list ul li h3 {
  margin: 0;
  padding: 0 0 0.2em 0;
  font-size: 1em;
  color: #09c;
}
div.videos-list ul li h3 a {
  color: #09c;
  text-decoration: none;
  height: 24px;
  overflow: hidden;
}
div.videos-list ul li h3 a:hover {
  text-decoration: underline;
}
div.videos-list ul li p.duration {
  font-size: 0.846em;
  color: #048;
  margin: 0;
  padding: 0 0 3px 0;
}
div.videos-list ul li p.summary {
  font-size: 0.846em;
}








/*
 * Newsletter List Page
 */
ul.newsletter-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.newsletter-list li {
  overflow: hidden;
  padding: 0 0 25px 0;  
  margin: 0;
  height: 100%;  
}
ul.newsletter-list li.preview {
  background: #dadada;
}
ul.newsletter-list li h2 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.1em;  
  color: #09c;
}
ul.newsletter-list li h2 a {
  color: #09c;
}
ul.newsletter-list li a {
  text-decoration: none;
}
ul.newsletter-list li a:hover {
  text-decoration: underline;
}
ul.newsletter-list li p {
  font-size: 0.923em;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
}
ul.newsletter-list li p a {
  color: #048;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.923em;
}
ul.newsletter-list li p.date {
  font-size: 0.923em;
  color: #09c;
}



/*
 * Right Column
 */

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


/*
 * SEO Links Banner
 */
div#site-container div#seo {
  margin: 15px -10px 0 -10px;
  padding: 18px 0 0 0;
  background: url(tibus-footer-grad.gif) top left repeat-x;
}
div#site-container div#seo div#seo-inner {
  background: url(tibus-footer-divider-bg.png) top left repeat-y;
  padding: 0 0 6px 12px;
  overflow: hidden;
  height: 100%;
}
div#seo-inner h3 {
  color: #02549e;
  font-size: 0.923em;
  margin: 0;
  padding: 0 0 0.3em 0;
  text-transform: uppercase
}
div#seo-inner h3 a {
  color: #02549e;
  text-decoration: none;
}
div#seo-inner h3 a:hover {
  text-decoration: underline;
}
div#seo-inner ul {
  list-style: none;
  margin: 0;
  padding: 0;

}
div#seo-inner ul li.top {
  float: left;
  width: 133px;
  padding: 0 8px 0 15px;
}
div#seo-inner ul li.index {
  display: none;
}
div#seo-inner ul li.top ul li {
  font-size: 0.769em;  
  _height: 1%;
}
div#seo-inner ul li.top ul li a {
  text-decoration: none;
  color: #555;
  padding: 1px 0 1px 0;
  display: block;
  _height: 1%;
}
div#seo-inner ul li.top ul li a:hover {
  text-decoration: underline;
}

/*
 * Footer
 */

div#site-container div#footer {
  margin: 12px -10px 0 -10px;
  padding: 15px 12px 12px 12px;
  background: url(tibus-footer-nav-bg.gif) top left repeat-x;
  font-size: 0.923em;
  height: 21px;
}
div#site-container div#footer div#footer-content {
  float: right;
  text-align: right;
  color: #333;
}
div#site-container div#footer div#footer-links {
  width: 50%;
}
div#footer-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
div#footer-links ul li {
  float: left;
  padding: 0 13px 0 13px;
  border-left: 1px solid #686868;
}
div#footer-links ul li.first {
  border-left: 0;
  padding-left: 0;
}
div#footer-links ul li a {
  color: #333;
  text-decoration: none;
}
div#footer-links ul li a:hover {
  text-decoration: underline;
}


/*
 * Tibus Strapline
 */

div#site-container div#tibus-strapline {
  text-align: center;
  font-size: 0.85em;
  color: #02549e;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}