/*

       ************************************
      **************************************
     ****                                ****
    ****                                  ****
    ****         READONLY STYLES          ****
    ****                                  ****
    ****                                  ****
    ****        DO NOT EDIT THESE         ****
    ****                                  ****
     ****                                ****
      **************************************
       ************************************

*/



/* Generic classes */
/* =============== */

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

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

DIV.ClearLeft {
  clear:                                left;
  height:                               0px}

DIV.ClearRight {
  clear:                                right;
  height:                               0px}

DIV.ClearBoth {
  clear:                                both;
  height:                               0px}

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

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

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

INPUT {
  margin:                               0px;
  padding:                              0px}

P {
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px}

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

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

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

H1 {
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px}

H2 {
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px}

H3 {
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px}

H4 {
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px}

UL {
  margin:                               0px;
  border:                               0px}

LI {
  margin:                               0px;
  border:                               0px}


/* ************************************************* */


/* Page layout */
/* =========== */


/* Body - defines the background for the whole site */
BODY {
  background-position:                  center top;
  background-repeat:                    repeat}
    
/* Layer1 - contains the body top image */
DIV.Layer1 {
  top:                                  0px;
  left:                                 0px;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}
    
/* Layer2 - contains the background image */
DIV.Layer2 {
  top:                                  0px;
  left:                                 0px;
  width:                                100%}
    
/* Layer3 - contains the page wrapper */
DIV.Layer3 {
  position:                             absolute;
  top:                                  0px;
  left:                                 0px;
  width:                                100%}


/* ************************************************* */


/* BackgroundContainer */
DIV.BackgroundContainer {
  width:                                100%;
  margin-left:                          auto;
  margin-right:                         auto}

IMG.BackgroundImage {
  width:                                100%}
  

/* ************************************************* */


/* PageWrapper - used to locate the page on the screen */
DIV.PageWrapper {
  margin-left:                          auto;
  margin-right:                         auto}


/* ************************************************* */


/* PageSpacerTop - used to provide a spacer above the page
                   height is set in the index.php settings,
                   background graphics will be set by Body and BodyTop */
DIV.PageSpacerTop {
  width:                                100%;
  clear:                                both;
  float:                                left}


/* PageSpacerBottom - used to provide a spacer above the page
                      height is set in the index.php settings,
                      background graphics will be set by Body */
DIV.PageSpacerBottom {
  width:                                100%;
  clear:                                both;
  float:                                left}


/* ************************************************* */


/* TopBannerContainer - used to display any background graphics for the top banner container */
DIV.TopBannerContainer {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat}


/* TopBannerContainerTop - used to display any background graphics for the top banner container */
DIV.TopBannerContainerTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}


/* TopBannerContainerBottom - used to display any background graphics for the top banner container */
DIV.TopBannerContainerBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}

  
/* TopBannerContainerCenter - used to display any background graphics for the top banner container */
DIV.TopBannerContainerCenter {
  margin-left:                          auto;
  margin-right:                         auto}

  
/* TopBannerContainerClearer - used to display any background graphics for the top banner container */
DIV.TopBannerContainerClearer {
  width:                                100%;
  clear:                                both;
  height:                               0px}


/* TopBannerTopLeft - used to display any background graphics for the top banner */
DIV.TopBannerTopLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    no-repeat}


/* TopBannerTop - used to display any background graphics for the top banner */
DIV.TopBannerTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}


/* TopBannerTopRight - used to display any background graphics for the top banner */
DIV.TopBannerTopRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}


/* TopBannerLeft - used to display any background graphics for the top banner */
DIV.TopBannerLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    repeat-y}


/* TopBanner - used to display any background graphics for the top banner */
DIV.TopBanner {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat}


/* TopBannerRight - used to display any background graphics for the top banner */
DIV.TopBannerRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    repeat-y}


/* TopBannerBottomLeft - used to display any background graphics for the top banner */
DIV.TopBannerBottomLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left bottom;
  background-repeat:                    no-repeat}


