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

/*
 * Site Layout Styles
 */

html {
  background: #ffcc00 url(/img/background-fade.gif) repeat-x top center;
} 
 
body {
  background: transparent url(/img/background.gif) repeat-y top center;
  color: #000000;
  font-size: 9pt;
  font-family: verdana;
  text-align: center;
  margin: 0;
}
body h1 {
  position: absolute;
  left: -9999px;
}
body h2 {
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  font-size: 1.8em;
  padding: 6px 0 6px 0;
}
body h3 {
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  font-size: 1.4em;
  margin: 10px 0 10px 0;
  padding: 6px 0 6px 0;
}


div#site-container {
  background: #ffffff;
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 0px 0px 400px 0px;
  width: 940px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}

a {
  text-decoration: none;
  color: #cc6600;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li {
  background: url(/img/li-bg.gif) top left no-repeat;
  margin: 0 0 4px 0;
  padding: 0 0 0 10px;
}


/*
 * Header
 */
div#site-container div#header {
  background: url(/img/header-bg.jpg) no-repeat top left;
  height: 180px;
  overflow: hidden;
}


/*
 * Slideshow
 */
#slideshow {
  margin: 10px 0 0 0;
  padding: 0;
  width: 940px;
  height: 220px;
}

/*
 * Banner Image
 */
#banner-image {
  margin: 10px 0 0 0;
  padding: 0;
  width: 940px;
  height: 220px;
}

/*
 * Main Nav
 */
div#site-container div#header ul#main-nav {
  list-style: none;
  overflow: hidden;
  border: 0;
  margin: 145px 0px 0px 0px;
  padding: 0;
  float: left;
}
ul#main-nav li {
  background: transparent url(/img/main-nav-bg.gif) no-repeat center right;
  font-size: 1.2em;
  list-style: none;
  float: left;
  border: 0;
  margin: 0;
  padding: 10px 10px 10px 10px;
}
ul#main-nav li.first,
ul#main-nav li.first-selected {
  padding: 10px 10px 10px 15px;
}
ul#main-nav li.last,
ul#main-nav li.last-selected {
  background: none;
}
ul#main-nav li a {
  color: #ffffff;
  display: block;
}
ul#main-nav li a:hover {
  color: #ffcc00;
}


ul#main-nav li.selected a,
ul#main-nav li.first-selected a,
ul#main-nav li.last-selected a {
  color: #ffcc00;
}

/*
 * Search
 */
div#site-container div#header form#search-form {
  float: right;
  margin: 150px 0px 0px 0px;
  width: 220px;
}

div#site-container div#header form#search-form #search-text {
  border: 1px solid #999999;
  padding: 2px 4px 2px 4px;
  width: 150px;
}
div#site-container div#header form#search-form #search-button {
  background: none;
  color: #ffffff;
  font-weight: bold;
  border: 0;
}


/*
 * divider
 */
div#site-container div#divider {
  margin: 4px 0 25px 0;
  padding: 0;
}
div#site-container div#divider img {
  display: block;
}


/*
 * Site wide style for lists
 */
ul.formatted {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.formatted li.width-221 {
  background: #fff url(/img/li-bg-221.gif) top left no-repeat;
  float: left;
  overflow: hidden;
  margin: 0 18px 0 0;
  padding: 6px;
  width: 209px;
  height: 221px;
}
ul.formatted li.width-221 img,
ul.formatted li.width-141 img {
  display: block;
}
ul.formatted li.width-221 a {
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
}
ul.formatted li.last {
  margin: 0 0 0 1px;
}
ul.formatted li.width-221 div.text {
  overflow: hidden;
  margin: 0;
  padding: 4px 10px 4px 10px;
  width: 190px;
  height: 70px;
}
ul.formatted li.width-221 div.divider {
  background: url(/img/divider-221.jpg) top left repeat-x;
  margin: 0;
  padding: 0;
  width: 210px;
  height: 14px;
}
ul.formatted li.width-141 {
  background: #fff url(/img/li-bg-141.gif) top left no-repeat;
  float: left;
  overflow: hidden;
  margin: 0 18px 0 0;
  padding: 4px;
  width: 149px;
  height: 141px;
}
ul.formatted li.width-141 div.divider {
  background: url(/img/divider-141.jpg) top left repeat-x;
  margin: 0;
  padding: 0;
  width: 133px;
  height: 8px;
}
ul.formatted li.width-141 div.text {
  overflow: hidden;
  margin: 0;
  padding: 4px;
  width: 125px;
  height: 42px;
}
ul.formatted li.width-141 div.text-short {
  overflow: hidden;
  margin: 0;
  padding: 4px;
  width: 125px;
  height: 19px;
}
ul.formatted li.width-141 a {
  color: #fff;
  font-size: 1.0em;
  font-weight: bold;
}
/*
 * Custom styles for subpage features are below
 */


/*
 * Background colours for div.text
 */
ul.formatted li div.bg1 {
  background: #fff url(/img/li-bg-1.jpg) top left repeat-x;
}
ul.formatted li div.bg2 {
  background: #fff url(/img/li-bg-2.jpg) top left repeat-x;
}
ul.formatted li div.bg3 {
  background: #fff url(/img/li-bg-3.jpg) top left repeat-x;
}
ul.formatted li div.bg4 {
  background: #fff url(/img/li-bg-4.jpg) top left repeat-x;
}
ul.formatted li div.bg5 {
  background: #fff url(/img/li-bg-5.jpg) top left repeat-x;
}
ul.formatted li div.bg6 {
  background: #fff url(/img/li-bg-6.jpg) top left repeat-x;
}
ul.formatted li div.bg7 {
  background: #fff url(/img/li-bg-7.jpg) top left repeat-x;
}

 

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

div#site-container div#page-content {
  overflow: hidden;
  margin: 4px 0px 10px 0px;
  padding: 0 10px 0 10px;
  width: 100%;
}


