td.logo                         {font-size: 12pt; font-weight: bold; color: #FFFFFF; background: #FF0000 ; font-family: verdana, helvetica, Lucida Sans, Geneva, arial, ms sans serif; text-decoration: none}
td.logoline                     {font-size: 12pt;                  ; color: white;   background: black   ; font-family: verdana, helvetica, Lucida Sans, Geneva, arial, ms sans serif; text-decoration: none}
td.logotext                     {font-size: 10pt; font-weight: bold; color: white;   background: #FF0000 ; font-family: verdana, helvetica, Lucida Sans, Geneva, arial, ms sans serif; text-decoration: none}
td.logobanner                   {font-size: 14pt; font-weight: bold; color: #999999;   background: white ; font-family: verdana, helvetica, Lucida Sans, Geneva, arial, ms sans serif; text-decoration: none}

a                          {font-size: 10pt; line-height: 140%; font-weight: bold; color: #FF0000;  text-decoration: none;                      font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a:link                     {font-size: 10pt; line-height: 140%; font-weight: bold; color: #FF0000;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a:visited                  {font-size: 10pt; line-height: 140%; font-weight: bold; color: #FF0000;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a:active                   {font-size: 10pt; line-height: 140%; font-weight: bold; color: #FF0000;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a:hover                    {font-size: 10pt; line-height: 140%; font-weight: bold; color: #666690;  text-decoration: underline;                font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}

a.img-redbox               {padding-left: 2px; padding-right: 2px; display: block; border: 1px solid red; }
a.img-redbox:link          {padding-left: 2px; padding-right: 2px; display: block; border: 1px solid red; }
a.img-redbox:visited       {padding-left: 2px; padding-right: 2px; display: block; border: 1px solid red; }
a.img-redbox:active        {padding-left: 2px; padding-right: 2px; display: block; border: 1px solid red; }
a.img-redbox:hover         {padding-left: 2px; padding-right: 2px; display: block; border: 4px solid red; }

a.list-style00             {height: 19px; font-size: 10pt; font-weight: bold; padding-left: 2px; padding-right: 2px; margin: 2px; color: white; display: block; background: red;   border: 1px solid red; text-decoration: none; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.list-style00:link        {height: 19px; font-size: 10pt; font-weight: bold; padding-left: 2px; padding-right: 2px; margin: 2px; color: white; display: block; background: red;   border: 1px solid red; text-decoration: none; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.list-style00:visited     {height: 19px; font-size: 10pt; font-weight: bold; padding-left: 2px; padding-right: 2px; margin: 2px; color: white; display: block; background: red;   border: 1px solid red; text-decoration: none; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.list-style00:active      {height: 19px; font-size: 10pt; font-weight: bold; padding-left: 2px; padding-right: 2px; margin: 2px; color: white; display: block; background: red;   border: 1px solid red; text-decoration: none; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.list-style00:hover       {height: 19px; font-size: 10pt; font-weight: bold; padding-left: 2px; padding-right: 2px; margin: 2px; color: red;   display: block; background: white; border: 1px solid red; text-decoration: none; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}

a.topmenu                  {font-size: 10pt; line-height: 140%; font-weight: bold; color: white;  text-decoration: none;                      font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.topmenu:link             {font-size: 10pt; line-height: 140%; font-weight: bold; color: white;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.topmenu:visited          {font-size: 10pt; line-height: 140%; font-weight: bold; color: white;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.topmenu:active           {font-size: 10pt; line-height: 140%; font-weight: bold; color: white;  text-decoration: none;                     font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
a.topmenu:hover            {font-size: 10pt; line-height: 140%; font-weight: bold; color: black;  text-decoration: underline;                font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}


body                       {font-size: 10pt;  line-height: 140%; margin: 0; padding: 0; width: 1060px;  margin-top:0;      color: black; text-decoration: none;                       font-family: verdana, helvetica,  Geneva, arial, sans-serif}



/* div classes - can be used multi-times per page */
/* To show all the div borders set border: #000 1px solid;*/
div                              { border: #000 0px solid; }
div.container-map                {border: none;  padding: 2px; margin: 2px; float: left; width: 325px;}
div.verticalspacer1              {border: none;  float: left; height: 20px; width: 100%}
div.imgborder-centre             {border: thin silver solid;  padding: 2px; margin: 0px auto; }
div.imgborder-centre p           {text-align: center;  font-size: smaller;    text-indent: 0;  }
div.imgborder-left               {border: thin silver solid;  padding: 2px; margin: 3px; float: left; }
div.imgborder-left p             {text-align: center;  font-size: smaller;    text-indent: 0;  }
div.imgborder-right              {border: thin silver solid;  padding: 2px; margin: 3px; float: right; }
div.imgborder-right p            {text-align: center;  font-size: smaller;    text-indent: 0;  }
div.home-column-left             { width: 345px;               float: left;   }
div.home-column-right            { width: 345px;               float: right;  }
div.home-column-right-snippets   { width: 345px;               float: left;  }
div.home-latestnews-image        { width: 40px;                float: left;   }
div.home-latestnews-snippet      { width: 345px;               float: left;   }
div.home-latestnews-text         { width: 300px;               float: right;  }
div.home-latestnews-spacer       { width: 345px; height:10px;  float: left;   }
div.home-latestnews              { width: 345px;               float: left;   }
div.home-teamlinks               { width: 345px;               float: left;   }
div.home-teamlinks-l             { width: 168px;               float: left;   }
div.home-teamlinks-r             { width: 168px;               float: right;  }

div.overview                     { width: 740px;               float: left;   }
div.overview-left                { width: 550px;               float: left;   }
div.overview-right               { width: 180px;               float: right;  }



/* div id's - can only be used once per page                            */
/* 1. To show the border add in the following: border:1px solid blue    */
/* 2. extra is the bit where the adverts are                            */
#container                 { width: 1070px; }
#extra                     { width: 150px; float: right; }
#header                    { width: 1060px; float: left; }
#header-left               { width: 150px; float: left;  }
#header-right              { width: 910px; float: right; }
#header-right-1            { width: 910px; float: left;  }
#header-right-2            { width: 910px; float: left;  }
#header-right-2-left       { width: 760px; float: left;  }
#header-right-2-right      { width: 150px; float: right; }
#main-holder               { width: 900px; float: left;  }
#main                      { width: 740px; float: right; }
#main-left                 { width: 345px; float: left;  }
#main-left50               { width: 345px; float: left;  }
#main-left70               { width: 490px; float: left;  }
#main-left100              { width: 740px; float: left;  }
#main-right                { width: 345px; float: right; }
#main-right30              { width: 200px; float: right; }
#main-right50              { width: 345px; float: right; }
#map-top10                 { width: 550px; height: 350px; float: left;}
#map-top10-list            { width: 180px; float: right; }
#subnav                    { width: 150px; float: left; }
#subnav-top                { width: 150px; float: left; }
#subnav-mid                { width: 150px; float: left; }
#subnav-bot1               { width:   5px; float: left; }
#subnav-bot2               { width: 145px; float: right}
#subnav-bot2-l             { width: 140px; float: left; border: 1px solid red}
#subnav-bot2-r             { width:   5px; float: right; }
#footer                    { width: 1060px; float: left; }


/* headers */

/* h1.style01 is currently large red text that has no background. We give it a height so it matches the height of clubbadge that often appears next to it */
h1.style01                 {vertical-align:top; height:30px; font-size: 14pt; font-weight: bold; color: #FF0000;   background: white ; font-family: verdana, helvetica,  Geneva, arial, sans-serif}

/* h2.style01 is a filled red box with white text. */
/* h2.style02 is red text with no background. */
h2.style01                 {height: 19px; text-align: center; padding-left: 0px; padding-right: 0px; font-size: 10pt; font-weight: bold; color: white; margin: 0px; background: #FF0000; border: 1px solid #FF0000; text-decoration: none; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
h2.style02                 {height: 19px; font-size: 10pt; font-weight: bold; color: #FF0000;   background: white ; font-family: verdana, helvetica,  Geneva, arial, sans-serif}

/* h3.style01 is currently mid-size grey text that has no background */
h3.style01                 {font-size: 10pt; font-weight: bold; color: #999999;   background: white ; font-family: verdana, helvetica,  Geneva, arial, sans-serif}


/* Images - note the float left and right and also the padding. */
img.centre-border-pad      {border: thin silver solid;  padding: 2px; margin-left: auto; margin-right: auto; display: block; }
img.noborder-nopad         {border: none;               padding: 0px; margin: 0px; display: block;}
img.left-border-pad        {border: thin silver solid;  padding: 2px; margin: 2px; float: left;  }
img.left-border-nopad      {border: thin silver solid;  padding: 0px; margin: 0px; float: left;  }
img.left-noborder-pad      {border: none;               padding: 2px; margin: 2px; float: left;  }
img.left-noborder-nopad    {border: none;               padding: 0px; margin: 0px; float: left;  }
img.right-border-pad       {border: thin silver solid;  padding: 2px; margin: 2px; float: right; }
img.right-noborder-nopad   {border: none;               padding: 0px; margin: 0px; float: right; }
img.right-noborder-pad     {border: none;               padding: 2px; margin: 2px; float: right; }




/* li.subheader01 is a filled mid blue box with grey border. */
li.subheader01             {height: 19px; padding-left: 2px; font-size: 10pt; font-weight: bold; color: #444444; margin: 0px; display: block; background: #BBD8FB; border: 1px solid #CCCCCC; text-decoration: none; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}



p.keywords                 {font-size:  7pt; color: #999999;   background: white ; font-family: verdana, helvetica,  Geneva, arial, sans-serif}



/* table is filled in a light grey colour. */
table.style01              {width: 100%; border: 0px; border-spacing: 2px;}
table.style01 td           {height: 18px; vertical-align:top   ; text-align: left;                      padding-left: 5px; padding-right: 5px; font-size: 10pt; line-height: 140%; color: black; margin: 1px; background: #EFEFEF; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
table.style01 th           {height: 18px; vertical-align:middle; text-align: center; font-weight: bold; padding-left: 5px; padding-right: 5px; font-size: 10pt; line-height: 140%; color: black; margin: 1px; background: #EFEFEF; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}

table.style02              {border: 0px; border-spacing: 2px;}
table.style02 td           {height: 18px; vertical-align:top   ; text-align: left;                      padding-left: 5px; padding-right: 5px; font-size: 10pt; line-height: 140%; color: black; margin: 1px; background: #EFEFEF; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}
table.style02 th           {height: 18px; vertical-align:middle; text-align: center; font-weight: bold; padding-left: 5px; padding-right: 5px; font-size: 10pt; line-height: 140%; color: black; margin: 1px; background: #EFEFEF; font-family: tahoma, verdana, helvetica,  Geneva, arial, sans-serif}



td                         {padding: 0; font-size:  10pt; line-height: 140%;  font-weight: normal;   color: #000000;                       font-family: verdana, helvetica,  Geneva, arial, sans-serif}
td.banner                  {font-size: 14pt; font-weight: bold; color: #999999;   background: white ; font-family: verdana, helvetica, Lucida Sans, Geneva, arial, ms sans serif; text-decoration: none}



th                         {padding: 0; font-size:  10pt; line-height: 140%; text-align: center; font-weight: bold;   color: #000000;  font-family: verdana, helvetica,  Geneva, arial, sans-serif}
th.container-style1        {font-size:  10pt; text-align: center;  font-weight: bold; color: #000000;                       font-family: verdana, helvetica,  Geneva, arial, sans-serif}
th.container-style2        {font-size:  10pt; text-align: left;  font-weight: bold; color: #000000;                       font-family: verdana, helvetica,  Geneva, arial, sans-serif}
th.container-style3        {font-size:  10pt; text-align: left;  font-weight: bold; color: #000000;                       font-family: verdana, helvetica,  Geneva, arial, sans-serif}


/* un-ordered lists. */

ul.style01                 { list-style-type: none;  padding: 0;  margin: 0;  top: 2em;  left: 1em;  }
