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

/*
 * Site Specific Styles
 */
 
html {
  background: url(/images/light_grey_bg.jpg);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #cccccc;
}
body {
  width: 898px;
  border: 1px solid #000000;
  border-top: none;
  margin: 0 auto 30px auto;
}

.printOnly {
  display: none;
}

/*
 * Header Styles
 */
 
#header {
  width: 898px; /* Keep IE5 sweet */
  w\idth: auto;
  height: 161px;
  background: url(/images/header-background.jpg) no-repeat;
  background-color: #000000;
  margin-bottom: 1px;
}
#header h1 {
  float: left;
  display: inline;
  width: 187px;
  height: 125px;
  background: url(/images/northstone-logo.gif) no-repeat;
  margin: 16px 0 0 32px;
}
#header h1 span {
  display: none;
}
#header h2 {
  float: right;
  display: inline;
  width: 200px;
  height: 38px;
  background: url(/images/the-right-choice-heading.gif) no-repeat;
  margin: 48px 57px 0 0;
}
#header h2 span {
  display: none;
}

/*
 * Linkbar Styles
 */

#linkbar {
  width: 898px; /* Keep IE5 sweet */
  w\idth: auto;
  list-style: none;
  margin: 0;
  padding: 0 0 0 15px;
  background: #ccc;
  overflow: hidden;
  _he\ight: 1%;
}
#linkbar li {
  float: left;
  margin: 0;
  padding: 6px 16px 6px 16px;  
  background: url(/images/linkbar-seperator.gif) right center no-repeat;
  font-weight: bold;
}
#linkbar li.last {
  background: none;
}
#linkbar li a {
  color: #333;
}
#linkbar li.selected a {
  color: #c00;
}

/*
 * Main Menu Styles
 */

#main-menu {
  width: 182px;
  float: left;
  margin-right: 1px;
} 
#main-menu h3 {
  color: #fff;
  padding: 5px 30px 4px 12px;
  text-align: right;
  margin: 0;
  border-top: 1px solid #fff;
  font-size: 1.2em;
  background: #000 url(/images/menu-bullet.gif) right top no-repeat;
}
#main-menu ul {
  list-style: none;
  margin: 0;
  border-top: 1px solid #fff;
  padding: 10px 30px 10px 5px;
}
#main-menu ul li {
  margin: 0 0 0.5em 0;
  padding: 0;
  text-align: right;
}
#main-menu ul li a {
  color: #fff;
}
#main-menu ul li a.selected {
  color: #e33;
  font-weight: bold;
}

/*
 * Content Styles
 */

#background-container-1 {
  background: url(/images/subpage-background.gif) repeat-y;
}
#background-container-2 {
  overflow: hidden;
  _he\ight: 1%;
} 
#content {
  float: left;
  width: 715px;
  margin-top: 1px;
} 
#subpage {
  float: left;
  width: 533px;
  w\idth: 489px;
  padding: 17px 22px 17px 22px;
}
#page-title {
  font-size: 2em;
  margin: 0 0 0.4em 0;
  padding-left: 27px;
  background: url(/images/page-title-bullet.gif) 0 8px no-repeat;
}
.category-heading {
  background: url(/images/category-heading.gif) no-repeat;
  padding: 6px 10px 6px 10px;
  font-size: 1.1em;
}
.summary {
  font-size: 1em;
}
.grey-panel-outer {
  background: #e3e3e3 url(/images/grey-panel-top.gif) left top no-repeat;
}
.grey-panel-outer .grey-panel-inner {
  background: url(/images/grey-panel-bottom.gif) left bottom no-repeat;
  padding: 10px;
}
.flash-object {
  margin-top: 1.5em;
}

/*
 * Sidebar Styles
 */
 
#sidebar {
  width: 182px;
  float: left;
} 

/*
 * Footer Styles
 */

#footer {
  border-top: 1px solid #ccc;
  padding: 10px 20px 8px 12px;
  overflow: hidden;
  width: 898px; /* Keep IE5 sweet */
  w\idth: auto;
  _he\ight: 1%;
}
#footer ul.logos, #footer div.copy {
  float: left;
  list-style: none;
  margin: 0 15px 0 0;
  padding: 0;
  overflow: hidden;
  _height: 1%;
}
#footer div.copy {
  padding-top: 8px;
}
#footer ul.logos li {
  margin: 0 10px 0 0;
  padding: 0;
  float: left;  
}
#footer ul.logos li img {
  display: block;
}
#footer em {
  float: left;
  font-style: normal;
  margin-left: 219px;
}
#footer em * {
  vertical-align: middle;
}
#footer em img {
  margin: 0 3px 0 3px;
}
#footer ul.links {
  float: right;
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
  overflow: hidden;
  _height: 1%;
}
#footer ul.links li {
  margin: 0 15px 0 0;
  padding: 0;
  float: left;  
}
#footer ul.links li.last {
  margin-right: 0;
}

#tibus-strapline {
  margin-top: 1px;
  border-top: 1px solid #ccc;
  padding: 5px 0 5px 0;
  font-size: 0.9em;
}
#tibus-strapline p {
  margin: 0;
  text-align: center;
}


div.errors {
  border:2px solid #a6130c;
  background: #ffffff;
  padding: 5px;
  margin-bottom: 5px;
}