/*********************************************************
 *
 * This OTS section clears down to defaults.
 *
 * Unfortunately some parts seem to have repercussions
 * in the existing CSS and so have been commented out
 * for now. cgb
 *
 *********************************************************/

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,p, code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
/*li{list-style:none;}*/
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
/*input,textarea,select{*font-size:100%;}*/
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}


/*********************************************************
 *
 * This section defines the main body of the page.
 *
 *********************************************************/
html{color:#000;background:#006600;}

body {
  font: 62.5%/1.6em Verdana, sans-serif;
  color:#000;
  margin: 20px;
  background: #006600;
}

pre{
  font:100% Andale Mono, monospace;
}

* {
  margin:0;
  padding:0;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

em strong, strong em {
  font-weight: bold;
  font-style: italic;
}
/*********************************************************
 *
 * This section defines the wrapper surrounding the content
 * of the page.
 *
 * It had two classes:
 *     fluid - a non-fixed page width
 *     fixed - a pixel defined fixed width page
 *
 * All pages currently use the fluid class, the fixed class
 * has been left in for flexibility.
 * Since this original comment the site is now entirely fixed
 * width. rather than edit every page (!) the fluid class has 
 * been subverted to produce a fixed layout.
 *
 * Further the wrapper div now has the fixed width defined there
 * and so the two classes are now deprecated.
 * 
 *********************************************************/

#wrapper {
    margin:0 auto;
    background:#fff; 
    padding: 5px 5px 5px 5px;
    width:960px;
}

/*** DEPRECATED ****/
.fluid {
    /*  width:96%; */
    /* Changed to same as .fixed to change whole site in one go... */
    width:960px;
}

/*** DEPRECATED ****/
.fixed {
    width:960px;
}


/*********************************************************
 *
 * This section defines the header bar across the top of
 * the page containing page titles and tabbed navigation.
 *
 *********************************************************/


#header {
  height:119px;
  background:url(../images/logo.png) no-repeat top left #990066 ;
  text-align: right;
}

#header h1.main {
  height:45px;
  font:400% Verdana, sans-serif;
  padding:30px 20px 10px 10px;
  color:#fff;
}

#header h1.sub {
  height:45px;
  font:300% Verdana, sans-serif;
  padding:30px 20px 10px 10px;
  color:#fff;
}


/*********************************************************
 *
 * This section defines the tabbed navigation that sits
 * in the header bar. It is a horizontal list
 *
 *********************************************************/


#nav {
  margin:0 0 0 0;
}

#nav li {
  list-style:none;
  display:inline;
  padding:0 1px 0 0;
}

#nav li a {
  padding:6px 7px 5px 7px;
  color:#ffffff;
  font:160% Verdana, sans-serif;
  text-decoration:none;
}

#nav li a:hover {
  background:#006600;
  color:#ffffff;
}


/*********************************************************
 *
 * This section defines the side-bar down the left-hand
 * side of the main page. This is a fixed width column
 * containing a list of links.
 *
 * .fixed is a class variant that is fixed to the 
 * viewable screen. This doesn't work in all browsers and
 * creates problems in accessing long menus on short screens!
 * Thus it is not now used.
 *
 *********************************************************/

div.fixed {
  /*position:fixed;  Fixed is good but is not useful when menu bars are long*/ 
  position:relative;
}


#sidebar_left {
  float:left;
  width:150px;
  padding:0px 10px;
  background:#ffeef7;
  line-height:20px; 
  border-right:1px solid #ee99dd;
  border-left:1px solid #ee99dd;
  border-top:1px solid #ee99dd;
  border-bottom:1px solid #ee99dd;
  margin:10px 0px 10px 0px;
}

#sidebar_left h1,h2,h3,h4,p,ul,ol,blockquote {
  margin:15px 0;
}


#sidebar_left h2 {
  font:190% Verdana, sans-serif;
  font-variant: small-caps;
  color:#000;
}

#sidebar_left h3 {
  font:140% Verdana, sans-serif;
  color:#000;
}

#sidebar_left p {
  font:120% Verdana, sans-serif;
  line-height:20px;
}

#sidebar_left ul {	
  list-style: none;
  margin: 0 0 0 0;
}	

/************************
 *
 *  Top level menu items
 *
 ************************/

