/* --- global style elements ------------------------------ */

body {
  margin: 0 0 0 0;
  font-family: Tahoma, Verdana, Arial, Sans-serif;
  font-size: 100%;
  background-color: #6d92aa;
  height: 100%;
}

a {
  text-decoration: none;
  color: #1000AF;
} 
a:hover {
  text-decoration: underline;
  color: #000144; 
}

img { 
  border: none; 
  vertical-align: sub;
}


/* --- divs ----------------------------------------------- */

div.wrapper {
  width: 840px;
  background-color: #fdfdfd;
  margin: auto; 
  height: 100%;
}

div.container { 
  float: left;
  width: 840px; 
  background-color: #fefefe; 
  clear: both; 
  margin: auto; 
  text-align: center; 
}

div#banner { 
  width: 840px; 
  margin: auto; 
  padding-top: 10px;
  line-height: 20%; 
}
div#banner h2 {
  color: #000144; 
  font-family: 'Trebuchet MS'; 
  font-size: 1.8em; 
}

div#navigation {
  color: #1000AF;
  font-size: 0.8em;
}

div#page-title { 
  color: #004365; 
  font-size: 2.2em;
  padding-bottom: 10px;
}

/* --- divs :: content :: single column --------------------- */

div.one-col {
  float: left;
  width: 830px;
  padding-left: 5px; 
  padding-right: 5px;
}

/* --- divs :: content :: 2-column layout ------------------- */

div.two-col {
  float: left;
  width: 410px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}

div.two-col-wide-left {
  text-align: left;
  float: left;
  width: 620px;
  padding-left: 5px;
  padding-right: 5px;
}
div.two-col-rail-right {
  float: left;
  width: 200px;
  padding-left: 5px;
  padding-right: 5px;
}


/* --- divs :: content :: 3-column layout ------------------- */

div.three-col {
  float: left;
  width: 270px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}


/* --- divs :: content :: 4-column layout ------------------- */

div.four-col {
  float: left;
  width: 200px;
  padding-left: 5px;
  padding-right: 5px;
}


/* --- divs :: data tables :: full page --------------------- */

div.table-data-full-rowcolor0 {
  float: left;
  clear: both;
  text-align: left;
  width: 830px;
  background-color: #72A0C4;
  vertical-align: middle;
  padding-top: 4px;
  padding-bottom: 2px;
}
div.table-data-full-rowcolor1 {
  float: left;
  clear: both;
  text-align: left;
  width: 830px;
  background-color: #EFF8FF;
  vertical-align: middle;
  padding-top: 4px;
  padding-bottom: 2px;
}
div.table-data-full-rowcolor2 {
  float: left;
  clear: both;
  text-align: left;
  width: 830px;
  background-color: #FEFFBF;
  vertical-align: middle;
  padding-top: 4px;
  padding-bottom: 2px;
}

div#table-data-full-hdr {
  font-size: 120%;
  font-weight: bold;
}
div#table-data-full-rank {
  float: left;
  width: 38px;
  font-size: 2.0em;
  text-align: right;
  padding-right: 2px;
  padding-top: 10px;
}
div#table-data-full-summary {
  float: left;
  width: 244px;
  text-align: left;
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 10px;
  font-size: 0.8em;
}
div#table-data-full-summary strong {
  font-weight: bold;
  font-size: 1.2em;
}
div#table-data-full-summary em {
  font-size: 1.0em;
}

div#table-data-full-pstats {
  float: right;
  width: 540px;
  text-align: left;
}
div#table-data-full-pstats-cell {
  font-size: 0.8em;
  float: left;
  width: 176px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  text-align: left;
}
div#table-data-full-pstats-cell hr {
  width: 95%;
  color: #4C5F6F;
  background-color: #4C5F6F;
  border: 0;
  height: 1px;
}

div.stats td.rank {
	font-family: Arial, Times;
	font-size: 14pt;
	text-align: right;
	color: #000000;
	width: 35px;
}
div.stats td.entrant {
	font-size: 10pt;
	text-align: left;
	color: #000000;
	width: 120px;
}
div.stats span.staffname {
	font-size: 9pt;
	color: #333333;
}
div.stats span.staffstats {
	font-size: 8pt;
}


/* --- divs :: data tables :: 3-column ---------------------- */

div#three-col-table-hdr {
  float: left;
  width: 270px;
  font-size: 95%; 
  background-color: #fefefe; 
  font-weight: bold;
}

div#three-col-table-rank0 { 
  float: left; 
  width: 25px; 
  text-align: right; 
  background-color: #72A0C4; 
  font-size: 80%;
}
div#three-col-table-rank1 { 
  float: left; 
  width: 25px; 
  text-align: right; 
  background-color: #EFF8FF; 
  font-size: 80%;
}

div#three-col-table-data0 {
  float: left; 
  width: 245px; 
  text-align: left; 
  background-color: #72A0C4;
  font-size: 80%;
}
div#three-col-table-data1 {
  float: left; 
  width: 245px; 
  text-align: left; 
  background-color: #EFF8FF;
  font-size: 80%;
}

/* table data --------------------------------------------------------*/
div.stats td {
	font: Arial;
	font-size: 8pt;
	vertical-align: middle;
	width: 90px;
}
div.stats td.rank {
	font-family: Arial, Times;
	font-size: 14pt;
	text-align: right;
	color: #000000;
	width: 35px;
}
div.stats td.entrant {
	font-size: 10pt;
	text-align: left;
	color: #000000;
	width: 120px;
}
div.stats span.staffname {
	font-size: 9pt;
	color: #333333;
}
div.stats span.staffstats {
	font-size: 8pt;
}


/* --- Page Sub-heading and Footer ------------------------ */

div#footer { 

  margin: auto; 
  padding-bottom: 10px;
  text-align: center;   
  font-size: 75%; 
}