/* TopBannerBottom - used to display any background graphics for the top banner */
DIV.TopBannerBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}


/* TopBannerBottomRight - used to display any background graphics for the top banner */
DIV.TopBannerBottomRight {
  float:                                left;
  width:                                100%;
  background-position:                  right bottom;
  background-repeat:                    no-repeat}


/* TopBannerClearer - used to ensure the top banner divisions expand */
DIV.TopBannerClearer {
  clear:                                both;
  float:                                left;
  width:                                100%;
  height:                               0px}


/* ************************************************* */


/* Full menu classes */
/* ----------------- */

DIV.FullMenuShowDropDown {
  position:                             absolute;
  height:                               auto;
  overflow:                             hidden;
  z-index:                              9999}

DIV.FullMenuHideDropDown {
  position:                             absolute;
  max-height:                           0px;
  height:                               auto;
  overflow:                             hidden;
  z-index:                              9999}

  
/* ************************************************* */


/* FullMenuBlockTopLeft - used to display any background graphics for the full menu block */
DIV.FullMenuBlockTopLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    no-repeat}


/* FullMenuBlockTop - used to display any background graphics for the full menu block */
DIV.FullMenuBlockTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}


/* FullMenuBlockTopRight - used to display any background graphics for the full menu block */
DIV.FullMenuBlockTopRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}


/* FullMenuBlockLeft - used to display any background graphics for the full menu block */
DIV.FullMenuBlockLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    repeat-y}


/* FullMenuBlock - used to display any background graphics for the full menu block */
DIV.FullMenuBlock {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat}


/* FullMenuBlockRight - used to display any background graphics for the full menu block */
DIV.FullMenuBlockRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    repeat-y}


/* FullMenuBlockBottomLeft - used to display any background graphics for the full menu block */
DIV.FullMenuBlockBottomLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left bottom;
  background-repeat:                    no-repeat}


/* FullMenuBlockBottom - used to display any background graphics for the full menu block */
DIV.FullMenuBlockBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}


/* FullMenuBlockBottomRight - used to display any background graphics for the full menu block */
DIV.FullMenuBlockBottomRight {
  float:                                left;
  width:                                100%;
  background-position:                  right bottom;
  background-repeat:                    no-repeat}


/* FullMenuBlockClearer - used to ensure the full menu block divisions expand */
DIV.FullMenuBlockClearer {
  clear:                                both;
  float:                                left;
  width:                                100%;
  height:                               0px}


/* ************************************************* */


/* FullMenuContainer */
DIV.FullMenuContainer {}


/* ************************************************* */

DIV.FullMenuItemTopLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    no-repeat}

DIV.FullMenuItemTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}

DIV.FullMenuItemTopRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}

DIV.FullMenuItemLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    repeat-y}

DIV.FullMenuItem {
  float:                                left;
  background-position:                  center top;
  background-repeat:                    repeat}

DIV.FullMenuItemRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    repeat-y}

DIV.FullMenuItemBottomLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuItemBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}

DIV.FullMenuItemBottomRight {
  float:                                left;
  width:                                100%;
  background-position:                  right bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuItemCurrentTopLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    no-repeat}

DIV.FullMenuItemCurrentTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}

DIV.FullMenuItemCurrentTopRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}

DIV.FullMenuItemCurrentLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    repeat-y}

DIV.FullMenuItemCurrent {
  float:                                left;
  background-position:                  center top;
  background-repeat:                    repeat}

DIV.FullMenuItemCurrentRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    repeat-y}

DIV.FullMenuItemCurrentBottomLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuItemCurrentBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}

DIV.FullMenuItemCurrentBottomRight {
  float:                                left;
  width:                                100%;
  background-position:                  right bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuItemActiveTopLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    no-repeat}

DIV.FullMenuItemActiveTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}

DIV.FullMenuItemActiveTopRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}

