table
{
display:block;
width:750px;
background:#fff;
margin:0 auto 0 auto;
empty-cells: show;
border-collapse: collapse;
}

caption
{
display:none;
}
th
{
text-align:right;
width:124px;
font: bold 15px/12px "Univers Condensed", "Trebuchet MS", Tahoma, Verdana, sans-serif;
text-transform:uppercase;
height:48px;
color:#fff;
background:#369
padding:0 5px 5px 0;
margin-bottom:10px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
th.pp
{
text-align:left;
width:750px;
font: bold 15px/12px "Univers Condensed", "Trebuchet MS", Tahoma, Verdana, sans-serif;
text-transform:uppercase;
height:48px;
color:#fff;
background:#369
padding:0 5px 5px 0;
margin-bottom:10px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}


th.col6
{
border-right:1px solid #369;
}
th.pprow
{
border-right:1px solid #369;
}

td
{
text-align:right;
width:750px;
font: normal 10px/14px "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
border-right:1px solid #fff;
color:#999;
}
td a
{
border-bottom:1px solid #fff;
text-decoration:none;
display:block;
padding-right:7px;
color:#999;
}
td a:hover
{
text-decoration:none;
background:#aaa 100% 50% no-repeat;
color:#000;
}

td pp
{
text-align:right;
width:750px;
font: normal 10px/14px "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
border-right:1px solid #fff;
color:#999;
}

/* Scores table */

table.score
{
width:400px;
font: bold 15px/12px "Univers Condensed", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

td.score_c1
{
text-align:right;
width:200px;
font: normal 12px/16px Arial, Tahoma, Verdana, sans-serif;
text-transform:uppercase;
border-left:1px solid #fff;
padding:0 5px 5px 0;
}

td.score_c2
{
text-align:left;
color:#900
width:200px;
font: bold 15px/12px "Univers Condensed", "Trebuchet MS", Tahoma, Verdana, sans-serif;
text-transform:uppercase;
border-left:1px solid #fff;
padding:0 5px 5px 0;
}




/* Each page applies it's own version of this file, the following are the items which change */

/*
This is where you highlight the section tab
'Location' is the third column so it would be th.col3{etc}
*/

th.col1
{
background:#fff;
color:#900;
}

/*
This is where you highlight the column text from grey to black
'Location' is the third column so it would be td.col3{etc}
*/

td.col1 a
{
color:#000;
}

/*
This is where you highlight an individual page to mark it as the current page
row class, then col class
'Maps' (row5) is in 'Location' (col3) so it would be .row5.col3{etc}
*/

.row2 .col1
{
background:#eee 100% 50% no-repeat;
}

/* Scores table */

table.score
{
width:600px;
font: bold 15px/12px "Univers Condensed", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

td.score_c1
{
color: black;
text-align:right;
width:150px;
font: normal 12px/16px Arial, Tahoma, Verdana, sans-serif;
text-transform:uppercase;
border-left:1px solid #fff;
padding:0 5px 5px 0;
}

td.score_c2
{
text-align:left;
color: black;
width:500px;
font: bold 15px/12px "Univers Condensed", "Trebuchet MS", Tahoma, Verdana, sans-serif;
text-transform:uppercase;
border-left:1px solid #fff;
padding:0 5px 5px 0;
}

td.score_sp
{
text-align:left;
color:red;
width:500px;
font: bold 15px/12px "Univers Condensed", "Trebuchet MS", Tahoma, Verdana, sans-serif;
text-transform:uppercase;
border-left:1px solid #fff;
padding:0 5px 5px 0;
}