html, body
{
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border: 0px;

  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  /* Bodyfit logo background is: 61, 104, 155  = #3D689B */
  background-color: rgb(56,106,155);
  /* Added to centre page for non-compliant browsers e.g IE6- */
  text-align:center;
  z-index:-1;
}

div
{
  padding: 0px;
  margin: 0px;
  border: 0px;
  width: auto;
  height: auto;
}

img
{
  float: none;
  padding:0px;
  margin:0px;
  border:0px;
  background:none;
  bottom:0px;
  border-style: none;
}

img.image { margin:10px }
div.pdfDownload img.image { margin:0px; }

img.classIcon { margin-right:10px; }

img.eventIcon { margin:0px;}

img.classDetails { float:right; margin-left:20px; }

.Centre
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

.Right
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align:right;
}

.noBorder { border: 0 none; }

div#BFPage /* the whole page */
{
  background-color: #FFF;
  width: 1000px;
  display: block;
  margin-left: auto; /* centres the block element on compliant browsers */
  margin-right: auto;
  /* Reset because of change in body style to centre for non-compliant browsers
  e.g IE6-
  */
  text-align:left;
  background-image: url("../images/BodyFitLighter.jpg");
  z-index:1;
  position: relative;
}

div#Content
{
  clear: both;
  margin-left: 2%;
  width: 96%;
  margin-bottom:20px;
}

div#Header
{
  clear: both;
  font-size: 100%;
  margin-bottom: 20px;
}


div#Header div#screenHeader, div#Footer div#screenFooter, div#pageBanner { display : block; }
div#Header div#printHeader, div#Footer div#printFooter { display: none; }


div#HomeNavigation
{
  height: auto;
  width: auto;
  float: right;
  margin-right: 10px;
}

div#HomeNavigation a
{
  font-size: 0.8em;
  margin-left: 1em;
  color: rgb(56,106,155);
  font-family: Verdana, Arial, Helvetica, sans-serif
}
div#HomeNavigation a:hover { font-weight: bold; }

div#CenteredLogoForNC
{
  text-align: center;
}

div#Logo
{
  width: 800px; /* width of logo image */
  display: block;
  margin-left: auto; /* centres the block element */
  margin-right: auto;
  margin-bottom: 10px;
}

div#CenteredNavigationBarForNC
{
  text-align: center;
}

div#NavigationBar
{
  display: block;
  margin-left: auto; /* centres the block element */
  margin-right: auto;
  width:950px;
}

div#ContentBackdrop
{
  /*background-image: url("../images/ContentBackdropMiddle.jpg");
  background-repeat: repeat-y;
  background-attachment:scroll;
  background-position: top left;*/
  background-color: #FFF;
  margin-top:20px;
  margin-bottom:20px;
}

div#Content div#LeftHalfColumn
{
  width: 50%;
  float: left;
}

div#Content div#RightHalfColumn
{
  width: 45%;
  float: right;
  margin-left: auto;
  padding-left: 1em;
  border-left: 1px solid #ccc;
}

div#Content div#LeftColumn
{
  width: 60%;
  float: left;
}

div#Content div#RightColumn
{
  width: 35%;
  float: right;
  margin-left: auto;
  padding-left: 1em;
  border-left: 1px solid #ccc;
}

div#Content div#SmallLeftColumn
{
  width: 35%;
  float: left;
}

div#Content div.SmallLeftColumn
{
  width: 35%;
  float: left;
}

div#Content div.BigLeftColumn
{
  width: 70%;
  float: left;
}

div#Content div.SmallRightColumn
{
  width: 25%;
  float: right;
  margin-left: auto;
  padding-left: 1em;
  /*border-left: 1px solid #ccc;*/
}

div#Content div.BigRightColumn
{
  width: 60%;
  margin-left: auto;
  padding-left: 1em;
  border-left: 1px solid #ccc;
}

div#Content div#BigRightColumn
{
  width: 60%;
  float: right;
  margin-left: auto;
  padding-left: 1em;
  border-left: 1px solid #ccc;
}

div#Content div.FullWidthColumn
{
  width: 100%;
  clear: both;
  /*float: left;*/
}

/*div#Content*/ p
{
  font-size: 0.8em;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
  line-height: 1.4em;
  color: rgb(0,0,0);
  /*color:rgb(61,104,155);*/
}