div#site-container div#page-content #left-column {
  color: #999999;
  float: left;
  margin: 0 75px 0 0;
  width: 230px;
}
div#site-container div#page-content #left-column div.content {
  padding: 0;
}
div#site-container div#page-content #left-column div.content h2 {
  color: #cc6600;
}
div#site-container div#page-content #left-column div.content h3 {
  border: 0 !important;
  padding: 0 0 10px 0 !important;
}
div#site-container div#page-content #left-column div.content p {
  font-size: 1.2em;
}
div#site-container div#page-content #left-column a {
  color: #999999;
}


/*
 * custom styles
 */
div#site-container div#page-content #left-column ul.formatted {
  border-top: 1px dashed #ccc;
  padding: 9px 0 5px 0;
  width: 100%;
}
div#site-container div#page-content #left-column ul.formatted li.width-141 {
  border-bottom: 1px dashed #ccc;
  margin: 0 0 9px 0;
  width: 100%;
}
div#site-container div#page-content #left-column ul.formatted li.width-141 div.text-short a {
  color: #fff;
  font-size: 1.0em;
  font-weight: bold;
}

/*
 * Sub Nav
 */
div#site-container div#page-content #left-column div.content h3 {
  color: #cc6600;
  font-size: 1.3em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 3px 0px;
}

div#site-container div#page-content #left-column div.content ul#sub-nav {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}
div#site-container div#page-content #left-column div.content ul#sub-nav li {
  background: none;
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0px 0px 3px 0px;
}



div#site-container div#page-content #right-column div.content {
  float: left;
  width: 615px;
}
div#site-container div#page-content #right-column div.content h2 {
  color: #cc6600;
}

div#site-container div#page-content #right-column div.content h3.title {
  color: #cc6600;
  font-size: 1.3em;
  margin: 0px 0px 10px 0px;
  padding: 4px 0px 4px 0px;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
}
div#site-container div#page-content #right-column div.content div.section {
  border-bottom: 1px dashed #cccccc;
  margin: 0px 0px 10px 0px;
  padding: 4px 0px 4px 0px;
} 


/*
 * Footer
 */

div#site-container div#footer {
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  margin: 0 0 10px 0;
  padding: 10px 0 10px 0;
  overflow:  hidden;
  height: 1%;
}

/*
 * Footer Text
 */
div#site-container div#footer ul#footer-text {
  list-style: none;
  float: left;
  border: 0;
  margin: 0;
  padding: 0 0 0 10px;
  width: 410px;
}
ul#footer-text li {
  background: none;
  list-style: none;
  float: left;
  border-right: 1px solid #999999;
  margin: 0;
  padding: 0px 10px 0px 10px;
}
ul#footer-text li.first {
  padding: 0px 10px 0px 0px;
}
ul#footer-text li.last {
  border-right: 0;
}
ul#footer-text li a {
  color: #999999;
}
ul#footer-text li a:hover {
  color: #cccccc;
}

/*
 * Footer Icons
 */
div#site-container div#footer ul#footer-icons {
  list-style: none;
  float: right;
  border: 0;
  margin: 0;
  padding: 0;
}
div#site-container div#footer ul#footer-icons li {
  background: none;
  list-style: none;
  float: left;
  text-align: right;
  border: 0;
  margin: 0;
  padding: 0;
  width: 75px;
}


/*
 * Tibus Strapline
 */
div#site-container div#tibus-strapline {
  text-align: center;
  width: 100%;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}