/*************************************************************************************************/
/* (c) 2008-2011, Summerleaze Computer Services                                                                                              */
/*************************************************************************************************/
html, body {
  font: 11pt Tahoma, Verdana, Geneva, sans-serif;
  margin: 0;
  padding: 0;
  color: white;
  background: black; }

body {
  height: 100%;
  background: black url(images/background2011.jpg) top center no-repeat; }

a {
  color: red; }
  a:visited {
    color: red; }
  a:hover {
    color: white; }
  a#featured {
    display: block;
    margin: 0 auto;
    padding: 0.2em;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    color: red; }
    a#featured:visited {
      color: red; }
    a#featured:hover {
      text-decoration: underline; }
  a img {
    border: 0; }

h1 {
  margin: 0;
  padding: 0;
  text-align: center; }

h1.left {
  margin: 0 5px; }

h1.red {
  padding: 0;
  font-size: 1.2em;
  color: red; }

h2 {
  margin: 5px;
  padding: 0; }

h3 {
  margin: 5px;
  padding: 0;
  clear: both; }

h3.left {
  text-align: left; }

h3.red {
  color: red; }

hr {
  clear: both;
  color: black; }

img.logo {
  display: block;
  margin: 0;
  padding: 0;
  margin-top: 1em;
  border-top: 4px solid gray; }

p {
  margin: 0.5em;
  margin: 10px 5px; }

pre {
  background: silver; }

/* A block of text that has a picture link on either the left or right side */
.image-block {
  clear: both;
  padding: 1%; }

.image-block img {
  display: block;
  width: 300px;
  border: 2px solid gray; }

.image-block div, .image-block .year a, .year .image-block a, .image-block .year h1, .year .image-block h1 {
  margin: 0 310px 0.2em 0; }

.image-block div.right, .image-block .year a.right, .year .image-block a.right, .image-block .year h1.right, .year .image-block h1.right {
  margin: 0 0 0.2em 310px;
  margin: 0;
  margin-left: 310px;
  padding: 0;
  text-align: left; }

.image-block p {
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0 5px; }

.image-block a.image {
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.8em;
  text-decoration: none; }

.image-block a.right {
  float: right; }

.image-block a.image h1 {
  margin-bottom: 0.1em;
  font-weight: normal; }

.bold {
  font-weight: bold; }

.bordered {
  border: 1px dotted yellow; }

.centered {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.clear-both {
  clear: both; }

.clear-left {
  clear: left; }

.hilite {
  font-weight: bold; }

.float-left {
  float: left; }

.float-right {
  float: right; }

img.float-right {
  margin: 0.5em; }

.link {
  color: red;
  text-decoration: underline; }

.red {
  color: red; }

/*************************************************************************************************/
.ticker {
  clear: both;
  overflow: hidden;
  position: relative;
  margin: 2em auto 1em;
  border-top: 2px solid gray;
  border-bottom: 2px solid gray;
  width: 95%;
  width: 790px;
  height: 120px; }

.tickerbox {
  display: block;
  position: absolute;
  top: 10px;
  width: 152px;
  height: 102px; }
  .tickerbox img {
    display: block;
    height: 102px; }

/*************************************************************************************************/
#header {
  position: relative;
  width: 800px;
  /*height: 146px;*/
  margin: 0.5em auto;
  padding: 0;
  text-align: center;
  border: 4px solid gray; }

#nav {
  margin: 0;
  padding: 0;
  height: 32px;
  background: black url(images/btn.jpg) repeat-x; }
  #nav a {
    float: left;
    padding: 0 0.5em;
    line-height: 32px;
    color: white;
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
    border-right: 1px solid gray; }
    #nav a:visited {
      color: white;
      text-decoration: none; }
    #nav a:hover {
      color: red; }
    #nav a#current {
      color: silver;
      background: url(images/btn_current.jpg) center no-repeat; }
  #nav li {
    list-style: none;
    margin: 0;
    padding: 0; }

