/**
 * $Id
 *
 * File:
 * styles.css
 *
 * About:
 * Global Combined Stylesheet
 *
 * Author:
 * James Dahlfred, Brightform Interactive (http://brightform.com)
 *
 * Version:
 * 3.0
 */

/* -----------------------------------------------------------------------------
 * GENERAL RESET
 * -------------------------------------------------------------------------- */

* {
  text-decoration: none;
  font-size: 1em;
  outline: none;
  margin: 0;
  padding: 0;
}

/* -----------------------------------------------------------------------------
 * SPECIFIC RESETS
 * -------------------------------------------------------------------------- */

body, blockquote, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, select, textarea, ol, p, pre, table, th, td, ul {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table[border] {
  border-collapse: separate;
  border-spacing: 0;
}
thead, tbody, tfoot, tr, th, td {
  width: auto;
  height: auto;
  background-color: transparent;
  vertical-align: inherit;
  border: none;
}
caption, th { text-align: left; }
a, a img, a abbr, a acronym, abbr, acronym, applet, fieldset, form, iframe, img, object, table { border: none; }
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var {
  font-style: normal;
  font-weight: normal;
}
code, isindex, kbd, listing, plaintext, pre, samp, tt, var, xmp {
  font: inherit;
  white-space: normal;
  font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  line-height: 1.25;
  text-transform: uppercase;
  border: none;
}
ol, ul, dir, menu { list-style: none; }
ol { list-style-type: decimal; }
q:before, q:after { content: ''; }
a { text-decoration: none; }
a:hover, a:focus, input:focus, select:focus, textarea:focus { outline: none; }
hr { display: none; }

/* -----------------------------------------------------------------------------
 * LANGUAGE-SPECIFIC PUNCTUATION
 * -------------------------------------------------------------------------- */

q { quotes: '\201C' '\201D' '\2018' '\2019'; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }
*[lang|='en'] q:before { content: '\201C'; }
*[lang|='en'] q:after { content: '\201D'; }
*[lang|='en'] q q:before { content: '\2018'; }
*[lang|='en'] q q:after { content: '\2019'; }

/* -----------------------------------------------------------------------------
 * HTML & BODY
 * -------------------------------------------------------------------------- */

html, body {
  color: #000;
  background-color: #fff;
}
html {
  height: 100%;
  /*margin-bottom: 1px;*/ /* This rule forces a vertical scrollbar */
}

/* \*/

html { font-family: sans-serif; }

/* */

body { 
  height: auto;
  font-family: Calibri, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  font-size: 62.5%; /* Assuming 16px/16px default, this makes the base size 10px/15px */
  line-height: 1.5;
}

/* -----------------------------------------------------------------------------
 * BASIC ELEMENTS
 * -------------------------------------------------------------------------- */

cite, dfn, em, i { font-style: italic; }
b, dt, h1, h2, h3, h4, h5, h6, strong, th, thead td { font-weight: bold; }
caption, th, td { text-align: left; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
small, sup, sub { font-size: 85%; }
big {
  font-size: 125%;
  line-height: 80%;
}

del { text-decoration: line-through; }
ins, dfn { border-bottom: 1px solid #000; }

pre { white-space: pre; }
pre * { font-size: 100%; white-space: pre; }
abbr, acronym {
  text-transform: uppercase;
  font-size: 100%;
}
abbr[title], acronym[title], dfn[title] {
  cursor: help;
  border-bottom: 1px dotted #000;
}
code, kbd, pre, samp, tt, var {
  font-size: 100%;
  font-family: Monaco, Consolas, "Courier New", Courier, monospace;
}
img {
  display: block;
  margin: 0;
}

/* -----------------------------------------------------------------------------
 * DEPRECATED HTML
 * -------------------------------------------------------------------------- */

center, *[align] { text-align: inherit; }
s, strike, u { text-decoration: inherit; }
nobr { white-space: normal; }
marquee { overflow: visible; -moz-binding: none; }
blink { text-decoration: none; }
font, basefont {
  color: inherit;
  font: inherit;
  font-size: 100%;
}

/* -----------------------------------------------------------------------------
 * CLEARFIX HACK
 * -------------------------------------------------------------------------- */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

* html>body .clearfix {
  display: inline-block;
  display: -moz-inline-box;
  width: 100%;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}

/* -----------------------------------------------------------------------------
 * FORMS
 * -------------------------------------------------------------------------- */

form { background-color: transparent; }
fieldset {
  width: auto;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0 0 1em 0;
}
fieldset > *:first-child {
  margin-top: 0;
}
fieldset table {
  padding-top: 1em;
  margin: 0;
}

/* \*/

legend {
  padding: 0 .5em;
  margin: 0 .5em;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9em;
}

/* */

@media all and (min-width: 0px) /* for Opera 8 */ {
  legend {
    margin-bottom: 1.5em;
  }
}

td.label {
  width: 38%;
  text-align: right;
  vertical-align: middle;
  padding-right: 6px;
}
td.label2 {
  width: 15%;
  text-align: right;
  vertical-align: top;
  padding-right: 6px;
}

input, textarea, select, button {
  cursor: pointer;
  display: inline-block;
  display: -moz-inline-box;
  width: auto;
  padding: 2px;
  font-family: Calibri, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;;
  font-size: 1em;
  line-height: 1;
  font-weight: normal;
}

.column1  input, .column1  textarea, .column1  select { width: 45px; }
.column2  input, .column2  textarea, .column2  select { width: 110px; }
.column3  input, .column3  textarea, .column3  select { width: 175px; }
.column35 input, .column35 textarea, .column35 select { width: 188px; }
.column4  input, .column4  textarea, .column4  select { width: 240px; }
.column5  input, .column5  textarea, .column5  select { width: 305px; }
.column6  input, .column6  textarea, .column6  select { width: 370px; }
.column7  input, .column7  textarea, .column7  select { width: 435px; }
.column8  input, .column8  textarea, .column8  select { width: 500px; }
.column85 input, .column85 textarea, .column85 select { width: 552px; }
.column9  input, .column9  textarea, .column9  select { width: 565px; }
.column10 input, .column10 textarea, .column10 select { width: 630px; }
.column11 input, .column11 textarea, .column11 select { width: 695px; }
.column12 input, .column12 textarea, .column12 select { width: 760px; }

.column1  .halfwidth input, .column1  .halfwidth textarea, .column1  .halfwidth select { width: 17.5px; }
.column2  .halfwidth input, .column2  .halfwidth textarea, .column2  .halfwidth select { width: 50px; }
.column3  .halfwidth input, .column3  .halfwidth textarea, .column3  .halfwidth select { width: 82.5px; }
.column4  .halfwidth input, .column4  .halfwidth textarea, .column4  .halfwidth select { width: 115px; }
.column5  .halfwidth input, .column5  .halfwidth textarea, .column5  .halfwidth select { width: 147.5px; }
.column6  .halfwidth input, .column6  .halfwidth textarea, .column6  .halfwidth select { width: 180px; }
.column7  .halfwidth input, .column7  .halfwidth textarea, .column7  .halfwidth select { width: 212.5px; }
.column8  .halfwidth input, .column8  .halfwidth textarea, .column8  .halfwidth select { width: 245px; }
.column85 .halfwidth input, .column85 .halfwidth textarea, .column85 .halfwidth select { width: 271px; }
.column9  .halfwidth input, .column9  .halfwidth textarea, .column9  .halfwidth select { width: 277.5px; }
.column10 .halfwidth input, .column10 .halfwidth textarea, .column10 .halfwidth select { width: 305px; }
.column11 .halfwidth input, .column11 .halfwidth textarea, .column11 .halfwidth select { width: 342.5px; }
.column12 .halfwidth input, .column12 .halfwidth textarea, .column12 .halfwidth select { width: 375px; }

.column1  input[type='checkbox'], .column1  input[type='radio'],
.column2  input[type='checkbox'], .column2  input[type='radio'],
.column3  input[type='checkbox'], .column3  input[type='radio'],
.column4  input[type='checkbox'], .column4  input[type='radio'],
.column5  input[type='checkbox'], .column5  input[type='radio'],
.column6  input[type='checkbox'], .column6  input[type='radio'],
.column7  input[type='checkbox'], .column7  input[type='radio'],
.column8  input[type='checkbox'], .column8  input[type='radio'],
.column85 input[type='checkbox'], .column85 input[type='radio'],
.column9  input[type='checkbox'], .column9  input[type='radio'],
.column10 input[type='checkbox'], .column10 input[type='radio'],
.column11 input[type='checkbox'], .column11 input[type='radio'],
.column12 input[type='checkbox'], .column12 input[type='radio'] { width: auto; }

.column1  .halfwidth input[type='checkbox'], .column1  .halfwidth input[type='radio'],
.column2  .halfwidth input[type='checkbox'], .column2  .halfwidth input[type='radio'],
.column3  .halfwidth input[type='checkbox'], .column3  .halfwidth input[type='radio'],
.column4  .halfwidth input[type='checkbox'], .column4  .halfwidth input[type='radio'],
.column5  .halfwidth input[type='checkbox'], .column5  .halfwidth input[type='radio'],
.column6  .halfwidth input[type='checkbox'], .column6  .halfwidth input[type='radio'],
.column7  .halfwidth input[type='checkbox'], .column7  .halfwidth input[type='radio'],
.column8  .halfwidth input[type='checkbox'], .column8  .halfwidth input[type='radio'],
.column85 .halfwidth input[type='checkbox'], .column85 .halfwidth input[type='radio'],
.column9  .halfwidth input[type='checkbox'], .column9  .halfwidth input[type='radio'],
.column10 .halfwidth input[type='checkbox'], .column10 .halfwidth input[type='radio'],
.column11 .halfwidth input[type='checkbox'], .column11 .halfwidth input[type='radio'],
.column12 .halfwidth input[type='checkbox'], .column12 .halfwidth input[type='radio'] { width: auto; }

input[disabled='disabled'] {
  color: #808080;
}
input[type='submit'], input[type='button'], button {
  padding: 5px;
  width: auto;
  text-transform: uppercase;
}
textarea {
  height: 8em;
}
input:hover, textarea:hover, select:hover {
  cursor: text;
  background-color: #fff;
}
input:focus, textarea:focus, select:focus {
  cursor: text;
  background-color: #fff;
}

.login_button {
  padding: 0;
  background: transparent url("/images/buttons/login.png") no-repeat 0 0;
}
.send_button {
  padding: 0;
  background: transparent url("/images/buttons/send.png") no-repeat 0 0;
}
.login_button:hover, .login_button:focus,
.send_button:hover, .send_button:focus {
  background-position: 0px -22px;
  cursor: pointer;
}
.login_button:active,
.send_button:active {
  background-position: 0px -44px;
  cursor: pointer;
}
/* -----------------------------------------------------------------------------
 * HTML, BODY
 * -------------------------------------------------------------------------- */

html, body {
  background: #1d2638 url("/images/bg-blue.gif") repeat-x top left;
  /* background: #4d080b url("/images/bg.gif") repeat-x top left; */
}

/* -----------------------------------------------------------------------------
 * IMAGES, FLOATS, INLINES
 * -------------------------------------------------------------------------- */

.framed { border: 1px solid black; }
.polaroid {
  background-color: #eee;
  padding: 9px 10px 10px 10px;
  border-top: 1px solid #ccc;
  margin-bottom: 0.5em;
}
.f_left { float: left; }
.f_right { float: right; }
.in {
  display: inline;
}
.in_block {
  display: inline-block;
  display: -moz-inline-box;
}
.in_icon {
  display: inline;
  position: relative;
  top: 0.3em;
  margin-top: -0.3em;
}
.in_icon_short {
  display: inline;
  position: relative;
  top: 0.4em;
  margin-top: -0.4em;
}
.clear {
	clear: both;
	display: block;
	width: 0;
	height: 0px;
	font-size: 1px;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

/* -----------------------------------------------------------------------------
 * LINKS
 * -------------------------------------------------------------------------- */

a {
  cursor: pointer;
}
a:link {
  text-decoration: none;
  color: #a11216;
}
a:visited {
  text-decoration: none;
  color: #808080;
}
a:active, a:hover {
  text-decoration: none;
  color: #bf151b;
}
.continue {
  padding-left: 18px;
  background: transparent url("/images/icons/arrow-000-medium.png") no-repeat 0% 50%;
}
.permalink {
  padding-left: 18px;
  background: transparent url("/images/icons/blog.png") no-repeat 0% 50%;
}
.pdflink {
  padding-left: 18px;
  background: transparent url("/images/icons/document-pdf.png") no-repeat 0% 50%;
}

/* -----------------------------------------------------------------------------
 * HEADINGS
 * -------------------------------------------------------------------------- */

h1 {
  font-size: 2em;
  font-weight: normal;
  font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif;
  line-height: 1;
}
h2 {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1;
}
h1, h2 {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.75em;
}
h1 span, h2 span {
  padding-bottom: 4px;
  border-bottom: 5px solid #eee;
}
.meta span {
  padding-top: 5px;
  border-top: 1px solid #eee;
}

/* -----------------------------------------------------------------------------
 * TABLE ELEMENTS
 * -------------------------------------------------------------------------- */

table {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ccc;
  margin: 0.5em 0 1.5em 0;
  padding: 0;
}

th, td {
  padding: 6px 8px;
  text-align: left;
  vertical-align: top;
}
th {
  color: #000;
  background-color: #eee;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9em;
}

.schedule th, .schedule td {
  border-top: 1px solid #ccc;
}
.schedule tr.subhead th {
  background-color: #fff;
}
.schedule tr.today td {
  color: #fff;
  background-color: #455b88;
}
.schedule tr.today td a, .schedule tr.today td a:hover {
  color: #fff;
}

.scoreboard {
  margin: 0;
  border-bottom: none;
}
.scoreboard td {
  padding: 0;
}
.scoreboard td.score {
  text-align: right;
}
.dataentry td { }

/* -----------------------------------------------------------------------------
 * BASIC STYLES
 * -------------------------------------------------------------------------- */

h3, p, ul, ol {
  margin-bottom: 0.5em;
}

blockquote {
  padding-left: 0.75em;
  border-left: 1px solid #ccc;
}

.article {
  margin-left: 1em;
}

hr {
  display: block;
  clear: both;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  padding: 0;
  margin: 15px 0;
  border: 0;
  font-size: 0;
  line-height: 0;
}

li { padding-left: 0; margin-left: 1.25em; }
ul li { list-style: disc outside; }
ol li { list-style: decimal outside; }

ul li.icon {
  list-style: none;
  padding-left: 22px;
  margin-left: 10px;
  margin-bottom: .25em;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  }
ul li.fullscreen { background-image: url("/images/icons/monitor-fullscreen.png"); }
ul li.widescreen { background-image: url("/images/icons/monitor-widescreen.png"); }
ul li.iphone { background-image: url("/images/icons/iphone.png"); }
ul li.share { background-image: url("/images/icons/box-share.png"); }

.reqd { color: #bf151b; }
.note { color: #808080; }
.nowrap { white-space: nowrap; }

.txtleft { text-align: left; }
.txtcenter { text-align: center; }
.txtright { text-align: right; }

span.amp {
  font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
  font-style: italic;
}

/* -----------------------------------------------------------------------------
 * WRAPPER AND MAJOR ELEMENTS
 * -------------------------------------------------------------------------- */

#head_wrap, #body_wrap, #tail_wrap, #foot_wrap {
  position: relative;
  width: 100%; min-width: 808px;
  height: auto;
  padding: 0;
  margin: 0 auto;
}
#head, #special, #body, #tail, #foot {
  position: relative;
  width: 808px;
  height: auto;
  margin: 0 auto;
  font-size: 1.3em;
}

/* -----------------------------------------------------------------------------
 * HEADER / NAV
 * -------------------------------------------------------------------------- */

#head_wrap, #head {
  height: 120px;
}
#head {
  width: 872px;
}

#logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 149px;
  height: 83px;
}
#title {
  position: absolute;
  top: 0;
  left: 149px;
  width: 723px;
  height: 83px;
}
#tweetie {
  position: absolute;
  top: 17px;
  left: 721px;
  width: 32px;
  height: 32px;
}