#sidebar_left ul li {
  margin-bottom: 3px;
}

#sidebar_left ul li a {
  font:120% Verdana, sans-serif;
  font-weight: bold;
  padding:3px 3px;
  text-decoration: none;
  background: #f0e0e7; 
  border-left:5px solid #990066;
  color: #000;
  display: block; 
}	

#sidebar_left ul li a#head {
  background: #e0d0d7; 
}

#sidebar_left ul li a:hover {
  background:#eeffee;
  border-left:5px solid #006600;
  color: #000;
}

#sidebar_left ul li a#head:hover {
  background:#deefde;
}

/************************
 *
 * Second level menu items
 *
 ************************/

#sidebar_left ul ul {	
  list-style: none;
  margin: 3px 0 3px 0;
}	

#sidebar_left ul ul li a {
  font:120% Verdana, sans-serif;
  font-weight: bold;
  padding:4px 4px;
  text-decoration: none;
  background: #f0e0e7; 
  border-left:4px solid #990066;
  color: #000;
  display: block; 
  margin-left: 10px;
}

#sidebar_left ul ul li a:hover {
  background:#eeffee;
  border-left:4px solid #006600;
  margin-left: 10px;
  color: #000;
}

#sidebar_left ul ul li h3 {
  font:140% Verdana, sans-serif;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  color:#000;
}


/*********************************************************
 *
 * This section defines the side-bar down the right-hand
 * side of the main page. This is a fixed width column
 * containing paragraphed text and small images.
 *
 *********************************************************/

#sidebar_right {	
  width:150px;
  padding:0 10px;
  float:right;
  background:#eeffee;
  border-top:1px solid #99ee99;
  border-left:1px solid #99ee99;
  border-right:1px solid #99ee99;
  border-bottom:1px solid #99ee99;
  margin:10px  0px 10px 0px;
  color:#000000;
}

#sidebar_right h2 {
  text-align:right;
  font:200% Verdana, sans-serif;
  font-variant: small-caps;
}

#sidebar_right h3 {
  text-align:right;
  font:130% Verdana, sans-serif;
  font-weight: bold;
}

#sidebar_right h4 {
  text-align:right;
  font:120% Verdana, sans-serif;
  font-weight: bold;
  margin-bottom: -10px;
}

#sidebar_right p {
  font:120% Verdana, sans-serif;
  line-height:16px;
}

#sidebar_right ul {	
  margin: 0 0 0 10px;
}	

#sidebar_right ul li {
  font:120% Verdana, sans-serif;
  text-decoration: none;
  margin-left: 10px;
  margin-bottom: 10px;
}	

#sidebar_right dt {
  font:120% Verdana, sans-serif;
  font-weight:bold;
  margin-left:5px;
}
#sidebar_right dd {
  font:120% Verdana, sans-serif;
  margin-left:15px;
  padding-bottom:10px;
}

#sidebar_right a:link { 
  color: #006600; 
}  
  
#sidebar_right a:visited { 
  color: #990066; 
}

#sidebar_right h1,h2,h3,h4,p,ul,ol,blockquote {
  margin:15px 0;
}

#sidebar_right hr {
border: 0;
color: #99ee99;
background-color: #99ee99;
height: 2px;
width: 100%;
text-align: left;
}

/*********************************************************
 *
 * This section defines the main content of the page. It had
 * four classes depending on which side-bars are needed. The
 * class names are self explanatory. They each set the left
 * and right margins so that the main text is confined even 
 * when the side-bars come to an end. THESE ARE NOW DEPRECATED.
 *
 * Now there are three classes narrow, wide and open:
 *
 *    narrow restricts the content to a central section.
 *           this can allow for bars at both sides or for
 *           a white margin down either side.
 *    wide   only has a margin on the left. If a right bar 
 *           is used then text will flow back to the right
 *           after the right bar.
 *    open   allows the whole page to be used.
 *********************************************************/

#content {
  padding:0 0 0 0;
  font:130% Verdana, sans-serif;
}

.narrow {
  margin:0 180px 0 180px;
}

.wide {
  margin:0 0 0 180px;
}

.open {
  margin:0 0 0 0;
}