#logo {
  display: block; }

#stop-press {
  position: relative;
  width: 800px;
  margin: 0.5em auto;
  padding: 0;
  border: 4px solid gray;
  background: black; }

#stop-press #news-ticker {
  padding: 0.2em; }

#news-box {
  position: relative;
  width: 800px;
  margin: 0.5em auto;
  padding: 0;
  border: 4px solid gray; }

#news-box object {
  float: left; }

#news-box .news-story {
  float: right;
  width: 690px; }

#news-box .news-story a {
  float: right;
  text-align: center;
  font-size: 0.8em; }

#news-box .news-story a img {
  display: block;
  margin: 2px;
  border: 2px solid gray;
  width: 200px; }

#news-box .news-story p {
  float: left;
  width: 460px;
  margin: 2px; }

/*************************************************************************************************/
#latest-news {
  position: relative;
  float: right;
  margin: 0;
  padding: 0; }
  #latest-news #home-slide1 {
    font-size: 0.8em;
    height: 230px;
    margin: 5px 4px;
    padding: 0;
    width: 305px;
    text-align: center; }
  #latest-news #home-slide2 {
    font-size: 0.8em;
    height: 230px;
    margin: 10px 4px;
    padding: 0;
    width: 305px;
    text-align: center; }
  #latest-news .story {
    clear: both; }
    #latest-news .story a {
      display: block;
      text-align: center;
      font-size: 0.8em; }
      #latest-news .story a img {
        display: block;
        margin: 2px auto;
        width: 300px;
        border: 2px solid gray; }

/*************************************************************************************************/
#content {
  background: black;
  border: 4px solid gray;
  margin: 0.5em auto;
  padding: 0;
  position: relative;
  text-align: left;
  width: 800px; }

#contact {
  background: url("images/contact.jpg") no-repeat;
  height: 534px; }
  #contact h1 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 1.2em; }
  #contact input,
  #contact textarea {
    margin: 0;
    padding: 0;
    width: 200px; }
    #contact input #authcode,
    #contact textarea #authcode {
      width: 150px; }
  #contact table {
    margin: 170px 0 0 0; }
  #contact td {
    margin: 0;
    padding: 0.1em;
    vertical-align: top;
    /*border: 1px dotted green;*/ }
  #contact td.label {
    width: 20%;
    font-weight: bold; }

#footer {
  background: black;
  clear: both;
  color: gray;
  font-size: 9pt;
  margin: 0 auto 10px;
  position: relative;
  text-align: center;
  width: 810px; }

#welcome {
  width: 480px; }

.column {
  float: left;
  width: 47%;
  margin: 0.2em;
  padding: 0.5em;
  border: 1px solid orange; }

.column h1 {
  font-size: 1.2em;
  font-weight: bold;
  text-align: left; }

.column object {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center; }

#neverbeaten {
  text-align: center; }

#neverbeaten object {
  display: block;
  margin: 0 auto; }

/*************************************************************************************************/
#scroller {
  display: block;
  height: 70px;
  width: 100%;
  border: 1px solid gray; }

#scroller div, #scroller .year a, .year #scroller a, #scroller .year h1, .year #scroller h1 {
  position: relative;
  overflow: hidden;
  margin: 0 10px;
  width: 775px;
  height: 68px; }

#scroller img {
  height: 68px; }

#scroll_left {
  float: left;
  width: 10px;
  height: 70px; }

#scroll_right {
  float: right;
  width: 10px;
  height: 70px; }

/*************************************************************************************************/
a.pagebutton {
  display: block;
  width: 160px;
  margin: 10px;
  padding: 5px;
  padding-left: 25px;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid gray; }

a.pagebutton:hover {
  background: gray url(images/logo-red.gif) 0% 50% no-repeat; }

a.selected {
  background: url(images/arrow.gif) 100% 50% no-repeat; }