#cart {
  position: absolute;
  top: 10px;
  right: 48px;
  width: auto;
  height: auto;
  color: #8f939d;
  font-size: 0.9em;
  line-height: 1;
  }
#cart a, #cart a:link, #cart a:visited { color: #8f939d; }
#cart a:hover, #cart a:active { color: #fff; }

#navbar, #navbar * { margin: 0; padding: 0; }
#navbar {
  position: absolute;
  top: 83px;
  left: 0;
  width: 872px;
  height: 37px;
  background: #a11216 url("/images/head/navbar-blue.gif") no-repeat top left;
  }
body#home #navbar {
  background-image: url("/images/head/navbar_home-blue.gif");
  }
#navbar li {
  float: left;
  position: relative;
  top: 0;
  left: 0;
  list-style: none;
  height: 32px;
  margin: 0;
  zoom: 0;
}
#navbar li#nav_home { background: transparent url("/images/head/home.gif") no-repeat top left; margin-left: 11px; }
#navbar li#nav_news { background: transparent url("/images/head/news.gif") no-repeat top left; margin-left: 106px; }
#navbar li#nav_fixtures { background: transparent url("/images/head/fixtures.gif") no-repeat top left; }
#navbar li#nav_mens { background: transparent url("/images/head/mens.gif") no-repeat top left; }
#navbar li#nav_youth { background: transparent url("/images/head/youth.gif") no-repeat top left; }
#navbar li#nav_club { background: transparent url("/images/head/club.gif") no-repeat top left; }
#navbar li#nav_swag { background: transparent url("/images/head/swag.gif") no-repeat top left; }
#navbar li#nav_links { background: transparent url("/images/head/links.gif") no-repeat top left; }
#navbar li#nav_contact { background: transparent url("/images/head/contact.gif") no-repeat top left; }
#navbar li#nav_facebook { background: transparent url("/images/head/facebook.gif") no-repeat top left; margin-right: 56px; float: right; }

