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

/*
 * Site Layout Styles
 */

body {
  background: #5e5e5e url(/img/body-bg.jpg) top center repeat-y;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  line-height: 1.6em;
}
body h1,
.hidden {
  position: absolute;
  left: -9999px;
}
body h2 {
  font-family: Georgia, serif;
  font-size: 2.0em;
  font-weight: normal;
}
body h2.membership {
  display: block;
  float: left;
}
body h2.heading {
  display: block;
  float: left;
  line-height: 1.2em;
  width: 520px;
}
body span#faqs-links {
  float: right;
}
body a {
  text-decoration: none;
  color: #000;
}
body a:hover {
  text-decoration: underline;
}
div#site-container {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 960px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}
a.faq-link {
  padding: 6px;
  display: block;
}

/*
 * filter at top of some page
 */
div#filter-link {
  float: right;
}


/*
 * Header
 */

div#site-container div#header {
  background: #ffffff url(/img/header-bg.gif) top left no-repeat;
  overflow: hidden;
  margin: 0;
}
div#header div.header-contained {
  background:#ffffff;
}

div#header div.header-contained img {
  display: block;
}
div#header div#global-menu {
  float: left;
  font-size: 1.2em;
  width: 623px;
  height: 181px;
}
div#global-menu ul {
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0;
}
div#global-menu ul li {
  float: left;
  margin: 29px 0 0 0;
  padding: 0;
  height: 32px;
}
div#global-menu ul li.selected {
  background: #c41869;
}
div#global-menu ul li a {
  display: block;
  margin: 0;
  padding: 8px 10px 0 10px;
}
div#global-menu ul li.selected a {
  color: #fff;
}
div#header div#slideshow-image {
  /*background: url(/img/slideshow-image.jpg);*/
  float: right;  
  width: 337px;
  _width: 330px;
  height: 374px;
}
div#header div#slideshow-text {
  /*background: url(/img/slideshow-text.jpg);*/
  float: left;
  width: 623px;
  height:193px;
}

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

div#site-container div#page-content {
  background: #fff;
  overflow: hidden;
  width: 920px;
  padding: 20px;
}
div#page-content div.bordered-container {
  border: 1px solid #d6d6d6;
  background: #fff;
  overflow: hidden;
  margin: 0 0 15px 0;
  padding: 1px;
}
div#page-content div#member-managment-container {
  float: right;
  overflow: hidden;
  margin: -10px 0 0 0;
}
div#member-managment-container div.control-box {
  float: left;
}
div.control-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.control-box ul li {
  text-align: right;
  font-size: 0.9em;
  margin: 0 0 0 8px;
  padding: 0;
}
div#member-managment-container div#member-managment-links {
  border-left: 1px solid #000;
  margin: 0 0 0 8px;
}
div#member-managment-links li {
  text-align: left;
}
div.control-box a {
  background: url(/img/managementli-a-bg.gif) left no-repeat;
  color: #c41968;
  font-weight: bold;
  padding: 0 0 0 8px;
}


/*
 * Left Column
 */

div#page-content div#left-column {
  float: left;
  margin: 0 15px 0 0;
  width: 215px;
}
div#left-column ul#left-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#left-column ul#left-nav li {
  font-size: 1.2em;
  overflow: hidden;
  margin: 0 0 10px 0;
  padding: 0;
  height: 100%;
}
div#left-column ul#left-nav li img {
  display: block;
  float: left;
  margin: 0 6px 0 0;
}
div#left-column ul#left-nav li a {
  border: 1px solid #dedede;
  border-left: none;
  display: block;
  margin: 0;
  padding: 6px 0 6px 0;
}
div#left-column ul#left-nav li a.long-title {
  font-size: 0.8em;
}
div#left-column ul#left-nav li.selected a {
  color: #c41869;
}


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

div#left-column ul#social li{
  margin:0;
  padding:0;
  float:left;
}

/*
 * sub menu
 */