.mandy { font-family: Arial, Verdana, Helvetica, sans-serif; }

p.mandy
{
    font-size: 0.9em;
    line-height: 1.5em;
}

div#Content p.SmallPadding
{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

div#Content p.info
{
  font-size: 0.8em;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
  line-height: 1.4em;
  color: rgb(255,0,0);
  /*color:rgb(61,104,155);*/
}

div.googleInfoWindow
{
    margin-top: 5px;
}

div.googleInfoWindow p
{
  font-size: 0.8em;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
  line-height: 1.4em;
  color: rgb(0,0,0);
}

h1 {
  font-size: 1.4em;
  font-family: helvetica, trebuchet, sans-serif, Verdana, Arial, Helvetica;
  font-weight: bold;
  color:rgb(120,120,120);
}

h2 {
  font-size: 1.1em;
  font-family: helvetica, trebuchet, sans-serif, Verdana, Arial, Helvetica;
  font-weight: bold;
  color:rgb(120,120,120);
}

h2 a {
  font-size: 1.1em;
  font-family: helvetica, trebuchet, sans-serif, Verdana, Arial, Helvetica;
  font-weight: bold;
  color:rgb(120,120,120);
}

h2 a:hover {
  text-decoration: none;
}

h2.Links {
  font-size: 1.1em;
  font-family: helvetica, trebuchet, sans-serif, Verdana, Arial, Helvetica;
  font-weight: normal;
  color:rgb(120,120,120);
}

h3 {
  font-size: 0.9em;
  font-family: helvetica, trebuchet, sans-serif, Verdana, Arial, Helvetica;
  font-weight: bold;
  color:rgb(120,120,120);
}

div#Content p.smallIndent
{
  font-size: 0.8em;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
  color: rgb(0,0,0);
  padding-left:20px;
  padding-right:20px;
  /*color:rgb(61,104,155);*/
}

div#Content p.Quote
{
  font-size: 0.8em;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  text-align: justify;
  color: rgb(0,0,0);
  /*color:rgb(61,104,155);*/
}

div#Content ul.Sam
{
    list-style-image: url("../images/AskSamBullet.gif")
}

li
{
  font-size: 0.8em;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  margin-bottom:5px;
  color: rgb(0,0,0);
}

div#Content div#javascriptMessage { background-color: white; }
div#Content div#javascriptMessage p { text-align:center; color: red; font-weight:bold; }

div#Content div.BottomBorder
{
    border-bottom: 1px solid #ccc;
    clear: both;
}

div#Content div.TopBorder
{
    border-top: 1px solid #ccc;
    clear: both;
}

div#Content div.TopBottomBorder
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    clear: both;
}

div#Content p.NewsDate
{
  font-size:0.7em;
  color: rgb(160, 160, 160); /* v light grey*/
}

div#Content p.NewsHeading
{
  font-weight: bold;
}

div#Content .Emphasise
{
  font-weight: bold;
}

div#Content hr
{
  color: #000;
  background-color: #000;
}


ul.IndentList1
{
  line-height: 0.9em;
}

a {
  /*COLOR:rgb(0, 130, 215);*/
  color:rgb(56,106,155);
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  cursor:pointer;
}

a.topLink { float:right; font-size: 0.8em; }

a.imageLink {
  border-style: none;
  color: rgb(56,106,155);
  text-decoration: none;
}

a.imageLink:hover {
  border-style: none;
  color: rgb(56,106,155);
  text-decoration: none;
}

.toPageTopLink
{
    color: #ff0000;
    position: fixed;
    top: 300px;
    left: 10px;
    z-index: 0;
}

div#Footer
{
  clear:both;
  color: #FFFFFF;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  background-color: rgb(56,106,155); 
  padding-top: 10px;
  padding-bottom: 10px;
        /*margin-top: 50px;
  margin-bottom: 10px;*/
}

div#Footer p
{
  color: #FFFFFF;
  text-align: center;
}

div#Footer p.validationIcons { display:inline; background-color: rgb(56,106,155); float:right; }

div#Footer a {
  color: #FFFFFF;
  font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

div#Footer a:hover {
    font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

/* Tables */
div#Content table
{
    font-weight:normal;
    font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    background: none;
}

div#Content th {

	font-weight: bold;
	background-color: #ddd
}
div#Content tr {
	
}