#navbar li#nav_home:hover,
#navbar li#nav_news:hover,
#navbar li#nav_fixtures:hover,
#navbar li#nav_mens:hover,
#navbar li#nav_youth:hover,
#navbar li#nav_club:hover,
#navbar li#nav_swag:hover,
#navbar li#nav_links:hover,
#navbar li#nav_contact:hover,
#navbar li#nav_facebook:hover {
  background-position: -32px left;
}
#navbar li#nav_home:active, #navbar li#nav_home.here,
#navbar li#nav_news:active, #navbar li#nav_news.here,
#navbar li#nav_fixtures:active, #navbar li#nav_fixtures.here,
#navbar li#nav_mens:active, #navbar li#nav_mens.here,
#navbar li#nav_youth:active, #navbar li#nav_youth.here,
#navbar li#nav_club:active, #navbar li#nav_club.here,
#navbar li#nav_swag:active, #navbar li#nav_swag.here,
#navbar li#nav_links:active, #navbar li#nav_links.here,
#navbar li#nav_contact:active, #navbar li#nav_contact.here,
#navbar li#nav_facebook:active, #navbar li#nav_facebook.here {
  background-position: -64px left;
}
#navbar li ul {
  cursor: default;
  position: absolute;
  top: 26px;
  left: -9000px;
  width: 140px; // 146px;
  height: auto;
  padding: 0 5px 5px 3px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top left;
  z-index: 1;
}
#navbar li ul#nav_news_ul     { background-image: url("/images/head/menu_bg_4.png"); height: 111px; }
#navbar li ul#nav_fixtures_ul { background-image: url("/images/head/menu_bg_2.png"); height: 62px; }
#navbar li ul#nav_mens_ul     { background-image: url("/images/head/menu_bg_2.png"); height: 62px; }
#navbar li ul#nav_club_ul     { background-image: url("/images/head/menu_bg_5.png"); height: 136px; }