/*** DEPRECATED ****/
.with_no_bars {
  margin:0 0 0 0;
}
/*** DEPRECATED ****/
.with_left_bar {
  margin:0 180px 0 180px;
}
/*** DEPRECATED ****/
.with_right_bar {
  margin:0 180px 0 0;
}
/*** DEPRECATED ****/
.with_both_bars {
  margin:0 180px 0 180px;
}



#content a:link { 
  color: #006600; 
}  
  
#content a:visited { 
  color: #990066; 
}

#content h1,h2,h3,h4,h5,ul,ol,blockquote {
  margin-bottom: 10px;
}


#content  p {
   margin-bottom: 10px;
}


#content h2 {
  font:200% Verdana, sans-serif;
  font-variant: small-caps;
  padding:0;
  color:#000;
}

#content h3 {
  font:160% Verdana, sans-serif;
  font-weight:bold;
  padding:0;
  color:#000;
}

#content h3.sub {
  font:140% Verdana, sans-serif;
  margin-top:-10px;
  font-weight:bold;
  padding:0;
  color:#000;
}

#content h3.distance {
  font:100% Verdana, sans-serif;
  margin-top:-10px;
  padding:0;
  color:#777;
}

#content h3.reminder {
  font:160% Verdana, sans-serif;
  font-weight:bold;
  padding:0;
  color:#990066;
}

#content h4 {
  font:140% Verdana, sans-serif;
  font-style:italic;
  padding:0;
  color:#000;
}

#content h5 {
  font:120% Verdana, sans-serif;
  font-variant: small-caps;
  font-weight:bold;
  padding:0;
  margin-top: 5px;
  color:#000;
}

#content h6 {
  font:110% Verdana, sans-serif;
  font-weight:bold;
  padding:0;
  margin-top: 5px;
  color:#000;
}

#content h6.readmore {
  font-style:italic;
  text-align:right;
}

#content h6.readmore a {
  text-decoration: none;
}


#content p#clear{
  clear:left;
}

#content ul, ol{
  list-style-position: inside;
}

#content ul li {
  text-indent: 25px;
}

#content ol li {
  text-indent: 25px;
  margin-bottom: 10px;
}

#content blockquote {
  margin-left: 15px;
  color:#777;
}

#content div.fixture {
  padding-left:20px;
  padding-bottom:25px;
}

#content div.fixture h5.hl {
  color:blue;
}

#content div.fixture h5.nothl {
  color:purple;
}

#content div.fixture h5.date {
  margin-top: -10px;
}


#content div.announcement {
  border: 3px;
  border-style: solid;
  border-color: #990066;
  padding: 5px;
}

#content div.announcement h2 {
  font:200% Verdana, sans-serif;
  font-variant: small-caps;
  font-weight:bold;
  color: #990066;
  margin-top:0;
  padding:0;
}

#content div div.caption {
    font: 90% Verdana, sans-serif;
    font-weight:bold;
    text-align:center; 
    margin:2px 0px 5px 0px;
}

#content dt {
  font:100% Verdana, sans-serif;
  font-variant: small-caps;
  font-weight:bold;
  margin-left:10px;
}
#content dd {
  margin-left:30px;
  padding-bottom:10px;
}

#content hr {
  border: 0;
  color: #990066;
  background-color: #990066;
  height: 1px;
  width: 100%;
}

#content abbr, acronym {
  border-bottom: 1px dotted #666;
}


/**
 * Images floated to the left or right have slightly
 * different top margins depending on whether they are
 * within or without a paragraph
 */

#content img.left {
  margin-right: 10px;
  margin-top: 10px;
  float:left;
}

#content p img.left {
  margin-top: 4px;
}

#content img.right {
  margin-left: 10px;
  margin-top: 10px;
  float:right;
}

#content p img.right {
  margin-top: 4px;
}

#content img.centre, img.center {
  display: block; 
  margin-left: auto; 
  margin-right: auto;
  margin-bottom: 5px;
}

#content .light {
  color:#777;
}

#content .small-light {
  font-size:60%;
  color:#777;
}

/*********************************************************
 *
 * This section defines the table format for the gallery.
 *
 *********************************************************/

div.gallery {
  height:280px;
  width:200px;
  float:left;
  margin:0;
  border:none;
  padding:0; 
}


