/*

       ************************************
      **************************************
     ****                                ****
    ****                                  ****
    ****         STANDARD STYLES          ****
    ****                                  ****
     ****                                ****
      **************************************
       ************************************

*/



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

BODY {
  font-family:                          arial;
  font-size:                            100%;
  font-weight:                          normal;
  color:                                #eeeeee}

P {
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.Quote {
  text-align:                           center;
  font-size:                            110%;
  font-weight:                          bold;
  padding-top:                          30px;
  padding-left:                         30px;
  padding-right:                        30px;
  padding-bottom:                       0px}

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

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

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

H1 {
  text-align:                           center;
  color:                                #eeeeee;
  font-size:                            130%;
  font-weight:                          bold;
  padding-top:                          20px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

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

H2 {
  text-align:                           left;
  color:                                #eeeeee;
  font-size:                            110%;
  font-weight:                          bold;
  padding-top:                          30px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

H3 {
  text-align:                           left;
  color:                                #eeeeee;
  font-size:                            105%;
  font-weight:                          bold;
  padding-top:                          20px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px}

H4 {
  text-align:                           left;
  color:                                #eeeeee;
  font-size:                            100%;
  font-weight:                          bold;
  padding-top:                          20px;
  padding-bottom:                       0px;
  padding-left:                         10px;
  padding-right:                        10px}

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

LI {
  padding-top:                          5px;
  padding-left:                         5px;
  padding-right:                        10px;
  padding-bottom:                       5px}

HR {
  width:                                85%;
  padding:                              0px;
  border-top:                           1px solid #eeeeee;
  border-left:                          0px;
  border-right:                         0px;
  border-bottom:                        0px;
  margin-top:                           1px;
  margin-bottom:                        1px}


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


/* Top Banner */
/* ========== */

DIV.TopBannerLogoContainer {
  width:                                90%;
  max-width:                            540px;
  padding-top:                          0px;
  padding-bottom:                       40px;
  margin-left:                          auto;
  margin-right:                         auto}

IMG.TopBannerLogo {
  width:                                100%}

DIV.TopBannerSmallMenuIconContainer {
  float:                                right;
  width:                                30%;
  max-width:                            30px;
  margin-top:                           10px;
  margin-left:                          20px;
  margin-right:                         10px;
  margin-bottom:                        10px}

IMG.TopBannerSmallMenuIcon {
  width:                                100%;
  max-width:                            30px}

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


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


/* Full Menu Text */
/* ============= */

P.FullMenuHeading {
  color:                                #000000;
  text-align:                           center;
  font-size:                            11pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.FullMenuHeadingCurrent {
  color:                                #000000;
  text-align:                           center;
  font-size:                            11pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

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

P.FullSubMenuItem {
  color:                                #000000;
  text-align:                           left;
  font-size:                            11pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

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


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


/* Small Menu Text */
/* ============== */

P.SmallMenuItem {
  color:                                #aaaaaa;
  text-align:                           left;
  font-size:                            12pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.SmallMenuItemCurrent {
  color:                                #eeeeee;
  text-align:                           left;
  font-size:                            12pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.SmallSubMenuItem {
  color:                                #aaaaaa;
  text-align:                           left;
  font-size:                            10pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         30px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.SmallSubMenuItemCurrent {
  color:                                #eeeeee;
  text-align:                           left;
  font-size:                            10pt;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         30px;
  padding-right:                        10px;
  padding-bottom:                       10px}

A.SmallMenu:link {
  color:                                #aaaaaa;
  text-decoration:                      none}
A.SmallMenu:visited {
  color:                                #aaaaaa;
  text-decoration:                      none}
A.SmallMenu:active {
  color:                                #aaaaaa;
  text-decoration:                      underline}
A.SmallMenu:hover {
  color:                                #eeeeee;
  text-decoration:                      underline}

DIV.SmallMenuItemLevelIcon {
  float:                                right;
  margin-top:                           20px;
  margin-left:                          0px;
  margin-right:                         10px;
  margin-bottom:                        0px}

IMG.SmallMenuItemLevelIcon {
  width:                                10px;
  height:                               6px}


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


/* Bread crumb trail */
/* ================= */

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

P.BreadCrumbTrail {
  color:                                #000099;
  text-align:                           left;
  font-size:                            100%;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

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

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


/* News Letter Form */
/* ================ */

DIV.NewsLetterFormContainer {
  width:                                230px;
  background-color:                     #6EB4E7;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}
  
DIV.NewsLetterFormTitle {
  width:                                210px;
  background-color:                     #F5F4D5;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px}

P.NewsLetterFormTitle {
  color:                                #222222;
  text-align:                           center;
  font-size:                            12pt;
  font-weight:                          bold;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
DIV.NewsLetterFormText {
  width:                                230px;
  padding-top:                          10px}

P.NewsLetterFormText {
  color:                                #222222;
  text-align:                           left;
  font-size:                            11pt;
  font-weight:                          normal;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}
  
DIV.NewsLetterFormErrorMessage {
  width:                                230px;
  padding-top:                          10px}

P.NewsLetterFormErrorMessage {
  background-color:                     #F8F124;
  color:                                #222222;
  text-align:                           center;
  font-size:                            11pt;
  font-weight:                          normal;
  padding-top:                          3px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       3px}
  
DIV.NewsLetterFormField {
  width:                                230px;
  padding-top:                          10px}

INPUT.NewsLetterFormField {
  background-color:                     #ffffff;
  width:                                94%;
  border:                               1px solid #013952;
  font-size:                            11pt;
  font-weight:                          normal;
  padding-top:                          3px;
  padding-left:                         3%;
  padding-right:                        3%;
  padding-bottom:                       3px}
  
DIV.NewsLetterFormSendButton {
  float:                                right;
  padding-top:                          10px}

P.NewsLetterFormSendButton {
  color:                                #ffffff;
  background-color:                     #DA3A3A;
  text-align:                           left;
  font-size:                            11pt;
  font-weight:                          bold;
  padding-top:                          5px;
  padding-left:                         5px;
  padding-right:                        5px;
  padding-bottom:                       5px}
  
DIV.NewsLetterFormTelephoneEmailField {
  clear:                                both;
  width:                                1px;
  height:                               1px;
  overflow:                             hidden}

INPUT.NewsLetterFormTelephoneEmailField {
  margin-top:                           10px}

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

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


/* Bottom Banner */
/* ============= */

DIV.BottomBannerContactDetails1Container {}

P.BottomBannerContactDetails1Line1 {
  color:                                #eeeeee;
  text-align:                           center;
  font-size:                            100%;
  font-weight:                          normal;
  padding-top:                          20px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.BottomBannerContactDetails1Line2 {
  color:                                #eeeeee;
  text-align:                           center;
  font-size:                            100%;
  font-weight:                          normal;
  padding-top:                          5px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

DIV.BottomBannerMenu1 {
  clear:                                both;
  float:                                left;
  width:                                100%}

DIV.BottomBannerMenu2 {
  clear:                                both;
  float:                                left;
  width:                                100%}

P.BottomBannerMenu {
  color:                                #eeeeee;
  text-align:                           center;
  font-size:                            100%;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       15px}
  
A.BottomBanner:link {
  color:                                #eeeeee;
  text-decoration:                      none}
A.BottomBanner:visited {
  color:                                #eeeeee;
  text-decoration:                      none}
A.BottomBanner:active {
  color:                                #eeeeee;
  text-decoration:                      underline}
A.BottomBanner:hover {
  color:                                #eeeeee;
  text-decoration:                      underline}


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


/* Security login */
/* ============== */

DIV.LoginBoxContainer {
  padding-top:                          50px;
  padding-bottom:                       100px}

DIV.LoginBox {
  width:                                160px;
  background-color:                     #cccccc;
  border:                               solid 1px #000000;
  margin-left:                          auto;
  margin-right:                         auto}

P.LoginBoxTitle {
  text-align:                           center;
  color:                                #222222;
  padding-top:                          20px;
  padding-left:                         20px;
  padding-right:                        20px;
  padding-bottom:                       10px}

DIV.LoginBoxPasswordBox {
  width:                                120px;
  padding-top:                          3px;
  padding-left:                         20px;
  padding-bottom:                       20px;
  float:                                left}

DIV.LoginBoxLoginButton {
  width:                                80px;
  padding-left:                         55px;
  padding-bottom:                       20px;
  float:                                left}

INPUT.LoginBoxPasswordBox {
  width:                                120px;
  color:                                #222222;
  font-weight:                          normal;
  font-size:                            100%;
  margin:                               0px;
  padding:                              1px}

INPUT.LoginBoxLoginButton {
  color:                                #222222;
  font-weight:                          normal;
  font-size:                            100%;
  margin:                               0px;
  padding:                              2px}

DIV.LoginBoxClearer {
  clear:                                both}


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


/* Landing page links */
/* ================== */

DIV.LandingPageLinksContainer {
  clear:                                both;
  float:                                left;
  width:                                100%;
  padding-top:                          10px}

DIV.LandingPageLinksColumnContainer {
  margin-left:                          auto;
  margin-right:                         auto}

DIV.LandingPageLinksColumn {
  float:                                left}

P.LandingPageLinks {
  color:                                #007700;
  text-align:                           center;
  font-size:                            90%;
  padding-top:                          0px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

A.LandingPageLinks:link {
  color:                                #007700;
  text-decoration:                      none}
A.LandingPageLinks:visited {
  color:                                #007700;
  text-decoration:                      none}
A.LandingPageLinks:active {
  color:                                #007700;
  text-decoration:                      underline}
A.LandingPageLinks:hover {
  color:                                #770000;
  text-decoration:                      underline}


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


/*  webmaster link */
/* =============== */
  
DIV.WebmasterLink {
  clear:                                both;
  float:                                left;
  width:                                100%}

P.WebmasterLink {
  color:                                #007700;
  text-align:                           center;
  font-size:                            80%;
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

A.WebmasterLink:link {
  color:                                #007700;
  text-decoration:                      none}
A.WebmasterLink:visited {
  color:                                #007700;
  text-decoration:                      none}
A.WebmasterLink:active {
  color:                                #007700;
  text-decoration:                      underline}
A.WebmasterLink:hover {
  color:                                #770000;
  text-decoration:                      underline}


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


/* Website map */
/* =========== */

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

DIV.WebsiteMapItemArrowLevel1 {
  float:                                left;
  width:                                1px;
  height:                               20px}

DIV.WebsiteMapItemArrowLevel2 {
  float:                                left;
  width:                                50px;
  height:                               20px;
  background-position:                  30px 6px;
  background-image:                     url("website-map-arrow.png");
  background-repeat:                    no-repeat}

DIV.WebsiteMapItemArrowLevel3 {
  float:                                left;
  width:                                80px;
  height:                               20px;
  background-position:                  60px 5px;
  background-image:                     url("website-map-arrow.png");
  background-repeat:                    no-repeat}

DIV.WebsiteMapItemEntry {
  float:                                left}

DIV.WebsiteMapItemClearer {
  clear:                                both}

DIV.WebsiteMapBottomSpacer {
  float:                                left;
  height:                               20px}

P.WebsiteMapLevel1 {
  font-size:                            110%;
  padding-top:                          10px;
  padding-left:                         20px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.WebsiteMapLevel2 {
  font-size:                            105%;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        10px;
  padding-bottom:                       0px}

P.WebsiteMapLevel3 {
  font-size:                            100%;
  padding-top:                          5px;
  padding-left:                         0px;
  padding-right:                        10px;
  padding-bottom:                       0px}

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


/* Useful links pages */
/* ================== */

H2.UsefulLinks {
  font-size:                            100%}

P.UsefulLinksDescription {
  padding-top:                          2px}

P.UsefulLinksDomain {
  padding-top:                          2px;
  font-weight:                          bold}

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


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