/* Site design by AFM Software Solutions Limited  */
/* Contact AFM at solutions@afmss.co.uk           */

/* Light direction      135 Degrees, height 30    */

/*

Layout notes
------------

Change the column widths in the layout classes below. Do not add side margin values
to the widths as this also pushes any graphics in the columns away from the edges.

Set the column styles in the section below the layout classes.

*/


/* Generic classes */
/* --------------- */

BODY {
  min-width:                            650px;                    /* Sets the minimum page width */
  font-family:                          arial, sans-serif;
  font-size:                            100%;
  font-weight:                          normal;
  color:                                #000000;
  background-color:                     #FFFFFF;
  margin:                               0px;
  padding:                              0px;
  border:                               0px}

DIV {
  background:                           transparent;
  position:                             static;
  display:                              block;
  border:                               0px;
  margin:                               0px;
  padding:                              0px}

DIV.ClearLeft {
  clear:                                left;
  height:                               1px;
  overflow:                             hidden}

DIV.ClearRight {
  clear:                                right;
  height:                               1px;
  overflow:                             hidden}

DIV.ClearBoth {
  clear:                                both;
  height:                               1px;
  overflow:                             hidden}

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

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

P {
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.Quote {
  color:				#0000cc;
  text-align:                           center;
  font-size:                            110%;
  font-weight:                          bold;
  font-style:                           italic;
  padding-top:                          30px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.QuoteName {
  color:				#0000cc;
  text-align:                           center;
  font-size:                            100%;
  font-weight:                          bold;
  padding-top:                          5px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.RightSideBar {
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        0px;
  padding-bottom:                       0px}

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

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

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

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

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

H2.RightSideBar {
  text-align:                           left;
  padding-top:                          30px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px}

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

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

LI {
  margin:                               0px;
  padding-top:                          0px;
  padding-left:                         5px;
  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:                                #000000;
  text-decoration:                      underline}
A:hover {
  color:                                #000000;
  text-decoration:                      underline}

A.Heading:link {
  color:                                #000000;
  text-decoration:                      none}
A.Heading:visited {
  color:                                #000000;
  text-decoration:                      none}
A.Heading:active {
  color:                                #000000;
  text-decoration:                      none}
A.Heading:hover {
  color:                                #000000;
  text-decoration:                      none}

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

IMG.FloatLeft {
  float:                                left;
  margin-top:                           20px;
  margin-left:                          0px;
  margin-right:                         20px;
  margin-bottom:                        0px}

IMG.FloatRight {
  float:                                right;
  margin-top:                           20px;
  margin-left:                          0px;
  margin-right:                         20px;
  margin-bottom:                        0px}


/* Page column layout */
/* ------------------ */

/* Col1 = Centre column */
/* Col2 = Left column   */
/* Col3 = Right column  */

DIV.ColMask {
  position:                             relative;               /* Fixes the IE 7 overflow hidden bug and stops the layout jumping out of place */
  clear:                                both;
  float:                                left;
  width:                                100%;                   /* Width of whole page */
  overflow:                             hidden}

DIV.ColMid {
  float:                                left;
  width:                                200%;
  margin-left:                          -230px;                 /* Width of right column */
  position:                             relative;
  right:                                100%}

DIV.ColLeft {
  float:                                left;
  width:                                100%;
  margin-left:                          -50%;
  position:                             relative;
  left:                                 380px}                  /* Left column + right column width */

DIV.Col1Wrap {
  float:                                left;
  width:                                50%;
  position:                             relative;
  right:                                150px;                  /* Width of left column */
  padding-bottom:                       20px}                    /* Centre bottom padding */

DIV.Col1 {
  margin-left:                          160px;                  /* Left padding = left column width + centre column left side padding */
  margin-right:                         240px;                  /* Right padding = right column width + centre column right side padding */
  position:                             relative;
  left:                                 200%;
  overflow:                             hidden}

DIV.Col2 {
  float:                                left;
  float:                                right;                  /* Overrides the float:left above */
  width:                                150px;                  /* Width of the left column content (left column width minus left and right padding */
  position:                             relative;
  right:                                0px}                    /* Width of the left side padding on the left column */

DIV.Col3 {
  float:                                left;
  float:                                right;                  /* Overrides the float:left above */
  width:                                220px;                  /* Width of the right column content (right column width minus left and right padding */
  margin-right:                         10px;                    /* Width of right column right side padding + left column left and right padding */
  position:                             relative;
  left:                                 50%}


/* Page column background styles */
/* ----------------------------- */

/* Page contents */
DIV.ColMid {
  background-color:                     #FFFFFF}

/* Left column */
DIV.ColLeft {
  background-image:                     url("menu-col-background.jpg");
  background-repeat:                    repeat}

/* Right column */
DIV.ColMask {
  background-color:                     #FFFFFF}



/* Other page elements */
/* ------------------- */

DIV.TextBrowserSkipToContent {
  height:                               1px;
  background-color:                     #66CCFF;
  overflow:                             hidden}

DIV.BottomContactBlock {
  clear:                                both}


/* --------------------------------------------------------------------------- */
/* -                                                                         - */
/* -                ALL OTHER PAGE STYLES ARE BELOW THIS LINE                - */
/* -                                                                         - */
/* --------------------------------------------------------------------------- */


/* Top section with flash graphic */
/* ------------------------------ */

DIV.TopSection {
  height:                               80px;
  overflow:                             hidden;
  background-position:                  150px 0 ;
  background-image:                     url("top-background-tile.jpg");
  background-repeat:                    repeat-x}

DIV.TopLeftBrush {
  width:                                150px;
  height:                               80px;
  overflow:                             hidden;
  background-image:                     url("top-left-graphic.jpg");
  background-repeat:                    no-repeat;
  float:                                left}

DIV.TopFlashGraphic {
  float:                                left;
  overflow:                             hidden;
  height:                               80px;
  width:                                600px}


/* Top contact details */
/* ------------------- */

DIV.TopContactDetails {
  height:                               20px;
  overflow:                             hidden;
  background-image:                     url("pole.jpg");
  background-repeat:                    repeat-x}

DIV.TopContactName {
  float:                                left;
  height:                               20px;
  overflow:                             hidden;
  background-image:                     url("center-pole-left.jpg");
  background-repeat:                    no-repeat}

P.TopContactName {
  color:                                #fffc00;
  font-size:                            12pt;
  padding-top:                          0px;
  padding-left:                         150px;
  padding-right:                        10px}

DIV.TopContactPhone {
  float:                                right;
  height:                               20px;
  overflow:                             hidden}

P.TopContactPhone {
  color:                                #fffc00;
  font-size:                            12pt;
  padding-top:                          0px;
  padding-left:                         10px;
  padding-right:                        30px}

P.TopContactEmail {
  font-size:                            12pt;
  color:                                #fffc00;
  padding-top:                          0px;
  text-align:                           center;
  padding-left:                         10px;
  padding-right:                        10px}

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


/* Menu */
/* ---- */

DIV.MenuBackground {
  float:                                left;
  width:                                150px;
  background-image:                     url("menu-background.jpg");
  background-repeat:                    no-repeat}

DIV.MenuBlock {
  margin-top:                           140px;
  margin-left:                          20px;
  width:                                130px;
  background-image:                     url("menu-block.jpg");
  background-repeat:                    repeat}

DIV.TopMenuCurve {
  height:                               10px;
  width:                                140px;
  overflow:                             hidden;
  background-image:                     url("top-menu-curve.jpg");
  background-repeat:                    no-repeat}

P.MenuItemCurrent {
  color:                                #fffc00;
  font-weight:                          bold;
  padding-top:                          2px;
  padding-bottom:                       2px;
  padding-left:                         10px;
  padding-right:                        0px}

P.MenuItem {
  color:                                #fffc00;
  font-weight:                          normal;
  padding-top:                          2px;
  padding-bottom:                       2px;
  padding-left:                         10px;
  padding-right:                        0px}

DIV.MenuLine {
  clear:                                both;
  height:                               5px;
  overflow:                             hidden;
  width:                                120px;
  background-image:                     url("menu-line.jpg");
  background-repeat:                    no-repeat}

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

DIV.BottomMenuCurve {
  height:                               10px;
  width:                                100px;
  background-image:                     url("bottom-menu-curve.jpg");
  background-repeat:                    no-repeat}


/* Bottom contact details */
/* ---------------------- */

DIV.BottomPageCurve {
  clear:                                both;
  height:                               10px;
  overflow:                             hidden;
  background-image:                     url("bottom-page-curve.jpg");
  background-repeat:                    no-repeat}

DIV.BottomContactDetails {
  background-color:                     #FF5A00;
  background-image:                     url("bottom-solid-color.jpg");
  background-repeat:                    repeat}

P.BottomContactDetailsLine1Home {
  text-align:                           center;
  padding-top:                          10px;
  padding-bottom:                       5px}

P.BottomContactDetailsLine2 {
  text-align:                           center;
  padding-top:                          5px;
  padding-bottom:                       5px}

P.BottomContactDetailsLine1Page {
  text-align:                           center;
  padding-top:                          30px;
  padding-bottom:                       10px}

P.BottomContactDetailsPage {
  text-align:                           center;
  padding-top:                          10px;
  padding-bottom:                       30px}

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

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

FONT.AFMA {
  color:                                #0000FF}

FONT.AFMF {
  color:                                #FF0000}

FONT.AFMM {
  color:                                #009900}

DIV.BottomFade {
  height:                               100px;
  clear:                                both;
  overflow:                             hidden;
  background-image:                     url("bottom-fade.jpg");
  background-repeat:                    repeat-x}


/* Right column office details */
/* --------------------------- */

IMG.Title {
  height:                               30px;
  width:                                195px;
  margin-top:                           20px;
  margin-left:                          10px;
  margin-right:                         0px;
  margin-bottom:                        10px}

OBJECT.RightColFlash {
  height:                               168px;
  width:                                220px;
  margin-top:                           5px;
  margin-left:                          0px;
  margin-right:                         0px;
  margin-bottom:                        0px}

IMG.RightColFlashAlt {
  height:                               168px;
  width:                                220px;
  margin-top:                           5px;
  margin-left:                          0px;
  margin-right:                         0px;
  margin-bottom:                        0px}

DIV.RightSideOffice {
  margin-top:                           20px;
  margin-right:                         10px;
  padding-bottom:                       10px;
  border:                               solid 1px #000000}

H2.RightSideOffice {
  text-align:                           center;
  font-size:                            120%;
  font-weight:                          Bold;
  color:                                #006699;
  padding-top:                          10px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px;
  border:                               0px;
  margin:                               0px}

P.RightSideOffice {
  text-align:                           center;
  font-size:                            100%;
  background:                           transparent;
  padding-top:                          5px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px;
  border:                               0px;
  margin:                               0px}


/* -------------------------- Specific pages -------------------------- */


/* Contact us page */
/* --------------- */

DIV.YellowPageAdd {
  margin-top:                           20px;
  margin-left:                          50px;
  margin-right:                         60px;
  padding-bottom:                       10px;
  border:                               solid 10px #FFFF00}

P.YellowPageAdd {
  text-align:                           center;
  font-size:                            110%;
  background:                           transparent;
  padding-top:                          5px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px;
  border:                               0px;
  margin:                               0px}


/* Contact us page */
/* --------------- */

DIV.ContactFormAddedField {
  height:                               1px;
  overflow:                             hidden}

DIV.ContactFormContainer {
  text-align:                           center;
  margin-top:                           30px}

DIV.ContactForm {
  width:                                490px;
  margin-top:                           30px;
  margin-left:                          auto;
  margin-right:                         auto;
  margin-bottom:                        30px;
  text-align:                           left;
  color:                                #FFFFFF}

DIV.ContactFormTop {
  height:                               10px;
  overflow:                             hidden}

DIV.ContactFormTopRow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                480px;
  background-image:                     url("black-block.jpg");
  background-repeat:                    repeat}

DIV.ContactFormTopRightShadow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px;
  background-image:                     url("shadow-top-right.jpg");
  background-repeat:                    repeat-y}

DIV.ContactFormRowContainer {
  float:                                left;
  width:                                490px;
  background-image:                     url("shadow-right.jpg");
  background-repeat:                    repeat}

DIV.ContactFormRow {
  float:                                left;
  width:                                480px;
  background-image:                     url("black-block.jpg");
  background-repeat:                    repeat}

DIV.ContactFormHeadingRow {
  float:                                left;
  width:                                460px;
  background-image:                     url("black-block.jpg");
  background-repeat:                    repeat;
  padding-top:                          30px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

DIV.ContactFormLabel {
  float:                                left;
  text-align:                           left;
  width:                                185px;
  padding-left:                         10px;
  padding-right:                        5px;
  padding-bottom:                       20px}

DIV.ContactFormItem {
  float:                                left;
  width:                                260px;
  text-align:                           left;
  padding-left:                         5px;
  padding-right:                        0px;
  padding-bottom:                       20px}

DIV.ContactFormButtonRow {
  float:                                left;
  width:                                480px;
  text-align:                           center;
  background-image:                     url("black-block.jpg");
  background-repeat:                    repeat;
  padding-top:                          10px;
  padding-bottom:                       20px}

DIV.ContactFormBottom {
  height:                               10px;
  clear:                                both;
  overflow:                             hidden;
  background-image:                     url("shadow-bottom.jpg");
  background-repeat:                    repeat-x}

DIV.ContactFormBottomLeftShadow {
  float:                                left;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px;
  background-image:                     url("shadow-bottom-left.jpg");
  background-repeat:                    no-repeat}

DIV.ContactFormBottomRightShadow {
  float:                                right;
  overflow:                             hidden;
  height:                               10px;
  width:                                10px;
  background-image:                     url("shadow-bottom-right.jpg");
  background-repeat:                    no-repeat}

INPUT.ContactForm {
  font-family:                          arial, sans-serif;
  width:                                100%}

INPUT.ContactFormPostCode {
  font-family:                          arial, sans-serif;
  width:                                50%}

TEXTAREA.ContactFormAddress {
  font-family:                          arial, sans-serif;
  width:                                260px;
  height:                               100px}

INPUT.ContactFormCheckBox {
  margin-left:                          150px}

TEXTAREA.ContactFormAnyOtherInfo {
  font-family:                          arial, sans-serif;
  width:                                260px;
  height:                               100px}


/* Contact us page */
/* --------------- */

UL.UsefulLinks {
  padding-top:                          20px;
  padding-left:                         50px;
  padding-right:                        10px;
  padding-bottom:                       0px;
  border:                               0px}