/* race league */

div#Content table.leagueCalendar td.date
{
    width: 22%;
}

div#Content table.leagueCalendar span.eventNote
{
    float:right;
    font-size:0.7em;
    color:red;
    font-weight:bold;
}
/* what's on */

div#Content table.eventsCalendar, div#Content table.leagueCalendar
{
    margin-left:10px;
    background:#eeeeee;
    width: 100%;
    font-size: 0.8em;
}

div#Content table.eventsCalendar td, div#Content table.leagueCalendar td
{
    background-color:#dddddd;    
    padding:5px 5px;
}

div#Content table.eventsCalendar td.icon
{
    background-color:white;
    text-align:center;
    width:7%;
}

div#Content table.eventsCalendar td.eventDescription,
div#Content table.eventsCalendar td.eventLocation
{
    width:40%;
}

div#Content table.eventsCalendar td.time
{
    text-align:center;
    width:13%;
}

div#Content table.eventsCalendar td.date, div#Content table.leagueCalendar td.date
{
    background-color: rgb(56,106,155); /*#dddddd;*/
    font-weight:bold;
    color:white;
}

div#Content table.eventsCalendar span.eventNote
{
    float:right; 
    font-size:0.7em; 
    color:red;
    font-weight:bold;
}

div#Content div.calendarNavigation
{
    float:right;
}

div#Content a.calendarNavigation
{ 
    color:white;
}

div#Content a.calendarNavigation:hover
{
    font-weight:bold;
}

.classLevelAdvanced { color: red; font-weight: bold; }
.classLevelEasy { color: green; font-weight: bold; }
.classLevelIntermediate { color: orange; font-weight: bold; }
.classLevelEasyIntermediate { color: green; font-weight: bold; }
.classLevelAllAbilities { color: blue; font-weight: bold; }

@media print
{
    .noprint { display: none; }

    html, body { width: 100%; /*650px;*/ }

    div#BFPage { background-image: none; width: 100%; margin:0 ; padding: 0;/*650px;*/ }

    div#Content div#navigationLinks { display: none;}
    div#Content div#linksToOtherViews { display: none;}
    div#Content table.eventsCalendar tbody { background:white; width: 100%;}
    div#Content table.eventsCalendar td { background-color:white; padding: 2px 2px; margin: 0; }
    div#Content table.eventsCalendar td.time { background-color:white; width:18%; }
    div#Content table.eventsCalendar td.eventDescription { background-color:white; width:40%; }
    div#Content table.eventsCalendar td.icon { display: none; width: 0;}
    div#Content a.calendarNavigation { display: none;}
    div#Content table.eventsCalendar td.date
    {
        background-color:white; /*#dddddd;*/
        font-weight:bold;
        color:black;
        border:thin solid black;
    }
    div#Content table.eventsCalendar span.eventNote
    {
        float:none;
        color:black;
    }
    div#Content table.eventsCalendar td.eventDescription a,
    div#Content table.eventsCalendar td.eventLocation a
    {
        color:black;
    }

    div#Content a.printLink { display: none; }

    div#Content table.eventsCalendar tr { width: 100%; padding: 0; margin: 0;}
    div#Content table.eventsCalendar tr.dateRow { font-size: 8pt; page-break-after:avoid; page-break-inside:avoid; }
    div#Content table.eventsCalendar tr.eventRow { font-size: 8pt; page-break-before:avoid; page-break-inside:avoid; }

    div#Header div#screenHeader, div#Footer div#screenFooter, div#pageBanner { display : none; }
    div#Header div#printHeader, div#Footer div#printFooter { display: block; }

}