div.image {
  height:200px;
  width:200px;
  float:left;
  margin:0 0 0 0;
  border:none;
  padding:0px 0px 0px 0px; 
  background:url(../images/tab.gif) no-repeat left;
}

div.image img { 
  margin-top: 15px;
  margin-left: 12px;
}

div.gallery div.caption {
  height:25px;
  width:200px;
  float:left;
  text-align: center;
  margin:0;
  border:none;
  padding:0; 
}

div.gallery div.caption a {
  text-decoration: none;
}

/*********************************************************
 *
 * This section defines the an image with a caption
 * 
 *********************************************************/

div.figure {
  width:100%;
  text-align: center;
}

div.figure#head {
  width:30%;
  float:left;
  margin:0 10px 0 0;
/*  border:thin black solid; */
  border:none;
  padding:5px 5px 5px 5px; 
}

div.figure p#caption {
  text-align:center;
  font-style:italic;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

img#scaled {
  width: 66%;
  margin: 0 0 0 0;
  padding:0 0 0 0; 
  border:none;
}

img#fullwidth {
  width: 100%;
  margin: 0 0 0 0;
  padding:0 0 0 0; 
  border:none;
}

img#head {
  width: 100%;
  margin: 0 0 0 0;
  padding:0 0 0 0; 
  border:none;
}


/*********************************
 *
 * Results table style
 * 
 *********************************/

div#content table.results {
  border:0;
  margin:0;
  padding:0;
  font:100% Andale Mono, monospace;
}

div#content table.results thead th{
  padding: 2px 5px;
  vertical-align:top;
  text-transform:uppercase;
  font-weight:bold;
  background:#d7d7d7;
}

div#content table.results tbody tr td{
  padding: 2px 5px;
  vertical-align:top;
  /*text-transform:capitalize;*/
  background:#ddeedd;
}

div#content table.results td.time{
  text-align:right;
}

div#content table.results th.faded{
  color: #666;
}

div#content table.results td.faded{
  text-align:right;
  color: #666;
}

div#content table.results tr.odd td{
  background:#eeddee;
}

div#content table.results tr.lead td{
  background:#e7e7e7;
}

#content p.results {
   font:100% Andale Mono, monospace;
   margin-left:2px;
}

/*********************************************************
 *
 * This section defines the link bar at the foot of 
 * each separate article
 *
 *********************************************************/
 
 div#content div.linkbar {
  margin:0 0 0 0;
  padding:0 0 0 0;
  background:#ddeedd;
}


div#content div.linkbar ul li {
  list-style: none;
  display:inline;
  padding:1px 0px 1px 0px;
  margin:0px 15px 0px 0px; 
}

div#content div.linkbar ul li a {
  color: #006600;
  font:100% Verdana, sans-serif;
  text-decoration:none;
}

div#content div.linkbar ul li a:hover {
  background:#DD00AA;
  color:#ffffff;
}

div#content div.linkbar ul li a:visited {
  color: #990066;
}

div#content div.linkbar ul li a:hover:visited {
  background:#00AA00;
}

div#content div.linkbar ul li.top {
  list-style:none;
  display:inline;
  margin:0px 5px 0px 5px; 
}

div#content div.linkbar ul li.top a img{
  border-style:none;
  vertical-align:middle;
}

div#content div.linkbar ul li.top a:hover {
  background:#DD00AA;
}

div#content div.linkbar ul li.top a:visited {
  color: #ddeedd;
  background:#ddeedd;
}

div#content div.linkbar ul li.top a:hover:visited {
  background:#DD00AA;
}


div.llinkbar {
  margin:0 0 0 0;
  padding:0;
  background:#ffeef7;
}

div.llinkbar li {
  list-style:none;
  display:inline;
  padding:0 0 0 0;
}

div.llinkbar li a {
  padding:1px;
  color:#ffffff;
  font:100% Verdana, sans-serif;
  text-decoration:none;
}

div.llinkbar li a:hover {
  background:#006600;
  color:#ffffff;
}

div.llinkbar li a:visited {
  color: #990066;
}

/*********************************************************
 *
 * This section defines the footer across the bottom of
 * the page containing credits and compliance links.
 *
 *********************************************************/

#footer {
  margin:30px 0 0 0;
  padding:15px;
  background:#f0fff0;
  border-top:2px solid #006600;
  clear:both;
}