.red {
  color: red; }

/*************************************************************************************************/
/* GLOVE CUTS */
/*************************************************************************************************/
.glove-cut {
  float: left;
  margin: 5px;
  padding: 0;
  color: white;
  width: 380px;
  /*border: 1px dotted yellow;*/ }

.glove-cut div, .glove-cut .year a, .year .glove-cut a, .glove-cut .year h1, .year .glove-cut h1 {
  float: left;
  width: 270px;
  /*border: 1px dotted green;*/ }

.glove-cut h1 {
  padding: 0;
  padding: 5px;
  text-align: left;
  font-size: 1.2em;
  color: white; }

.glove-cut img {
  float: left;
  width: 100px;
  margin-bottom: 1em; }

.glove-cut img.guide {
  float: left;
  width: 100px;
  margin: 0;
  padding: 0;
  border: 2px solid gray; }

.glove-cut p {
  margin: 0;
  padding: 5px; }

/*************************************************************************************************/
/* PALM GUIDE */
/*************************************************************************************************/
.palm {
  position: relative;
  margin: 0 auto 10px;
  padding: 0;
  width: 790px;
  height: 144px;
  background: black url(images/latex/latex.jpg) no-repeat;
  color: black;
  /*border: 1px dotted yellow;*/ }

.palm div, .palm .year a, .year .palm a, .palm .year h1, .year .palm h1 {
  float: left;
  width: 270px; }

.palm h1 {
  position: absolute;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 1em;
  text-decoration: underline;
  top: 15px;
  left: 10px;
  width: 140px;
  /*border: 1px dotted red;*/ }

.palm img {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 55px;
  left: 10px;
  width: 140px;
  /*border: 1px dotted blue;*/ }

.palm p {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 15px;
  left: 160px;
  width: 300px;
  height: 120px;
  color: black;
  /*border: 1px dotted green;*/ }

.palm .ratings {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 35px;
  left: 670px;
  width: 100px;
  height: 80px;
  border: 1px dotted fuchsia; }

/*************************************************************************************************/
/* KEEPERS */
/*************************************************************************************************/
/* Remove extra padding on button if FF */
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

#leagues {
  float: left;
  background: gray;
  background: -moz-linear-gradient(top, gray 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(gray), to(black));
  background: -o-gradient(gray, black);
  position: relative;
  text-align: right;
  width: 100%; }
  #leagues button {
    background: none;
    border: none;
    color: white;
    float: left;
    height: 60px;
    margin: 0;
    padding: 0;
    width: 60px; }
    #leagues button:hover {
      border: none;
      cursor: pointer; }
    #leagues button img {
      display: block;
      margin: auto; }
  #leagues #keepers {
    position: absolute;
    right: 10px;
    top: 10px; }

.league {
  position: relative;
  display: none;
  clear: both;
  height: 90px;
  overflow: hidden; }
  .league .keeper-button {
    position: absolute;
    bottom: 0;
    height: 16px;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: 0.8em;
    color: white; }
    .league .keeper-button:hover {
      color: red; }
    .league .keeper-button img {
      display: block; }
  .league .keeper-next {
    right: 5px; }
  .league .keeper-prev {
    left: 5px; }
  .league .keeper-thumbnail {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0.8em;
    background: black;
    color: white;
    border: 1px solid white; }
    .league .keeper-thumbnail:hover {
      color: red; }
    .league .keeper-thumbnail img {
      display: block; }

#keeper-background {
  display: none; }

