/* Site design by AFM Software Solutions Limited  */
/* Site designer Neil Harrison                  */
/* Contact AFM at info@afmss.co.uk                */

/* Light direction      135 Degrees, height 30   */


BODY {
  font-family:                          arial, sans-serif;
  font-size:                            100%;
  font-weight:                          normal;
  color:                                #000000;
  margin:                               0px;
  padding:                              0px;
  border:                               0px;
  background-image:                     url("outer-page-fade1.jpg");
  background-repeat:                    repeat-x}

TABLE {
  margin:                                       0px;
  padding:                              0px;
  border:                                       0px}

TD {
  margin:                                       0px;
  padding:                              0px;
  border:                                       0px}
 
IMG {
  margin:                                       0px;
  padding:                              0px;
  border:                                       0px}

FORM {
  margin:                                       0px;
  padding:                              0px;
  border:                                       0px}

P {
  margin:                                       0px;
  padding-top:                          10px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       0px;
  border:                               0px;
  text-align:                           left;
  font-size:                            100%;
  font-weight:                          normal;
  background-color:                     transparent}

H1 {
  text-align:                           center;
  font-size:                            140%;
  font-weight:                          bold;
  color:                                        #FF0000;
  background-color:                     transparent;
  margin:                                       0px;
  border:                                       0px;
  padding-top:                          30px;
  padding-bottom:                       10px;
  padding-left:                 20px;
  padding-right:                        20px}

H2 {
  text-align:                           left;
  font-size:                            110%;
  font-weight:                          bold;
  color:                                        #FF0000;
  background-color:                     transparent;
  margin:                                       0px;
  border:                                       0px;
  padding-top:                          30px;
  padding-bottom:                       10px;
  padding-left:                 20px;
  padding-right:                        20px}

H3 {
  text-align:                           left;
  font-size:                            100%;
  font-weight:                          bold;
  color:                                        #FF0000;
  background-color:                     transparent;
  margin:                                       0px;
  border:                                       0px;
  padding-top:                          20px;
  padding-bottom:                       0px;
  padding-left:                 20px;
  padding-right:                        20px}

UL {
  list-style-image:                     url("bullet-point-2.jpg");
  list-style-position:                  outside;
  margin:                               0px;
  padding-top:                          10px;
  padding-left:                         50px;
  padding-right:                        20px;
  padding-bottom:                       0px;
  border:                               0px}

LI {
  margin:                                       0px;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       5px;
  border:                                       0px}

A:link {
  color:                                        #000000;
  text-decoration:                      none}

A:visited {
  color:                                        #000000;
  text-decoration:                      none}

A:active {
  color:                                        #FF0000;
  text-decoration:                      underline}

A:hover {
  color:                                        #FF0000;
  text-decoration:                      underline}

HR {
  width:                                        95%;
  color:                                        FF0000;
  margin-top:                           1px;
  margin-bottom:                        1px}

/*  New page layout */
/* ---------------- */

TABLE.PageContents {
  table-layout:                         fixed}

TD.PageContents {
  padding-bottom:                       20px}

TD.AboveSideMenuBlock {
  width:                                150px;
  height:                               20px;
  background-color:                     #000000;
  text-align:                           left}

TD.TopPageCornerFade {
  width:                                20px;
  height:                               20px;
  text-align:                           left;
  background-image:                     url("top-page-corner-fade.jpg");
  background-repeat:                    no-repeat}

TD.TopPageFade {
  height:                               20px;
  text-align:                           left;
  background-image:                     url("top-page-fade.jpg");
  background-repeat:                    repeat-x}

TD.SideMenuBlock {
  vertical-align:                       top;
  width:                                210px;
  height:                               220px;
  text-align:                           left;
  background-image:                     url("side-menu-block.jpg");
  background-repeat:                    repeat-y}

P.TopSideMenuItemCurrent {
  font-weight:                          bold;
  padding-top:                          2px;
  padding-left:                         10px;
  padding-right:                        5px;
  color:                                #ff0000;
  font-size:                            100%}

P.TopSideMenuItem {
  font-weight:                          normal;
  padding-top:                          2px;
  padding-left:                         10px;
  padding-right:                        5px;
  text-align:                           left;
  color:                                #FFFFFF;
  font-size:                            100%}