/* race league */
div#Content div.leagueDivisionTitles
{
    background-color: #dddddd;
    border: 1px solid #aaaaaa;
    padding: 3px 10px;
    font-weight: bold;
    font-size: 1.0em;
    font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

/* race results */
div#Content table.raceResults, div#Content table.raceLeagueTable
{
    margin-left:10px;
    background:#ffffff;
}

div#Content table.raceResults td, div#Content table.raceLeagueTable td
{
    background-color:#eeeeee;
    font-weight:normal;
    font-family: trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-size:0.7em;
    padding:0.2em 1em;
}

div#Content table.raceResults td.colHead, div#Content table.raceLeagueTable td.colHead
{
    background-color:#dddddd;
    font-weight:bold;
}

div#Content table.raceLeagueTable tr.award td.award
{
    color:rgb(56,106,155);
    font-weight:bold;
}
/* end race results */

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_six */

/* For non-compliant browsers */
div#pro6 ul {margin:0 auto; padding:0; list-style:none; display:inline-block; white-space:nowrap; list-style:none; height:35px; position:relative; font-size:0.6em;}
/* For compliant browsers */
div#NavigationBar > div#pro6 ul
{margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; font-size:0.6em;}

/* For non-compliant browsers */
div#pro6 li {font-size: 1.0em; float:left; display:table-cell; margin:0; padding:0;}
div#pro6 li a {display:block; float:left; height:35px; line-height:30px; color:#eee; text-decoration:none; font-family:verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer; background:url("../images/pro_six/ButtonLeft.jpg") no-repeat;}
div#pro6 li a strong {display:block; padding:0 18px 5px 8px; background:url("../images/pro_six/ButtonRight.jpg") no-repeat right top;}
div#pro6 li.current a {float:left; color:#fff; background:url("../images/pro_six/ButtonLeftHigh1.jpg") no-repeat;}
div#pro6 li.current a strong {background:url("../images/pro_six/ButtonRightHigh1.jpg") no-repeat right top;}
div#pro6 li a:hover {float:left; color:#fff; background: url("../images/pro_six/ButtonLeftHigh1.jpg") no-repeat;}
div#pro6 li a:hover strong {background:url("../images/pro_six/ButtonRightHigh1.jpg") no-repeat right top;}
div#pro6 li.current a:hover {float:left; color:#fff; background: url("../images/pro_six/ButtonLeftHigh1.jpg") no-repeat; cursor:default;}
div#pro6 li.current a:hover strong {background:url("../images/pro_six/ButtonRightHigh1.jpg") no-repeat right top;}
/* For compliant browsers */
div#NavigationBar>div#pro6 li {display:table-cell; margin:0; padding:0;}
div#NavigationBar>div#pro6 li a {display:block; float:left; height:35px; line-height:30px; color:#eee; text-decoration:none; font-family:verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer; background:url("../images/pro_six/ButtonLeft.jpg") no-repeat;}
div#NavigationBar>div#pro6 li a strong {float:left; display:block; padding:0 18px 5px 8px; background:url("../images/pro_six/ButtonRight.jpg") no-repeat right top;}
div#NavigationBar>div#pro6 li.current a {color:#fff; background:url("../images/pro_six/ButtonLeftHigh1.jpg") no-repeat;}
div#NavigationBar>div#pro6 li.current a strong {background:url("../images/pro_six/ButtonRightHigh1.jpg") no-repeat right top;}
div#NavigationBar>div#pro6 li a:hover {color:#fff; background: url("../images/pro_six/ButtonLeftHigh1.jpg") no-repeat;}
div#NavigationBar>div#pro6 li a:hover strong {background:url("../images/pro_six/ButtonRightHigh1.jpg") no-repeat right top;}
div#NavigationBar>div#pro6 li.current a:hover {color:#fff; background: url("../images/pro_six/ButtonLeftHigh1.jpg") no-repeat; cursor:default;}
div#NavigationBar>div#pro6 li.current a:hover strong {background:url("../images/pro_six/ButtonRightHigh1.jpg") no-repeat right top;}

div#pro6 {text-align:center;}

/*a#eTraining {display:block; vertical-align:middle; width:100px; text-decoration:none; text-align:center; padding:0 0 0 0; cursor:pointer;}
*/
/* Forms */

form {
  margin-left: auto; /* centres the block element on compliant browsers */
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 100%;
  width: auto;
  background:#f5f5f5;
  /*background:#f4f4ff;*/
  border:1px solid #fff; border-color:#fff #666661 #666661 #fff;
}

form.RaceEntry
{ 
    width:85%;
    /*background-image: url('../iages/Sam running 1.png');*/
}

/* horizontal sponsor logos */
fieldset#sponsorsImageLinks ul.majorGroup { margin:5px 0 0 0; display:inline-block; white-space:nowrap; position:relative;}
fieldset#sponsorsImageLinks li.majorGroup { clear:none; float:left; display:table-cell; }
fieldset#sponsorsImageLinks>ul.majorGroup{ display:table; }
fieldset#sponsorsImageLinks>ul.majorGroup>li.majorGroup { float:none; }
fieldset#sponsorsImageLinks img.sponsorLogo { margin: 10px; }

/* end */

div#Content p.raceDetails { font-size: 1.0em;}

form div, form fieldset, form ul, form li { margin:0; border:0; padding:0; }
form fieldset
{
    padding:0; margin:0;
    /*background:#f4f4ff;*/
    border-color: #000000;
    border-width: 1px 0 0 0;
    border-style: solid none none none;
}

div.majorGroup { width: 75%}

fieldset.majorGroup  {
    font-size: 100%;
    /* top, right, bottom, left */
    padding: 10px 10px 5px 10px;
    margin: 15px 15px 0 15px;
}

fieldset.majorGroup legend {
  font-size: 150%;
  font-weight: normal;
  padding: 0 5px;
}

ul.majorGroup { margin: 10px 0 0 0; /* increases space below legend */ }
li.majorGroup { clear:both; list-style:none; }
div.textInput label { clear:both; width:200px; float:left; }
div.textInput input { background:#fffafa; width:200px; }
div.textInput input.invalid { background:#ffaaaa;}
div.securityCode label { clear:both; width:200px; float:left; }
input#securityCode { background:#fffafa; width:200px; }
input#securityCode.invalid { background:#ffaaaa;}

span.requiredField { font-size: 75%; color: #0000ff }

img.securityImage { width: 200px; }



/* start radio buttons group */
fieldset.radioButtons { border:0; }
fieldset.radioButtons legend { font-size:100%; }
ul.radioButtons { margin:5px 0 0 0; display:inline-block; white-space:nowrap; position:relative;}
li.radioButtons { clear:none; float:left; display:table-cell; }
fieldset.radioButtons>ul.radioButtons{ display:table; }
fieldset.radioButtons>ul.radioButtons>li.radioButtons { float:none; }
div.radioButton label { width:auto; }

/* end radio buttons group */

/* submit buttons */
fieldset.buttonGroup
{
    font-size: 100%;
    padding: 10px 10px 5px 10px;
    margin: 15px 15px 0 15px;
}   

fieldset.buttonGroup ul { margin:0 auto; padding:0; list-style:none; }

fieldset.buttonGroup li
{
    display:block;
    height:37px;
    line-height:30px;   
}

div.buttonGroup { width: 75%;}

div.buttonGroup input.submitButton
{
    background: url("../images/pro_six/ButtonRight.jpg") no-repeat top right;
    display: inline;
    position: relative;
    left: -3px;
    height:37px;
    line-height:30px;
    color:#eee;
    text-decoration:none;
    font-family:verdana, sans-serif;
    font-weight:bold;
    /*text-align:center;*/
    cursor:pointer;
    padding:0 18px 5px 8px;
    margin:0px;
    border:0px;
    bottom:0px;
    border-style: none;
}

div.buttonGroup > input.submitButton
{
    left: 0px;
}

div.buttonGroup img.submitButton
{
    display: block;
    float: left;
    padding:0 0 0 8px;
    border:0px;
    bottom:0px;
    border-style: none;
}

div.buttonGroup input.submitButton:hover
{
    background: url("../images/pro_six/ButtonRightHigh1.jpg") no-repeat top right;
}

/*
form.RaceEntry { background:url("../images/Race Entry - Sam.jpg") repeat top right; }
*/

fieldset.classVenues  {
    font-size: 100%;
    /* top, right, bottom, left */
    padding: 10px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
}

fieldset.classVenues legend {
  font-size: 150%;
  font-weight: normal;
  margin: 0 5px;
  padding: 0 5px;
}

ul.classVenues { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px;}
li.classVenues { margin: 5px 5px 0px 0px; padding: 0px 0px 0px 0px; clear:both; list-style:none; }

/* Google Maps */
div.googleMap { margin:30px 5px 30px 55px; border: 3px double blue;}

div.mapCanvas
{
    /*width: 510px; height: 350px;*/
    /*width: 100%; height:100%;*/
    position: relative;
    
    background-color: rgb(229, 227, 223);
}

/* Web Sales */

table.sales tr.product td.image {width:400px; text-align:center;}

/* YouTube */
iframe#SamYouTube { display:block; }