#navbar li:hover ul {
  left: -3px;
  z-index: 100;
}

#navbar li ul li {
  float: left;
  position: relative;
  width: 140px;
  height: 25px;
  margin: 0;
}
#navbar li#nav_news_trips { background: transparent url("/images/head/news_trips.gif") no-repeat top left; height: 31px; }
#navbar li#nav_news_club { background: transparent url("/images/head/news_club.gif") no-repeat top left; }
#navbar li#nav_news_gallery { background: transparent url("/images/head/news_gallery.gif") no-repeat top left; }
#navbar li#nav_news_archives { background: transparent url("/images/head/news_archives.gif") no-repeat top left; }
#navbar li#nav_fixtures_directions { background: transparent url("/images/head/fixtures_directions.gif") no-repeat top left; height: 31px; }
#navbar li#nav_fixtures_reports { background: transparent url("/images/head/fixtures_reports.gif") no-repeat top left; }
#navbar li#nav_mens_new { background: transparent url("/images/head/mens_new.gif") no-repeat top left; height: 31px; }
#navbar li#nav_mens_training { background: transparent url("/images/head/mens_training.gif") no-repeat top left; }
#navbar li#nav_club_supporters { background: transparent url("/images/head/club_supporters.gif") no-repeat top left; height: 31px; }
#navbar li#nav_club_history { background: transparent url("/images/head/club_history.gif") no-repeat top left; }
#navbar li#nav_club_sponsorship { background: transparent url("/images/head/club_sponsorship.gif") no-repeat top left; }
#navbar li#nav_club_oldboys { background: transparent url("/images/head/club_oldboys.gif") no-repeat top left; }
#navbar li#nav_club_membersonly { background: transparent url("/images/head/club_membersonly.gif") no-repeat top left; }