DIV.FullMenuItemActiveLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    repeat-y}

DIV.FullMenuItemActive {
  float:                                left;
  background-position:                  center top;
  background-repeat:                    repeat}

DIV.FullMenuItemActiveRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    repeat-y}

DIV.FullMenuItemActiveBottomLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuItemActiveBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}

DIV.FullMenuItemActiveBottomRight {
  float:                                left;
  width:                                100%;
  background-position:                  right bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuItemClearer {
  clear:                                both;
  float:                                left;
  width:                                100%;
  height:                               0px}


/* ************************************************* */

DIV.FullMenuEndItemTopLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}

DIV.FullMenuEndItemTopRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    repeat-y}

DIV.FullMenuEndItem {
  float:                                left;
  background-position:                  center top;
  background-repeat:                    repeat}

DIV.FullMenuEndItemRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    repeat-y}

DIV.FullMenuEndItemBottomLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}

DIV.FullMenuEndItemBottomRight {
  float:                                left;
  width:                                100%;
  background-position:                  right bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemCurrentTopLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemCurrentTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}

DIV.FullMenuEndItemCurrentTopRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemCurrentLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    repeat-y}

DIV.FullMenuEndItemCurrent {
  float:                                left;
  background-position:                  center top;
  background-repeat:                    repeat}

DIV.FullMenuEndItemCurrentRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    repeat-y}

DIV.FullMenuEndItemCurrentBottomLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemCurrentBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}

DIV.FullMenuEndItemCurrentBottomRight {
  float:                                left;
  width:                                100%;
  background-position:                  right bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemActiveTopLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemActiveTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}

DIV.FullMenuEndItemActiveTopRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemActiveLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    repeat-y}

DIV.FullMenuEndItemActive {
  float:                                left;
  background-position:                  center top;
  background-repeat:                    repeat}

DIV.FullMenuEndItemActiveRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    repeat-y}

DIV.FullMenuEndItemActiveBottomLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemActiveBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}

DIV.FullMenuEndItemActiveBottomRight {
  float:                                left;
  width:                                100%;
  background-position:                  right bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuEndItemClearer {
  clear:                                both;
  width:                                100%;
  float:                                left;
  height:                               0px}


/* ************************************************* */

DIV.FullMenuDropDownTopLeft {
  float:                                left;
  background-position:                  left top;
  background-repeat:                    no-repeat}

DIV.FullMenuDropDownTop {
  float:                                left;
  background-position:                  center top;
  background-repeat:                    repeat-x}

DIV.FullMenuDropDownTopRight {
  float:                                left;
  background-position:                  right top;
  background-repeat:                    no-repeat}

DIV.FullMenuDropDownLeft {
  float:                                left;
  background-position:                  left top;
  background-repeat:                    repeat-y}

DIV.FullMenuDropDown {
  float:                                left;
  background-position:                  center top;
  background-repeat:                    repeat}

DIV.FullMenuDropDownRight {
  float:                                left;
  background-position:                  right top;
  background-repeat:                    repeat-y}

DIV.FullMenuDropDownBottomLeft {
  float:                                left;
  background-position:                  left bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuDropDownBottom {
  float:                                left;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}

DIV.FullMenuDropDownBottomRight {
  float:                                left;
  background-position:                  right bottom;
  background-repeat:                    no-repeat}

DIV.FullMenuDropDownClearer {
  clear:                                both;
  float:                                left;
  height:                               0px}


/* ************************************************* */


/* Small menu classes */
/* ------------------ */

DIV.SmallMenuShowContainer {
  float:                                left;
  width:                                100%;
  height:                               auto;
  overflow:                             hidden}

DIV.SmallMenuHideContainer {
  float:                                left;
  width:                                100%;
  max-height:                           0px;
  height:                               auto;
  overflow:                             hidden}

DIV.SmallMenuShowItem {
  width:                                90%;
  margin-left:                          auto;
  margin-right:                         auto;
  height:                               auto;
  overflow:                             hidden}

DIV.SmallMenuHideItem {
  width:                                90%;
  max-height:                           0px;
  margin-left:                          auto;
  margin-right:                         auto;
  height:                               auto;
  overflow:                             hidden}

DIV.SmallMenuItem {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat}

DIV.SmallMenuItemText {
  float:                                left}

DIV.SmallMenuItemTopLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    no-repeat}

DIV.SmallMenuItemTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}

