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

/*
 * Site Specific Styles
 */

body {
  text-align: center;
  background: url(/img/sub-site-bg.jpg) top center repeat-x;
}
#site-container {
  width: 960px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: left;
}
* {
  margin: 0;
  padding: 0;
}
#main {
  overflow: hidden;
  display: inline-block;
}
#main {
  display: block;
}

.noshow {
  position: absolute;
  left: -9999px;
}

/*
 * Header Styles
 */

#header {
  height: 99px;
}

#header #logo-ctr {
  float: left;
  width: 630px;
  height: 99px;
}

#header img {
  padding-top: 12px;
}

#header ul#top-nav {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}

#header ul#top-nav li {
  font-size: 1.1em;
  float: left;
  padding-left: 20px;
}

#header ul#top-nav li a {
  color: #e6d5b8;
}

#header ul#top-nav li a:hover {
  color: #ffffff;
  border-bottom: 1px dotted #ffffff;

}

#header form {
  float: right;
  width: 300px;
  margin: 29px 20px 10px 0;
  text-align: right;
}
#header form * {
  vertical-align: middle;
}
#header form label {
  color: #9c7a4a;
  font-weight: bold;
  margin-right: 10px;
}
#search-field {
  border: 1px solid #330019;
  border-right: none;
  padding: 2px;
  height: 20px;
}

/*
 * Linkbar Original Styles
 */

#linkbar {
  background: #e2dbcf;
}
#linkbar ul.root {
  list-style-type: none;
  margin: 0 0 0 0;
  float:right;
  padding: 0;
}

#linkbar ul.root li {
  background: url(/img/header-li-bg.jpg);
  float: left;
  margin: 0;
  padding: 0;
  width: 190px;
  height: 75px;
  margin-right: 1px;
}


#linkbar ul.root li a {
  display: block;
  width: 190px;
  height: 75px;
}
#linkbar ul.root li a.curdir,
#linkbar ul.root li a:hover {
  background: url(/img/header-li-bg-hover.jpg);
}

#linkbar ul.root li a span.top {
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  display: block;
  font-size: 1.333em;
  padding-top: 11px;
  font-weight: bold;
  text-shadow: #806a45 0 -1px 1px;
  width: 190px;
}

#linkbar ul.root li a span.description {
  text-align: center;
  cursor: pointer;
  display: block;
  color: #e6d5b8;
  width: 180px;
  padding: 0 5px 0 5px;
}

#main {
  float:none;
  clear:both;
  padding-top: 5px;

}


/*
 * Breadcrumbs
 */
div#breadcrumbs {
  display: inline-block;
}

div#breadcrumbs {
  overflow: hidden;
  display: block;
  color: #ffeccc;
  float: none;
  clear: both;
  padding: 20px 0 20px 19px;
  margin: 0 0 10px 0;
}

div#breadcrumbs a {
  text-decoration: none;
  color: #ffeccc;
}


/*
 * Left Nav Styles
 */
div#left-nav-outer {
  float: left;
  background: url(/img/left-nav-top.png) no-repeat;
  padding-top: 10px;
  width: 294px;
}

div#left-nav-outer div#left-nav-inner {
  background: url(/img/left-nav-bottom.png) bottom no-repeat;
  padding-bottom: 10px;
}

div#left-nav-outer div#left-nav-inner ul {
  background: url(/img/left-nav-centre.png);
  margin: 0;
  padding: 0 7px 0 7px;
  min-height: 105px;
}

div#left-nav-outer div#left-nav-inner ul li {
  background: url(/img/left-nav-li-bg.png) bottom no-repeat;
}

div#left-nav-outer div#left-nav-inner ul li.last {
  background: none;
}

div#left-nav-outer div#left-nav-inner ul li a {
   color: #ffffff;
   font-size: 1.2em;
   background: url(/img/left-nav-arrow.png) center right no-repeat;
   display: block;
   padding: 18px;
}


/*
 * Content Styles
 */
#content {
  padding-right: 38px;
}

#content div#page-image {
  margin: 0 auto 0 auto;
  width:501px;
  height: 273px;
}

#content div#page-image img {
  background: url(/img/page-image-bg.jpg);
  display: block;
  padding: 4px  6px 7px 5px
}

#content.with-menu {
  float: right;
  width: 582px;
}

#content h1 {
  font-size: 1.8em;
  font-family: georgia, times, "Times New Roman", serif;
  font-style: italic;
  font-weight: normal;
  border-bottom: 3px solid #7a003c;
  padding-bottom: 8px;
  margin-bottom: 19px;
}


#page-image {
  margin: 0 0 17px 0;
}
#page-image img {
  display: block;
}
#page-title {
  font-size: 2em;
  font-weight: normal;
  color: #790d32;
  margin-top: 12px;
  margin-bottom: 6px;
}

/*
 * Sidebar Styles
 */
#sidebar {
  float: left;
  width: 193px;
}
#sidebar .imagery {
  margin: 0;
}
#sidebar .imagery img {
  display: block;
  margin-bottom: 5px;
}
#sidebar #project {
  margin: 0;
}
#sidebar #project h4 {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 1.2em;
  color: #790d32;
  text-align: center;
}
#sidebar #project img {
  display: block;
  border: 1px solid #7f7f7c;
  margin-bottom: 5px;
}
#sidebar .buttons {
  border: 1px solid #7f7f7c;
  border-bottom: none;
}
#sidebar .buttons img {
  display: block;
  border-bottom: 1px solid #7f7f7c;
}

/*
 * Footer Styles
 */


#footer-outer  {
  border-top: 2px solid #7a003c;
  margin: 14px;
}

#footer {
  text-align: left;
  color: #7a003c;
  float: none;
  clear: both;

  margin: 0px auto 0 auto;
  padding: 15px 25px 15px 24px;
  width: 960px;
}

#footer p.copyright {
  float: left;
  width: 400px;
}

#footer ul.links {
  float: right;
  list-style: none;
}
#footer ul.links li {
  float: left;
  padding-left: 10px;
}

#footer ul.links li a {
  color: #7a003c;
}

#breadcrumbs{
margin:5px 0 5px 0;

}

div#tibus-credit p {
  float: none;
  clear: both;
  text-align: right;
}

/*
 * Used so that Javascript can add a class on JS only clickable items
 */
.pointer {
  cursor: pointer;
}