#navbar li#nav_news_trips:hover,
#navbar li#nav_fixtures_directions:hover,
#navbar li#nav_mens_new:hover,
#navbar li#nav_club_supporters:hover {
  background-position: -31px left;
}
#navbar li#nav_news_club:hover,
#navbar li#nav_news_gallery:hover,
#navbar li#nav_news_archives:hover,
#navbar li#nav_fixtures_reports:hover,
#navbar li#nav_mens_training:hover,
#navbar li#nav_club_history:hover,
#navbar li#nav_club_sponsorship:hover,
#navbar li#nav_club_oldboys:hover,
#navbar li#nav_club_membersonly:hover {
  background-position: -25px left;
}
#navbar li#nav_news_trips:active, #navbar li#nav_news_trips.here,
#navbar li#nav_fixtures_directions:active, #navbar li#nav_fixtures_directions.here,
#navbar li#nav_mens_new:active, #navbar li#nav_mens_new.here,
#navbar li#nav_club_supporters:active, #navbar li#nav_club_supporters.here {
  background-position: -62px left;
}
#navbar li#nav_news_club:active, #navbar li#nav_news_club.here,
#navbar li#nav_news_gallery:active, #navbar li#nav_news_gallery.here,
#navbar li#nav_news_archives:active, #navbar li#nav_news_archives.here,
#navbar li#nav_fixtures_reports:active, #navbar li#nav_fixtures_reports.here,
#navbar li#nav_mens_training:active, #navbar li#nav_mens_training.here,
#navbar li#nav_club_history:active, #navbar li#nav_club_history.here,
#navbar li#nav_club_sponsorship:active, #navbar li#nav_club_sponsorship.here,
#navbar li#nav_club_oldboys:active, #navbar li#nav_club_oldboys.here,
#navbar li#nav_club_membersonly:active, #navbar li#nav_club_membersonly.here {
  background-position: -50px left;
}
#navbar li a {
  font-size: 0;
  line-height: 1;
}