A.TopSideMenuItem:link {
  color:                                        #FFFFFF}
A.TopSideMenuItem:visited {
  color:                                        #FFFFFF}
A.TopSideMenuItem:active {
  color:                                        #FFFFFF}
A.TopSideMenuItem:hover {
  color:                                        #FF0000}

P.TopSideSubMenuItemCurrent {
  color:                                #ff0000;
  font-weight:                          bold;
  padding-top:                          2px;
  padding-left:                         30px;
  padding-right:                        5px;
  font-size:                            80%}

P.TopSideSubMenuItem {
  color:                                #000000;
  font-weight:                          normal;
  padding-top:                          2px;
  padding-left:                         30px;
  padding-right:                        5px;
  text-align:                           left;
  font-size:                            80%}

HR.SideMenu {
  width:                                95%;
  color:                                FF0000;
  margin-left:                          10px;
  margin-right:                         10px;
  margin-top:                           1px;
  margin-bottom:                        1px}

A.TopSideSubMenuItem:link {
  color:                                #FFFFFF;
  text-decoration:                      none}

A.TopSideSubMenuItem:visited {
  color:                                #FFFFFF;
  text-decoration:                      none}

A.TopSideSubMenuItem:active {
  color:                                #FFFFFF;
  text-decoration:                      underline}

A.TopSideSubMenuItem:hover {
  color:                                #FF0000;
  text-decoration:                      underline}

TD.SidePageFade {
  height:                               20px;
  text-align:                           left;
  background-image:                     url("side-page-fade.jpg");
  background-repeat:                    repeat-y}

TD.PageContents {}

TD.PageContentsSmall {
  padding-bottom:                       100px}

/*  Tournaments Page */
/* ----------------- */

TABLE.PictureFloat {
  float:                                right}

TD.SpacerCell {
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  width:                                150px;
  height:                               30px;
  text-align:                           left}



/*  Gradings Page */
/* -------------- */

TABLE.Gradings {
  margin-left:                         20px;
  table-layout:                         fixed}

TD.SpacerCell {
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  width:                                150px;
  height:                               30px;
  text-align:                           left}

TD.GradingsKano {
  background-color:                     #ffcccc;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  width:                                150px;
  height:                               30px;
  text-align:                           left}

P.GradingsKano {
  color:                                #FF0000;
  font-weight:                          Bold;
  padding-top:                          2px;
  padding-left:                         0px;
  text-align:                           center;
  font-size:                            120%}

TD.GradingsJunior {
  background-color:                     #ffcccc;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  width:                                150px;
  text-align:                           left}

P.GradingsJunior {
  color:                                #FF0000;
  font-weight:                          Bold;
  padding-top:                          2px;
  padding-left:                         0px;
  text-align:                           center;
  font-size:                            120%}

TD.GradingsSenior {
  background-color:                     #ffcccc;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  border-right:                         1px solid black;
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  width:                                170px;
  text-align:                           left}

P.GradingsSenior {
  color:                                #FF0000;
  font-weight:                          Bold;
  padding-top:                          2px;
  padding-left:                         0px;
  text-align:                           center;
  font-size:                            120%}

TD.GradingsAgeGroup {
  background-color:                     #cccccc;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  text-align:                           left}

P.GradingsAgeGroup {
  color:                                #FF0000;
  font-weight:                          Bold;
  padding-top:                          2px;
  padding-left:                         0px;
  text-align:                           left;
  font-size:                            120%}

TD.GradingsAge {
  background-color:                     #cccccc;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  text-align:                           left}

TD.GradingsAgeEnd {
  background-color:                     #cccccc;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  border-right:                         1px solid black;
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  text-align:                           left}

TD.GradingsFees {
  background-color:                     #cccccc;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  text-align:                           left}

TD.GradingsFeesEnd {
  background-color:                     #cccccc;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  border-right:                         1px solid black;
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  text-align:                           left}

P.GradingsFees {
  color:                                #FF0000;
  font-weight:                          Bold;
  padding-top:                          2px;
  padding-left:                         0px;
  text-align:                           left;
  font-size:                            120%}

TD.GradingsType {
  background-color:                     #cccccc;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  border-bottom:                        1px solid black;
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  text-align:                           left}

TD.GradingsTypeEnd {
  background-color:                     #cccccc;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black;
  padding-top:                          5px;
  padding-left:                         20px;
  padding-bottom:                       5px;
  text-align:                           left}

P.GradingsType {
  color:                                #FF0000;
  font-weight:                          Bold;
  padding-top:                          2px;
  padding-left:                         0px;
  text-align:                           left;
  font-size:                            120%}

P.GradingsGeneralText {
  color:                                #000000;
  font-weight:                          normal;
  padding-top:                          2px;
  padding-left:                         0px;
  text-align:                           center;
  font-size:                            100%}

TABLE.MembersTestimonial {
  table-layout:                         fixed}

TD.MembersTestimonial {
  background-color:                     #ffcccc;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black;
  margin-top:                           20px;
  margin-left:                          40px;
  margin-right:                         40px
  width:                                80%}

H2.MembersTestimonial {
  text-align:                           left;
  font-size:                            110%;
  font-weight:                          bold;
  color:                                #FF0000;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          5px;
  padding-left:                         10px}

P.MembersTestimonial {
  color:                                #000000;
  font-style:                           italic;
  padding-top:                          4px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       4px;
  text-align:                           justify;
  font-size:                            100%}

IMG.BJALogo {
  margin-top:                           0px;
  margin-bottom:                        0px}

/*  Form Layout */
/* ------------ */

TABLE.FormContainer {
  margin-left:                          auto;
  margin-right:                         auto;
  table-layout:                         fixed}

TD.FormContainer {
  padding-top:                          20px;
  padding-left:                         20px;
  padding-bottom:                       20px;
  text-align:                           center}

TABLE.FormLayout {
  table-layout:                         fixed}

TD.FormLine1Col1 {
  width:                                280px;
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-top:                           1px solid black;
  border-left:                          1px solid black;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

TD.FormLine1Col2 {
  width:                                500px;
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-top:                           1px solid black;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

TD.FormLine1aCol1a {
  width:                                280px;
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-left:                          1px solid black;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

TD.FormLine1aCol2a {
  width:                                500px;
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

TD.FormLine2Col1 {
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-left:                          1px solid black;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

TD.FormLine2Col2 {
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

TD.FormLine3Col1 {
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-left:                          1px solid black;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

TD.FormLine3Col2 {
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

TD.FormLine4Col1 {
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-left:                          1px solid black;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

TD.FormLine4Col2 {
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

TD.FormLine5Col1 {
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-left:                          1px solid black;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

TD.FormLine5Col2 {
  height:                               40px;
  padding-left:                         10px;
  text-align:                           left;
  border-right:                         1px solid black;
  border-bottom:                        1px solid black}

P.Line {
  color:                                #000000;
  font-weight:                          bold;
  padding-top:                          3px;
  padding-left:                         10px;
  padding-bottom:                       3px;
  text-align:                           left;
  font-size:                            100%}

P.Line2 {
  color:                                #FFFFFF}

P.TextLarge {
  color:                                #000000;
  font-weight:                          bold;
  padding-top:                          20px;
  padding-left:                         20px;
  padding-bottom:                       3px;
  text-align:                           center;
  font-size:                            150%}

UL.Line1 {
  list-style-image:                     url("bullet-point-2.jpg");
  list-style-position:                  outside;
  margin:                               0px;
  padding-top:                          15px;
  padding-left:                         50px;
  padding-right:                        20px;
  padding-bottom:                       0px;
  border:                               0px}

LI.Line1 {
  margin:                               0px;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       5px;
  border:                               0px}

TD.BelowSideMenuBlock {
  width:                                150px;
  height:                               20px;
  background-color:                     #000000;
  text-align:                           left}

TD.BottomPageCornerFade {
  width:                                20px;
  height:                               20px;
  text-align:                           left;
  background-image:                     url("bottom-page-corner-fade.jpg");
  background-repeat:                    no-repeat}

TD.BottomPageFade {
  height:                               20px;
  text-align:                           left;
  background-image:                     url("bottom-page-fade.jpg");
  background-repeat:                    repeat-x}


/* page layout */
/* ----------- */

TD.TopPictureCell {
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  background-color:                     #000000}

TABLE.TopIndividualPictures {
  table-layout:                         fixed}

TD.TopLogoCell {
  text-align:                           center;
  vertical-align:                       middle;
  width:                                100px;
  height:                               100px}

TD.HeaderPicture {
  text-align:                           center;
  vertical-align:                       middle;
  background-position:                  center;
  background-image:                     url("header-picture.jpg");
  background-repeat:                    repeat-x}

TD.ContactDetails {
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  background-color:                     #000000}

P.TopContactDetails {
  padding-top:                          0px;
  color:                                #FFFFFF;
  text-align:                           center;
  font-weight:                          bold;
  font-size:                            100%}

A.ContactDetails:link {
  color:                                        #FFFFFF}
A.ContactDetails:visited {
  color:                                        #FFFFFF}
A.ContactDetails:active {
  color:                                        #FFFFFF}
A.ContactDetails:hover {
  color:                                        #FF0000}

HR.Menu {
  color:                                        FF0000;
  margin-top:                           1px;
  margin-bottom:                        1px;
  width:                                        100%}

TD.MainMenuCell {
  padding-left:                 10px;
  padding-right:                        10px;
  background-color:                     #000000}

TD.SubMenuCell {
  padding-left:                 10px;
  padding-right:                        10px;
  background-color:                     #000000}

TD.TopFadeOutCell {
  height:                                       30px;
  background-image:                     url("top-fade.jpg");
  background-repeat:            repeat-x}

TD.BottomWhiteSpacerCell {
  height:                                       50px}

TD.BottomFadeOutCell {
  height:                                       30px;
  background-image:                     url("bottom-fade.jpg");
  background-repeat:            repeat-x}

TD.BottomBlackSpacerCell {
  height:                                       10px;
  background-color:                     #000000}

TD.BottomFooterColor {
  background-color:                     #000000}

P.BottomContactDetails {
  padding-top:                          0px;
  text-align:                           center;
  font-weight:                          bold;
  color:                                        #FFFFFF}

P.BottomAFMContactDetails {
  padding-top:                          10px;
  text-align:                           center;
  font-weight:                          bold;
  color:                                        #FFFFFF}

IMG.FloatLeft {
  float:                                        left;
  margin:                                       20px}

IMG.FloatRight {
  float:                                        right;
  margin:                                       20px}

/* Top menu */
/* -------- */

A.Menu:link {
  color:                                        #FFFFFF}
A.Menu:visited {
  color:                                        #FFFFFF}
A.Menu:active {
  color:                                        #FFFFFF}
A.Menu:hover {
  color:                                        #FF0000}

/* Top menu */
/* -------- */

TD.TopMainMenuCell {
  height:                       }

P.TopMainMenuItemCurrent {
  font-weight:                          bold;
  padding-top:                          0px;
  padding-left:                         5px;
  padding-right:                        5px;
  text-align:                           center;
  color:                                #ff0000;
  font-size:                            100%}

P.TopMainMenuItem {
  padding-top:                          0px;
  padding-left:                         5px;
  padding-right:                        5px;
  text-align:                           center;
  color:                                #FFFFFF;
  font-size:                            100%}



TD.MenuCell {
  text-align:                           center;
  vertical-align:                       top}

TD.BottomContactDetailsCell {
  height:                                       10px;
  text-align:                           center;
  vertical-align:                       middle}


/* Contact Us Form */
/* ----------------*/

TD.ContactForm {
  text-align:                           left;
  vertical-align:                       middle;
  background-color:                     #DDDDDD}

TD.ContactFormSpacer {
  height:                                       10px;
  background-color:                     #DDDDDD}

TD.ContactFormColumn1 {
  width:                                        10px;
  height:                                       20px}

TD.ContactFormColumn2 {
  width:                                        150px}

TD.ContactFormColumn3 {
  width:                                        330px}

TD.ContactFormColumn4 {
  width:                                        10px}

TD.ContactFormShadowTopRight {
  height:                                       10px;
  background-image:                     url("shadow-top-right.jpg");
  background-repeat:            no-repeat}

TD.ContactFormShadowRight {
  background-image:                     url("shadow-right.jpg");
  background-repeat:            repeat-y}

TD.ContactFormShadowBottomLeft {
  height:                                       10px;
  background-image:                     url("shadow-bottom-left.jpg");
  background-repeat:            no-repeat}

TD.ContactFormShadowBottom {
  background-image:                     url("shadow-bottom.jpg");
  background-repeat:            repeat-x}

TD.ContactFormShadowBottomRight {
  background-image:                     url("shadow-bottom-right.jpg");
  background-repeat:            no-repeat}

P.ContactForm {
  border:                                       0px;
  padding:                              0px;
  margin:                                       0px}

INPUT.ContactFormDetailsBox {
  width:                                        310px}

INPUT.ContactFormDetailsBoxPostcode {
  width:                                        155px}

TEXTAREA.ContactFormDetailsBox {
  width:                                        310px}

TD.ContactFormButton {
  text-align:                           center;
  vertical-align:                       middle;
  background-color:                     #DDDDDD}

TD.ContactFormReplySpacerCell {
  Width:                                        100px;
  height:                                       200px}

/* Links pages */
/* ------------*/

H3.LinkTitle {
  padding:                              0px}

P.LinkDescription {
  padding:                              0px}


/* web site map */
/* -------------*/

A.WebMapText {
  font-weight:                          bold;
  color:                                        #000000}
        
LI.WebMapTextSpacing {
  margin-top:                           20px;
  margin-bottom:                        20px;
  padding-left:                 10px}

P.WebSiteMapSubOne {
  font-weight:                          normal;
  color:                                        #000000;
  margin-top:                           0px;
  padding-left:                 20px}

P.WebSiteMapSubTwo {
  font-weight:                          normal;
  color:                                        #000000;
  margin-top:                           0px;
  padding-left:                 40px}

/* Throws Page */
/* --------------- */

HR.Throws {
  color:                                        #FF0000;
  text-align:                           center;
  height:                                       1px;
  width:                                        85%;
  border:                                       0px;
  margin-top:                           20px;
  margin-bottom:                        20px;
  padding:                              0px}

TD.ThrowsTextCell {
  vertical-align:                       top;
  border:                                       0px;
  margin:                                       0px;
  padding-top:                          10px;
  padding-left:                 10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.JuIpponText {
  border:                                       0px;
  margin:                                       0px;
  padding-top:                          5px;
  padding-left:                 0px;
  padding-right:                        0px;
  padding-bottom:                       5px}

TD.JudoThrowPictureCell {
  width:                                        250px;
  vertical-align:                       top;
  border:                                       0px;
  margin:                                       0px;
  padding-top:                          0px;
  padding-left:                 0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

TD.JudoThrowThumbnailStrip {
  text-align:                           right;
  vertical-align:                       bottom;
  padding-bottom:                       10px}

TD.JudoThrowThumbnailLeft {
  background-color:                     #000000;
  padding-top:                          3px;
  padding-left:                 2px;
  padding-right:                        1px;
  padding-bottom:                       0px}

TD.JudoThrowThumbnailCenter {
  background-color:                     #000000;
  padding-top:                          3px;
  padding-left:                 1px;
  padding-right:                        1px;
  padding-bottom:                       0px}

TD.JudoThrowThumbnailRight {
  background-color:                     #000000;
  padding-top:                          3px;
  padding-left:                 1px;
  padding-right:                        2px;
  padding-bottom:                       0px}

IMG.JudoThrowPicture {
  margin-top:                           0px;
  margin-left:                          20px;
  margin-right:                 20px;
  margin-bottom:                        0px;
  padding:                              0px;
  border:                                       0px}

P.AFMContactDetails {
  color:                                #FFFFFF;
  text-align:                           center;
  padding-top:                          5px;
  padding-bottom:                       10px}

A.ContactDetails:link {
  color:                                #FFFFFF;
  text-decoration:                      none}
A.ContactDetails:visited {
  color:                                #FFFFFF;
  text-decoration:                      none}
A.ContactDetails:active {
  color:                                #FFFFFF;
  text-decoration:                      underline}
A.ContactDetails:hover {
  color:                                #FFFFFF;
  text-decoration:                      underline}