DIV.SmallMenuItemTopRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}

DIV.SmallMenuFirstItemTopLeft {
  float:                                left;
  width:                                100%}

DIV.SmallMenuFirstItemTop {
  float:                                left;
  width:                                100%}

DIV.SmallMenuFirstItemTopRight {
  float:                                left;
  width:                                100%}

DIV.SmallMenuItemClearer {
  clear:                                both;
  float:                                left;
  width:                                100%;
  height:                               0px}
  

/* ************************************************* */


/* PageTopLeft - used to display any background graphics for the page */
DIV.PageTopLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    no-repeat}


/* PageTop - used to display any background graphics for the page */
DIV.PageTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}


/* PageTopRight - used to display any background graphics for the page */
DIV.PageTopRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}


/* PageLeft - used to display any background graphics for the page */
DIV.PageLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    repeat-y}


/* Page - used to display any background graphics for the page */
DIV.Page {
  clear:                                both;
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat}


/* PageRight - used to display any background graphics for the page */
DIV.PageRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    repeat-y}


/* PageBottomLeft - used to display any background graphics for the page */
DIV.PageBottomLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left bottom;
  background-repeat:                    no-repeat}


/* PageBottom - used to display any background graphics for the page */
DIV.PageBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}


/* PageBottomRight - used to display any background graphics for the page */
DIV.PageBottomRight {
  float:                                left;
  width:                                100%;
  background-position:                  right bottom;
  background-repeat:                    no-repeat}


/* PageClearer - used to ensure the page divisions expand */
DIV.PageClearer {
  clear:                                both;
  float:                                left;
  width:                                100%;
  height:                               0px}


/* ************************************************* */


/* BottomBannerContainer - used to display any background graphics for the bottom banner container */
DIV.BottomBannerContainer {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat}


/* BottomBannerContainerTop - used to display any background graphics for the bottom banner container */
DIV.BottomBannerContainerTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}


/* BottomBannerContainerBottom - used to display any background graphics for the bottom banner container */
DIV.BottomBannerContainerBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}

  
/* BottomBannerContainerCenter - used to display any background graphics for the bottom banner container */
DIV.BottomBannerContainerCenter {
  margin-left:                          auto;
  margin-right:                         auto}

  
/* BottomBannerContainerClearer - used to display any background graphics for the bottom banner container */
DIV.BottomBannerContainerClearer {
  width:                                100%;
  clear:                                both;
  height:                               0px}


/* BottomBannerTopLeft - used to display any background graphics for the bottom banner */
DIV.BottomBannerTopLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    no-repeat}


/* BottomBannerTop - used to display any background graphics for the bottom banner */
DIV.BottomBannerTop {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat-x}


/* BottomBannerTopRight - used to display any background graphics for the bottom banner */
DIV.BottomBannerTopRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}


/* BottomBannerLeft - used to display any background graphics for the bottom banner */
DIV.BottomBannerLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left top;
  background-repeat:                    repeat-y}


/* BottomBanner - used to display any background graphics for the bottom banner */
DIV.BottomBanner {
  float:                                left;
  width:                                100%;
  background-position:                  center top;
  background-repeat:                    repeat}


/* BottomBannerRight - used to display any background graphics for the bottom banner */
DIV.BottomBannerRight {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    repeat-y}


/* BottomBannerBottomLeft - used to display any background graphics for the bottom banner */
DIV.BottomBannerBottomLeft {
  float:                                left;
  width:                                100%;
  background-position:                  left bottom;
  background-repeat:                    no-repeat}