/* -----------------------------------------------------------------------------
 * SPECIAL
 * -------------------------------------------------------------------------- */

#special {
  height: 362px;
  background: transparent url("/images/home/special_bg-blue.gif") no-repeat top left;
}
#special_photo {
  position: relative;
  top: 12px;
  left: 21px;
  width: 515px;
  height: 235px;
}
#special_photo img, #special_photo object, #special_photo embed {
  position: relative;
  top: 0;
  left: 0;
  width: 515px;
  height: 235px;
}
#special_matches {
  position: absolute;
  top: 4px;
  right: 12px;
  width: 247px;
  height: 248px;
}
#last_match {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url("/images/home/last_match.gif") no-repeat -100px left;
}
#next_match {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url("/images/home/next_match.gif") no-repeat -100px left;
}
#all_matches {
  position: absolute;
  bottom: 16px;
  left: 36px;
  background: transparent url("/images/home/all_matches.gif") no-repeat top left;
}
#last_match:hover, #next_match:hover {
  background-position: -50px left;
}
#last_match:active, #last_match.here, #next_match:active, #next_match.here {
  background-position: top left;
}
#all_matches:hover {
  background-position: -17px left;
}
#all_matches:active, #all_matches.here {
  background-position: -34px left;
}
#last_match_text, #next_match_text {
  position: absolute;
  top: 63px;
  left: 20px;
  width: 207px;
  height: 152px;
  overflow: auto;
}
#whobar {
  position: absolute;
  top: 261px;
  left: 19px;
  width: 770px;
  height: 70px;
  overflow: auto;
  color: #fff;
  font-style: italic;
  font-size: 1.1em;
}
#whobar abbr {
  border-color: #fff;
}
#whobar a,
#whobar a:link,
#whobar a:visited,
#whobar a:active,
#whobar a:hover {
  color: #fff;
  font-weight: bold;
  border-bottom: 1px dotted #fff;
}