#keeper {
  background: black;
  bottom: 0;
  clear: both;
  display: none;
  left: 0;
  margin: 20px 0 0;
  padding: 10px 0 0;
  position: relative;
  width: 800px; }
  #keeper b {
    color: orange; }
  #keeper h1 {
    margin: 0;
    padding: 0.5em 0;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    color: orange; }
  #keeper p {
    margin: 0;
    padding: 0.2em 0;
    padding: 0.5em 0; }
  #keeper #achievements {
    clear: both; }
  #keeper #details {
    bottom: 0;
    height: 460px;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    right: 0;
    width: 400px; }
    #keeper #details #biography {
      margin: 10px 0 0;
      clear: left; }
    #keeper #details #effect {
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 0;
      padding: 0.2em;
      font-size: 0.8em;
      border: 1px dotted white; }
  #keeper #history {
    clear: both; }
  #keeper .link {
    border: 2px solid white;
    border-right: none;
    position: absolute;
    right: 0px;
    text-decoration: none;
    z-index: 100; }
    #keeper .link div, #keeper .link .year a, .year #keeper .link a, #keeper .link .year h1, .year #keeper .link h1 {
      background: black;
      position: absolute;
      top: 0;
      left: 0;
      width: 80px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      font-weight: bold;
      display: none; }
    #keeper .link img {
      display: block; }
    #keeper .link:visited {
      color: white; }
    #keeper .link:hover {
      color: white; }
  #keeper #wikipedia {
    top: 20px; }
  #keeper #youtube {
    top: 60px; }
  #keeper .name {
    float: left;
    margin-left: 50px;
    width: 200px; }
  #keeper .period {
    float: left;
    width: 100px; }
  #keeper .row {
    clear: both; }
  #keeper #slideshow {
    height: 464px;
    width: 384px; }
    #keeper #slideshow img {
      border: 2px solid gray;
      display: block;
      margin: auto;
      width: 380px; }

/************************************************************************************************************/
.block {
  position: relative;
  clear: both;
  margin: 0.5em auto;
  padding: 0;
  width: 790px;
  min-height: 240px; }

.block p {
  margin: 0;
  margin-left: 315px;
  margin-bottom: 0.5em;
  padding: 0.2em;
  text-align: left; }

#home-slide3 {
  position: absolute;
  top: 5px;
  left: 0;
  width: 305px;
  height: 230px;
  text-align: center;
  font-size: 0.8em; }

.slider {
  display: block;
  height: 210px;
  width: 300px; }
  .slider img {
    display: block;
    height: 210px;
    margin: auto;
    border: 2px solid gray; }
  .slider p {
    display: none; }

/*************************************************************************************************/
/* PRODUCTS 2011 */
/*************************************************************************************************/
.next-button {
  right: 5px; }

.prev-button {
  left: 5px; }

.thumbnail-button {
  position: absolute;
  bottom: 0;
  height: 12px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 0.8em;
  color: white; }
  .thumbnail-button:hover {
    color: red; }

.accessories {
  clear: both;
  float: left;
  font-weight: bold;
  width: 800px; }
  .accessories a {
    border: 1px solid white;
    float: left;
    font-size: 0.8em;
    height: 160px;
    margin: 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 230px; }
    .accessories a img {
      display: block;
      margin: 2px auto;
      height: 130px; }
      .accessories a img.image {
        height: 130px; }
    .accessories a p {
      background: rgba(0, 0, 0, 0.5);
      margin: 0;
      padding: 0;
      position: absolute;
      bottom: 0px;
      text-align: center;
      width: 230px; }
    .accessories a:hover {
      border: 1px solid red; }
  .accessories h1 {
    color: #F6B312;
    font-size: 1.25em;
    margin: 5px;
    padding: 0;
    text-align: left; }

#accessory h1 {
  border-bottom: 1px solid gray;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 10px;
  padding: 0 10px;
  text-align: left; }
#accessory h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 10px 0;
  padding: 0 10px; }
#accessory img {
  display: block;
  margin: 10px auto;
  width: 750px; }
#accessory #back {
  position: absolute;
  right: 20px;
  top: 12px; }