/* BottomBannerBottom - used to display any background graphics for the bottom banner */
DIV.BottomBannerBottom {
  float:                                left;
  width:                                100%;
  background-position:                  center bottom;
  background-repeat:                    repeat-x}


/* BottomBannerBottomRight - used to display any background graphics for the bottom banner */
DIV.BottomBannerBottomRight {
  float:                                left;
  width:                                100%;
  background-position:                  right bottom;
  background-repeat:                    no-repeat}


/* BottomBannerClearer - used to ensure the bottom banner divisions expand */
DIV.BottomBannerClearer {
  clear:                                both;
  width:                                100%;
  float:                                left;
  height:                               0px}


/* ************************************************* */


/* Width design guide */
/* ================== */

DIV.WidthDesignGuideContainer {
  position:                             absolute;
  top:                                  0px;
  left:                                 0px;
  background-color:                     #aaaaaa;
  width:                                100%;
  height:                               20px;
  overflow:                             hidden}

DIV.WidthDesignGuidePC {
  background-color:                     #0000ff;
  margin-left:                          auto;
  margin-right:                         auto;
  height:                               20px}
  
P.WidthDesignGuidePC {
  color:                                #ffffff;
  text-align:                           center;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

DIV.WidthDesignGuideTablet {
  background-color:                     #009900;
  margin-left:                          auto;
  margin-right:                         auto;
  height:                               20px}
  
P.WidthDesignGuideTablet {
  color:                                #ffffff;
  text-align:                           center;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

DIV.WidthDesignGuideMobile {
  background-color:                     #ff66ff;
  margin-left:                          auto;
  margin-right:                         auto;
  height:                               20px}
  
P.WidthDesignGuideMobile {
  color:                                #ffffff;
  text-align:                           center;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

DIV.WidthDesignGuideMinimum {
  background-color:                     #ff0000;
  margin-left:                          auto;
  margin-right:                         auto;
  height:                               20px}
  
P.WidthDesignGuideMinimum {
  color:                                #ffffff;
  text-align:                           center;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}


/* ************************************************* */


/* Contact forms */
/* ------------- */

DIV.ContactFormWrapper {
  float:                                left;
  width:                                100%}

DIV.ContactFormContainer {
  width:                                100%;
  max-width:                            470px;    
  margin-left:                          auto;
  margin-right:                         auto;
  background-position:                  right top;
  background-repeat:                    repeat-y}

DIV.ContactFormTop {
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    no-repeat}

DIV.ContactFormStandardTelephoneEmailField {
  float:                                left;
  width:                                100%;
  height:                               1px;
  overflow:                             hidden}

DIV.ContactFormRowContainer {
  float:                                left;
  width:                                100%;
  padding-top:                          20px}

DIV.ContactFormHeadingCell {
  float:                                left;
  margin-left:                          20px;
  margin-right:                         20px}

DIV.ContactFormLabelCell {
  float:                                left;
  width:                                200px;
  margin-left:                          20px}

DIV.ContactFormFieldCell {
  float:                                left;
  width:                                200px;
  margin-left:                          20px}

DIV.ContactFormAttachedFileCell {
  float:                                left;
  margin-left:                          20px;
  margin-right:                         20px}

DIV.ContactFormClearer {
  clear:                                both;
  width:                                100%;
  height:                               0px}

DIV.ContactFormShadowBottom {
  clear:                                both;
  float:                                left;
  width:                                100%;
  background-position:                  right top;
  background-repeat:                    repeat-x}

DIV.ContactFormShadowBottomLeft {
  float:                                left;
  background-position:                  right top;
  background-repeat:                    no-repeat}

DIV.ContactFormShadowBottomRight {
  float:                                right;
  background-position:                  right top;
  background-repeat:                    no-repeat}


/* ==================== END ==================== */