/* -----------------------------------------------------------------------------
 * CONTENT
 * -------------------------------------------------------------------------- */

#body_wrap {
  overflow: hidden;
}

#body_wrap {
  width: 872px;
}
#body {
  width: 782px;
  padding: 8px 13px 0 13px;
  background: transparent url("/images/body/body_bg-blue.gif") repeat-y top left;
}
body#home #body {
  padding-top: 0;
}
#body:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html>body #body {
  display: inline-block;
  display: -moz-inline-box;
  width: 100%;
}
* html #body {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}

.column1,
.column2,
.column3,
.column35,
.column4,
.column5,
.column6,
.column7,
.column8,
.column85,
.column9,
.column10,
.column11,
.column12 {
  float: left;
  padding: 0;
  margin: 0 8px;
}

.column1 { width: 49px; } /* One Column = 65, Padding+Margin = -16 */
.column2 { width: 114px; }
.column3 { width: 179px; }
.column35 { width: 192px; }
.column4 { width: 244px; }
.column5 { width: 309px; }
.column6 { width: 374px; }
.column7 { width: 439px; }
.column8 { width: 504px; }
.column85 { width: 556px; }
.column9 { width: 569px; }
.column10 { width: 634px; }
.column11 { width: 699px; }
.column12 { width: 764px; }

.timeline {
  float: right;
  font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif;
  font-style: italic;
  color: #808080;
}
.timeline a {
  color: #808080;
}

.photo_right {
  float: right;
  margin: 0 0 0.25em 1em;
}
.photo_right img {
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 5px;
}
.photo_right img.logo {
  background-color: #fff;
  display: inline;
}
.photo_right p {
  text-align: right;
  font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif;
  font-style: italic;
  font-size: 0.9em;
  padding: 0 5px;
  margin: 0.5em 0 0 0;
}

#alerts {
  float: left;
  padding: 12px;
  margin: 0 8px 12px 8px;
  width: 738px;

  font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif;
  font-style: italic;
  background-color: #fff5d5;
  border: 1px solid #e5dcc1;
}
#alerts .note { color: #807a6b }
#alerts .error { color: #bf151b; }

/*
div.today {
  padding: 12px 0 0 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #000;
}
*/

/* -----------------------------------------------------------------------------
 * BUTTONS
 * -------------------------------------------------------------------------- */