#accessory #details {
  margin: 10px auto;
  padding: 0 10px;
  width: 98%; }
  #accessory #details td {
    vertical-align: top;
    padding-bottom: 0.5em;
    color: white; }
    #accessory #details td.title {
      font-weight: bold;
      vertical-align: top;
      width: 100px; }
    #accessory #details td p {
      margin: 0 5px 5px; }
#accessory #info {
  position: absolute;
  right: 120px;
  top: 12px; }

.apparel {
  clear: both;
  float: left;
  font-size: 10pt;
  font-weight: bold;
  width: 800px; }
  .apparel a {
    border: 1px solid white;
    float: left;
    height: 160px;
    margin: 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 230px; }
    .apparel a img {
      display: block;
      margin: 2px auto 0;
      height: 130px; }
      .apparel a img.image {
        height: 130px; }
    .apparel a p {
      background: rgba(0, 0, 0, 0.5);
      margin: 0;
      padding: 0;
      position: absolute;
      bottom: 0px;
      text-align: center;
      width: 230px; }
    .apparel a:hover {
      border: 1px solid red; }
  .apparel h1 {
    color: #F6B312;
    font-size: 12pt;
    margin: 5px;
    padding: 0;
    text-align: left; }

#clothing h1 {
  border-bottom: 1px solid gray;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 10px;
  padding: 0 10px;
  text-align: left; }
#clothing h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 10px 0;
  padding: 0 10px; }
#clothing img {
  display: block;
  margin: 10px auto; }
#clothing #back {
  position: absolute;
  right: 20px;
  top: 12px; }
#clothing #details {
  margin: 10px auto;
  padding: 0 10px;
  width: 98%; }
  #clothing #details td {
    vertical-align: top;
    padding-bottom: 0.5em;
    color: white; }
    #clothing #details td.title {
      font-weight: bold;
      vertical-align: top;
      width: 100px; }
    #clothing #details td p {
      margin: 0 5px 5px; }
#clothing #download {
  position: absolute;
  right: 250px;
  top: 12px; }
#clothing #info {
  position: absolute;
  right: 120px;
  top: 12px; }

.product {
  margin: 5px 0 0;
  position: relative; }
  .product h1 {
    border-bottom: 1px solid gray;
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px;
    padding: 0 10px;
    text-align: left; }
  .product #back {
    position: absolute;
    right: 20px;
    top: 2px; }
  .product #colours {
    position: absolute;
    right: 95px;
    top: 2px; }
  .product #info {
    position: absolute;
    right: 180px;
    top: 2px; }
  .product #junior {
    position: absolute;
    right: 270px;
    top: 2px; }
  .product #details h1 {
    color: red;
    font-size: 1.2em; }
  .product #details table {
    padding: 0.2em; }
    .product #details table td {
      vertical-align: top;
      padding-bottom: 0.5em;
      color: white; }
      .product #details table td.title {
        font-weight: bold;
        vertical-align: top;
        width: 100px; }
    .product #details table p {
      margin: 0 5px 5px; }
  .product .pictures .picture {
    padding: 10px; }
    .product .pictures .picture .frame {
      position: relative; }
      .product .pictures .picture .frame div, .product .pictures .picture .frame .year a, .year .product .pictures .picture .frame a, .product .pictures .picture .frame .year h1, .year .product .pictures .picture .frame h1 {
        background: black;
        color: white;
        cursor: pointer;
        font-size: 40px;
        height: 580px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0px;
        width: 40px; }
        .product .pictures .picture .frame div img, .product .pictures .picture .frame .year a img, .year .product .pictures .picture .frame a img, .product .pictures .picture .frame .year h1 img, .year .product .pictures .picture .frame h1 img {
          display: block;
          margin: 249px auto;
          height: 100px; }
        .product .pictures .picture .frame div.prev, .product .pictures .picture .frame .year a.prev, .year .product .pictures .picture .frame a.prev, .product .pictures .picture .frame .year h1.prev, .year .product .pictures .picture .frame h1.prev {
          left: 0px; }
        .product .pictures .picture .frame div.next, .product .pictures .picture .frame .year a.next, .year .product .pictures .picture .frame a.next, .product .pictures .picture .frame .year h1.next, .year .product .pictures .picture .frame h1.next {
          right: 0px; }
      .product .pictures .picture .frame img {
        display: block;
        margin: 0 auto;
        height: 580px; }
    .product .pictures .picture p {
      margin: 0;
      padding: 2px;
      text-align: center; }
  .product #thumbnails {
    clear: left;
    position: relative; }
    .product #thumbnails h2 {
      font-size: 1em; }
    .product #thumbnails img {
      border: 1px solid white;
      height: 70px;
      margin: 2px; }
      .product #thumbnails img:hover {
        border: 1px solid red; }
      .product #thumbnails img.current {
        border: 1px solid #F6B312; }

