.home_banner {
  width: 776px;
  height: 361px;
  z-index: 0;
  overflow: hidden;
  position: relative;
  border: solid 1px #c9c9c9;
 }

ul.slides li {
  width: 776px;
  height: 335px;
  position: relative;
  z-index: 0;
  overflow: hidden; }
  

.slide_text {
  float: right;
  width: 145px;
  height: 265px;
  border-top: solid 1px #c9c9c9;
  border-left: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
  background-color: white;
  opacity: 0.9;
  padding: 10px;
  margin: -315px 0 0 0;
  position: relative;
  z-index: 500;
  right: -155px; }
  .slide_text h3 {
    text-transform: uppercase;
    color: #133d8d;
    margin-top: 0;
   }
  .slide_text p {
    color: gray; }

ul.homebanner_buttons {
  width: 776px; }

li.page {
  float: left;
  text-align: center;
  text-transform: uppercase;
  width: 154px;
  height: 18px;
  padding-top: 8px;
  background-image: url("/public/images/interface/banner_buttons.jpg");
  background-repeat: repeat-x;
  background-position: 0px 0px;
  border-bottom: solid 1px #c9c9c9;
  border-left: solid 1px #c9c9c9; }
  li.page h2 {
    color: #133d8d; }
  li.page:hover {
    background-position: 0px -26px;
    repeat: repeat-x; }
    li.page:hover h2 {
      color: white; }

li.page h2 {
  font-size: 0.75em;
  font-weight: normal; }

.page.last {
  border-right: solid 1px #c9c9c9; }

.page.selected {
  background-image: url("/public/images/interface/banner_buttons.jpg");
  background-repeat: repeat-x;
  background-position: 0px -26px; }
  .page.selected h2 {
    color: white; }

.featured {
  border: solid 1px #c9c9c9;
  padding: 5px 10px; }
  .featured h2 {
    color: #133d8d;
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase; }
  .featured .prev {
    background-image: url("/public/images/interface/scroll_sprites.gif");
    background-position: -11px 0px;
    margin: 80px 0 0 0;
    display: block;
    width: 11px;
    height: 24px; }
    .featured .prev:hover {
      background-position: 0px 0px; }
  .featured .next {
    background-image: url("/public/images/interface/scroll_sprites.gif");
    background-position: -22px 0px;
    margin: 80px 0 0 0;
    display: block;
    width: 11px;
    height: 24px; }
    .featured .next:hover {
      background-position: -33px 0px; }
  .featured .scrollable {
    float: left;
    position: relative;
    overflow: hidden;
    margin-top: 8px;
    width: 228px;
    height: 200px; }
    .featured .scrollable .items {
      width: 20000em;
      position: absolute; }
      .featured .scrollable .items div {
        float: left;
        text-align: center;
        margin: 0 7px; }
        .featured .scrollable .items div .item img {
          width: 205px;
          height: 170px; }
        .featured .scrollable .items div .item h3 {
          color: gray;
          margin-top: 8px; }