#savecontinue {
  display: inline;
  background: transparent url("/images/buttons/savecontinue_eee.gif") no-repeat top right;
  width: 148px;
  padding: 0;
}
#checkout {
  display: inline;
  background: transparent url("/images/buttons/checkout_eee.gif") no-repeat top right;
  width: 107px;
  padding: 0;
}
#checkout.fff {
  background-image: url("/images/buttons/checkout.gif");
}
#savecontinue:hover,
#checkout:hover {
  background-position: -22px right;
}
#savecontinue:active,
#checkout:active {
  background-position: -44px right;
}

/* -----------------------------------------------------------------------------
 * FOOT
 * -------------------------------------------------------------------------- */

#tail_wrap {
  height: auto;
}
#tail {
  width: 808px;
  height: 517px;
  background: transparent url("/images/tail/tail_bg-blue.gif") no-repeat bottom left;
}
#tail.youth {
  height: 387px;
  background-image: url("/images/tail/tail_youth_bg-blue.gif");
}

#tail #smithwicks {
  position: absolute;
  left: 44px;
  top: 45px;
  width: 312px;
  height: 195px;
}
#tail #txrh {
  position: absolute;
  left: 386px;
  top: 28px;
  width: 166px;
  height: 90px;
}
#tail #bns {
  position: absolute;
  left: 500px;
  top: 140px;
  width: 99px;
  height: 34px;
}
#tail #dicks {
  position: absolute;
  left: 356px;
  top: 183px;
  width: 108px;
  height: 55px;
}
#tail #usa {
  position: absolute;
  left: 674px;
  top: 35px;
  width: 95px;
  height: 99px;
}
#tail #nerfu {
  position: absolute;
  left: 666px;
  top: 146px;
  width: 103px;
  height: 103px;
}
#tail #ots {
  position: absolute;
  left: 29px;
  top: 296px;
  width: 164px;
  height: 69px;
}
#tail #ots_blurb {
  position: absolute;
  left: 218px;
  top: 296px;
  width: 565px;
  height: 69px;
  font-style: italic;
  font-size: 1.1em;
}
#tail #rf {
  position: absolute;
  left: 615px;
  top: 417px;
  width: 164px;
  height: 69px;
}
#tail #rf_blurb {
  position: absolute;
  left: 29px;
  top: 417px;
  width: 565px;
  height: 69px;
  font-style: italic;
  font-size: 1.1em;
  text-align: right;
}

#tail.youth #rimp {
  position: absolute;
  left: 32px;
  top: 42px;
  width: 167px;
  height: 58px;
}
#tail.youth #dicks {
  left: 225px;
  top: 41px;
}
#tail.youth #txrh {
  left: 361px;
  top: 31px;
  width: 127px;
  height: 71px;
}
#tail.youth #usa {
  left: 547px;
  top: 19px;
}
#tail.youth #nerfu { top: 16px; }
#tail.youth #ots { top: 166px; }
#tail.youth #ots_blurb { top: 166px; }
#tail.youth #rf { top: 287px; }
#tail.youth #rf_blurb { top: 287px; }


/* -----------------------------------------------------------------------------
 * FOOT
 * -------------------------------------------------------------------------- */

#foot_wrap {
  height: auto;
  padding-top: 10px;
  padding-bottom: 200px;
  color: #fff;
}
#foot {
  width: 780px;
}
#foot a, #foot a:hover {
  color: #fff;
}
#foot a:hover {
  text-decoration: underline;
}
#foot ul, #foot li {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}#entryform {
  background-color: #eee;
  width: 480px;
  padding: 12px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #000;
}
#entryform p {
  width: 480px;
}
#entryform input,
#entryform textarea,
#entryform select {
  width: 472px;
}
#entryform p.halfwidth {
  width: 234px;
}
#entryform p.halfwidth input,
#entryform p.halfwidth textarea,
#entryform p.halfwidth select {
  width: 226px;
}
#entryform input[type='checkbox'],
#entryform input[type='radio'] {
  width: auto;
}
#entryform p.halfwidth input[type='checkbox'],
#entryform p.halfwidth input[type='radio'] {
  width: auto;
}