.range {
  clear: both;
  float: left;
  font-size: 12px;
  font-weight: bold;
  width: 800px; }
  .range h1 {
    color: #F6B312;
    font-size: 1.25em;
    margin: 5px;
    padding: 0;
    text-align: left; }
  .range h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 auto; }
  .range .item {
    border: 1px solid gray;
    float: left;
    height: 130px;
    margin: 5px 2px;
    padding: 2px;
    text-align: center; }
    .range .item .thumbnail {
      border: 1px solid white;
      float: left;
      font-size: 0.8em;
      height: 110px;
      margin: 5px;
      position: relative;
      width: 100px; }
      .range .item .thumbnail img {
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 80px; }
      .range .item .thumbnail p {
        background: rgba(0, 0, 0, 0.5);
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 0px;
        text-align: center;
        width: 100px; }

/************************************************************************************************************/
#products_background {
  display: block;
  width: 800px; }

#products_menu {
  border: 2px solid gray;
  top: 10px;
  left: 10px;
  width: 200px;
  height: 160px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-decoration: none; }
  #products_menu a {
    display: block;
    font-size: 0.8em;
    color: white;
    margin: 5px 0;
    padding: 2px;
    padding-left: 40px;
    text-decoration: none;
    background: #262626; }
    #products_menu a:visited {
      color: white; }
    #products_menu a:hover {
      color: red;
      font-weight: bold;
      background: #7F7F7F; }
  #products_menu a.product:hover {
    background: #7f7f7f url(images/menu/product.gif) no-repeat; }
  #products_menu a#accessories:hover {
    background: #7f7f7f url(images/menu/accessories1.gif) no-repeat; }
  #products_menu a#apparel:hover {
    background: #7f7f7f url(images/menu/apparel1.gif) no-repeat; }
  #products_menu a#gloves:hover {
    background: #7f7f7f url(images/menu/gloves1.gif) no-repeat; }
  #products_menu #online {
    position: absolute;
    top: 110px;
    width: 158px; }
    #products_menu #online:hover {
      background: #7f7f7f url(images/menu/gloves1.gif) no-repeat; }
  #products_menu #product-selected {
    color: red;
    font-weight: bold;
    background: #7f7f7f url(images/menu/product.gif) no-repeat; }
    #products_menu #product-selected:hover {
      color: red;
      font-weight: bold;
      background: #7f7f7f url(images/menu/product.gif) no-repeat; }
  #products_menu #stockists {
    position: absolute;
    top: 133px;
    width: 158px; }
    #products_menu #stockists:hover {
      background: #7f7f7f url(images/menu/apparel1.gif) no-repeat; }
  #products_menu a#protection:hover {
    background: #7f7f7f url(images/menu/protection1.gif) no-repeat; }
  #products_menu a#teamwear:hover {
    background: #7f7f7f url(images/menu/teamwear1.gif) no-repeat; }
  #products_menu h6 {
    margin: 0;
    text-align: center;
    color: red;
    background: black;
    font-size: 1.1em;
    font-weight: bold;
    border: 2px solid red; }