div#page-content div#sublevel-menu {
  background: #c41869;
  float: left;
  margin: 0;
  width: 690px;  
}
div#sublevel-menu ul {
  list-style: none;
  margin: 0;
  padding: 4px 10px 4px 10px;
}
div#sublevel-menu ul li {
  float: left;
  margin: 0;
  padding: 0 10px 0 0;
}
div#sublevel-menu ul li a {
  border-right: 1px solid #fff236;
  color: #fff;
  padding: 0 10px 0 0;
}
div#sublevel-menu ul li.last a {
  border: none;
  padding: 0;
}


/*
 * Centre Column Styles
 */

/*
 * Sub column styles for 2 column template, with yellow and gray right column
 */
div#page-content div#centre-column {
  background: url(/img/2-column-template-bg.gif) top left no-repeat;
  overflow: hidden;
  float: left;
  margin: 0;
  padding: 13px 0 15px 0;
  width: 690px;
}
div#page-content div#centre-column.two-column-with-yellow {
  background: url(/img/2-column-template-yellow-bg.gif) top left no-repeat;
}
div#page-content div#centre-column.one-column {
  background: url(/img/1-column-bg.gif) top left no-repeat;
}


div#centre-column div#sub-left-column {
  border: 1px solid #bebebe;
  border-top: none;
  float: left;
  margin: 0 12px 0 0;
  padding: 15px;
  width: 483px;
}


/*
 * Sub column styles for 3 column template
 */
div#page-content div#centre-column.three-column {
  background: url(/img/3-column-template-bg.gif) top left no-repeat;
}
div#centre-column.three-column div#dashboard-container {
  float: left;
  overflow: hidden;
  margin: 0 12px 0 0;
  padding: 0;
  width: 515px;
}


/*
 * Right column is the same in both templates 
 */
div#centre-column div#sub-right-column {
  overflow:hidden;
  float: left;
  font-size: 0.9em;
  line-height: 1.4em;
  width: 163px;
}
div#sub-right-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#sub-right-column ul li a {
  color: #555555;
}
div#sub-right-column ul li a:hover {
  text-decoration: none;
}
div#sub-right-column ul li {
  border: 1px solid #bebebe;
  background: #ebebeb;
  margin: 0 0 12px 0;
  width: 161px;
}
div#sub-right-column ul li.first {
  border-top: none;
}
div#centre-column.two-column-with-yellow div#sub-right-column ul li.first {
  border-top: none;
  background: #fff891;
}
div#sub-right-column ul li div {
  border: 1px solid #fff;
  border-top: none;
  overflow: hidden;
  padding: 10px;
}
div#sub-right-column ul li div img {
  float: left;
  margin: 0 6px 0 0;
}
div#sub-right-column ul li div h2 {
  color: #555555;
  font-size: 1.6em;
}

/*
 * External Ads
 */
div#sub-right-column ul li.external {
  text-align: center;
  background: #ffffff;
  border: 0;
  margin: 0px 0px 10px 0px;
}
div#centre-column a {
  color: #10587a;
}


/*
 * Right Column
 */

div#page-content div#right-column {
  display: none;
}

div#support-logos {
  text-align: center;   
  overflow: hidden;
  float: none;
  clear: both;
  padding-top: 20px;
  width: 100%;
}

div#support-logos ul {
  list-style: none;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 550px;
}

div#support-logos ul li { 
  float:left;
  margin: 0;
  padding: 0 5px 0 5px;
} 
/*
 * Footer
 */

div#site-container div#footer {
  background: #dcdcdc url(/img/footer-bg.gif) top left no-repeat;
  color: #696969;
  overflow: hidden;
  margin: 0;
  padding: 30px 35px 10px 35px;
}
div#footer div#footer-copyright {
  float: left;
}
div#footer div#footer-links {
  float: right;
}
div#footer-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#footer-links ul li {
  float: left;
  margin: 0;
  padding: 0 6px 0 0;
}
div#footer-links ul li a {
  border-right: 1px solid #696969;
  color: #696969;
  margin: 0;
  padding: 0 6px 0 0;
}
div#footer-links ul li a.last {
  border-right: none;
  padding: 0;
}



/*
 * Tibus Strapline
 */

div#site-container p#tibus-strapline {
  text-align: center;
  margin: 10px 0 0 0;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}