/*************************************************************************************************/
/* NEWS PAGE
/*************************************************************************************************/
.year {
  clear: both;
  margin: 0;
  padding: 0.2em;
  height: 45px;
  background: url("images/timeline1.jpg") 50% 25px repeat-x; }
  .year div, .year a, .year h1 {
    float: left;
    width: 59px;
    height: 45px;
    font-size: 0.8em;
    text-align: center;
    background: url("images/timeline.jpg") 50% 22px no-repeat; }
  .year a {
    background: url("images/timeline2.jpg") 50% 22px no-repeat; }
  .year h1 {
    margin: 0;
    padding: 0;
    color: white;
    font-size: 1em;
    background: url("images/timeline1.jpg") 50% 22px no-repeat; }
  .year span {
    margin: 0 0.2em;
    padding: 0; }

.news {
  clear: both;
  padding: 1em; }
  .news a.image {
    float: left;
    display: block;
    font-size: 0.8em;
    text-align: center; }
  .news h1 {
    margin: 0;
    padding: 0.5em 0;
    font-size: 1.2em;
    color: red; }
  .news h2 {
    margin: 0;
    margin: 0 0 0 210px;
    padding: 0 1em;
    font-size: 1em;
    font-weight: bold; }
  .news h3 {
    clear: none;
    margin: 0 0 0.2em 210px;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    color: red; }
  .news h4 {
    clear: none;
    margin: 0 0 0.2em 210px;
    padding: 0;
    font-size: 1em;
    font-weight: bold; }
  .news img {
    display: block;
    width: 200px; }
    .news img.left {
      float: left; }
  .news p {
    margin: 0 0 0.5em 210px;
    padding: 1em;
    color: white; }
  .news .featured {
    clear: left; }

/*************************************************************************************************/
/* JUNIOR PAGE
/*************************************************************************************************/
#junior {
  position: relative; }
  #junior #splash button {
    background: none;
    border: none;
    color: red;
    cursor: pointer;
    font-weight: bold;
    height: 80px;
    left: 630px;
    position: absolute;
    top: 40px;
    text-align: center;
    width: 80px; }
  #junior #splash img {
    display: block;
    margin: 0 auto; }
  #junior #main #neverbeaten {
    margin: 1em auto 0; }
  #junior #main #menu {
    margin: 0 8px;
    padding: 0; }
    #junior #main #menu a {
      display: block;
      font-size: 0.9em;
      margin: 0.2em;
      padding: 0.2em; }
    #junior #main #menu img {
      display: block;
      margin: 0 auto; }
    #junior #main #menu #menu-left {
      float: left;
      width: 20%; }
    #junior #main #menu #menu-right {
      float: right;
      width: 20%;
      text-align: right; }
  #junior #main #gallery {
    float: left;
    margin: 1em auto 0;
    padding: 0;
    text-align: left;
    width: 800px; }
    #junior #main #gallery h1 {
      border-bottom: 1px solid gray;
      font-size: 16px;
      font-weight: bold;
      margin: 0 10px;
      padding: 0 10px;
      text-align: left; }
    #junior #main #gallery h2 {
      color: #F6B312;
      font-size: 1em;
      margin: 5px;
      padding: 0;
      text-align: left; }
    #junior #main #gallery #movies {
      margin: 0;
      padding: 0.5em; }
      #junior #main #gallery #movies object {
        margin: 0.5em;
        padding: 0; }

#protection-tape h1 {
  color: red;
  font-size: 14pt;
  margin: 5px 10px;
  text-align: left; }
#protection-tape h2 {
  color: #F6B312;
  font-size: 12pt;
  margin: 5px 10px 0; }
#protection-tape img {
  clear: right;
  float: right; }
#protection-tape p {
  margin: 0 10px 20px;
  width: 450px; }
  #protection-tape p .red {
    color: red;
    font-weight: bold; }