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

/* Dark blue                    #003060                   */
/* Light blue                   #B5C4D7                   */
/* Light direction      120 Degrees, height 30    */


BODY {
  background-color:                     #FFFFFF;
  font-family:                          arial, sans-serif;
  margin:                                       0px;
  padding:                              0px;
  border:                                       2px solid #003060}

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

TD {
  vertical-align:                       top;
  margin:                                       0px;
  padding:                              0px;
  border:                                       0px}
 
IMG {
  margin:                                       0px;
  padding:                              0px;
  border:                                       0px}

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

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

P.EnhancedText {
  padding-top:                          20px;
  padding-left:                 30px;
  padding-right:                        30px;
  padding-bottom:                       10px;
  text-align:                           center;
  font-style:                           italic;
  font-size:                            100%;
  font-weight:                          bold;
  background-color:                     transparent}

P.IndentedText {
  padding-top:                          20px;
  padding-left:                         50px;
  padding-right:                        0px;
  padding-bottom:                       10px;
  font-size:                            100%}

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

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

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

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

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

UL.Level2 {
  list-style-image:                     url("bullet-level-2.jpg")}

OL {
  margin:                                       0px;
  padding-top:                          15px;
  padding-left:                 50px;
  padding-right:                        20px;
  padding-bottom:                       0px;
  border:                                       0px}

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

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

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

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

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

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




/* Page top */
/* -------- */

TABLE.PageTop {
  table-layout:                 fixed}

TD.PageTopColumnMenuBarTop {
  height:                                       0px;
  width:                                        120px;
  background-image:                     url("block-dark-blue.gif");
  background-repeat:            repeat}

TD.PageTopColumnWorld {
  width:                                        80px;
  background-image:                     url("block-dark-blue.gif");
  background-repeat:            repeat}

TD.PageTopColumnEndSection {
  background-image:                     url("top-end-background.gif");
  background-repeat:            no-repeat}

TD.PageTopLogo {
  height:                                       115px;
  text-align:                           left;
  padding-top:                          8px;
  padding-left:                         24px;
  background-image:                     url("ems-logo-background.gif");
  background-repeat:                    no-repeat}

IMG.PageTopLogo {
  width:                                        336px;
  height:                                       102px}

TD.PageTopMenuBarTop {
  background-image:                     url("menu-bar.gif");
  background-repeat:            repeat-y}

TD.PageTopSpareSection {
  background-image:                     url("top-spare-section.gif");
  background-repeat:            no-repeat}
  
TD.PageTopWorld1 {
  text-align:                           center;
  padding-top:                          12px;
  background-image:                     url("top-world-1-background.gif");
  background-repeat:            no-repeat}

TD.PageTopWorld2 {
  text-align:                           center;
  padding-top:                          9px;
  background-image:                     url("top-world-2-background.gif");
  background-repeat:            no-repeat}

TD.PageTopWorld3 {
  text-align:                           center;
  padding-top:                          1px;
  background-image:                     url("top-world-3-background.gif");
  background-repeat:            no-repeat}

TD.PageTopWorld4 {
  text-align:                           center;
  padding-top:                          105px;
  background-image:                     url("top-world-4-background.gif");
  background-repeat:            no-repeat}

TD.PageTopWorld5 {
  text-align:                           center;
  padding-top:                          89px;
  background-image:                     url("top-world-5-background.gif");
  background-repeat:            no-repeat}

TD.PageTopWorld6 {
  text-align:                           center;
  padding-top:                          69px;
  background-image:                     url("top-world-6-background.gif");
  background-repeat:            no-repeat}

TD.PageTopWorld7 {
  text-align:                           center;
  padding-top:                          44px;
  background-image:                     url("top-world-7-background.gif");
  background-repeat:            no-repeat}

TD.PageTopEndSection {
  background-image:                     url("top-end.gif");
  background-repeat:            no-repeat}

P.PageTopLink {
  color:                                        #003060;
  font-size:                            80%;
  font-weight:                          bold;
  text-align:                           center;
  padding-top:                          5px;
  padding-left:                 2px;
  padding-right:                        2px;
  padding-bottom:                       0px}

A.Menu:link {
  color:                                        #003060;
  text-decoration:                      none}

A.Menu:visited {
  color:                                        #003060;
  text-decoration:                      none}

A.Menu:active {
  color:                                        #003060;
  text-decoration:                      underline}

A.Menu:hover {
  color:                                        #003060;
  text-decoration:                      underline}

P.CenteredPicture {
  text-align:                           center;
  padding-top:                          20px;
  padding-left:                 20px;
  padding-right:                        20px;
  padding-bottom:                       20px}








/* Main page */
/* --------- */

TD.MainPageSidePanel {
  width:                                        230px}

TD.MainPageContents {
  padding-top:                          0px;
  padding-left:                 20px;
  padding-right:                        20px;
  padding-bottom:                       20px}

IMG.ContentsPictureFloatLeft {
  float:                                        left;
  margin-top:                           10px;
  margin-left:                          0px;
  margin-right:                 10px;
  margin-bottom:                        10px}

IMG.ContentsPictureFloatRight {
  float:                                        right;
  margin-top:                           10px;
  margin-left:                          10px;
  margin-right:                 0px;
  margin-bottom:                        10px}



/* Side panel */
/* ---------- */

TABLE.SidePanel {
  table-layout:                 fixed}

TD.SidePanelColumnMenuBar {
  height:                                       10px;
  width:                                        30px;
  background-image:                     url("menu-bar.gif");
  background-repeat:            repeat-y}

TD.SidePanelColumnItem {}

TD.SidePanelContactOval {
  padding-left:                 10px;
  background-image:                     url("menu-bar.gif");
  background-repeat:            repeat-y}

TD.SidePanelMenuHeading {
  padding-top:                          10px;
  padding-left:                 10px;
  background-image:                     url("menu-bar.gif");
  background-repeat:            repeat-y}






/* Contact oval */
/* ------------ */

TABLE.ContactOval {
  table-layout:                 fixed}

TD.ContactOvalColumn1 {
  height:                                       1px;
  width:                                        20px}

TD.ContactOvalColumn2 {
  width:                                        165px}

TD.ContactOvalColumn3 {
  width:                                        25px}

TD.ContactOvalTop {
  height:                                       15px;
  background-image:                     url("oval-top.jpg");
  background-repeat:            no-repeat}

TD.ContactOvalTopLeft {
  height:                                       10px;
  background-image:                     url("oval-top-left.jpg");
  background-repeat:            no-repeat}

TD.ContactOvalText {
  text-align:                           center;
  vertical-align:                       middle;
  background-image:                     url("block-dark-blue.gif");
  background-repeat:            repeat}

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

TD.ContactOvalTopRight {
  background-image:                     url("oval-top-right.jpg");
  background-repeat:            no-repeat}

TD.ContactOvalLeft {
  min-height:                           1px;
  background-image:                     url("oval-left.jpg");
  background-repeat:            repeat-y}

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

TD.ContactOvalBottomLeft {
  height:                                       9px;
  background-image:                     url("oval-bottom-left.jpg");
  background-repeat:            no-repeat}

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

TD.ContactOvalBottom {
  height:                                       35px;
  background-image:                     url("oval-bottom.jpg");
  background-repeat:            no-repeat}





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

TD.MenuHeadingTopLeft {
  width:                                        7px;
  height:                                       7px;
  background-image:                     url("title-heading-top-left.gif");
  background-repeat:            no-repeat}

TD.MenuHeadingTop {
  background-image:                     url("title-heading-top.gif");
  background-repeat:            repeat-x}

TD.MenuHeadingTopRight {
  width:                                        7px;
  background-image:                     url("title-heading-top-right.gif");
  background-repeat:            no-repeat}

TD.MenuHeadingLeft {
  background-image:                     url("title-heading-left.gif");
  background-repeat:            repeat-y}

TD.MenuHeadingText {
  background-image:                     url("block-dark-blue.gif");
  background-repeat:            repeat}

P.MenuHeadingText {
  font-size:                            90%;
  font-weight:                          bold;
  color:                                        #FFFFFF;
  padding-top:                          0px;
  padding-left:                 10px;
  padding-right:                        10px;
  padding-bottom:                       0px}

TD.MenuHeadingRight {
  background-image:                     url("title-heading-right.gif");
  background-repeat:            repeat-y}

TD.MenuHeadingBottomLeft {
  height:                                       7px;
  background-image:                     url("title-heading-bottom-left.gif");
  background-repeat:            no-repeat}

TD.MenuHeadingBottom {
  background-image:                     url("title-heading-bottom.gif");
  background-repeat:            repeat-x}

TD.MenuHeadingBottomRight {
  background-image:                     url("title-heading-bottom-right.gif");
  background-repeat:            no-repeat}

TD.MenuHeadingBottomSpacer {
  height:                                       5px}








/* Side menu entries */
/* ----------------- */

TD.SideMenuDot {
  vertical-align:                       middle;
  padding-left:                 14px;
  background-image:                     url("menu-bar.gif");
  background-repeat:            repeat-y}

TD.SidemenuEndSpacer {
  height:                                       10px;
  background-image:                     url("menu-bar.gif");
  background-repeat:            repeat-y}

TD.SideMenuEndDot {
  vertical-align:                       top;
  padding-left:                 14px;
  padding-bottom:                       20px;
  background-image:                     url("menu-end-dot-background.gif");
  background-repeat:            no-repeat}

TD.SideMenuEntryLevel1 {
  vertical-align:                       middle}

P.SideMenuEntrylevel1 {
  font-size:                            80%;
  font-weight:                          bold;
  color:                                        #003060;
  padding-top:                          5px;
  padding-left:                 0px;
  padding-right:                        0px;
  padding-bottom:                       5px}

TD.SideMenuEntryLevel2 {
  vertical-align:                       middle}

P.SideMenuEntrylevel2 {
  font-size:                            80%;
  font-weight:                          bold;
  color:                                        #003060;
  padding-top:                          5px;
  padding-left:                         10px;
  padding-right:                        0px;
  padding-bottom:                       5px}

TD.SideMenuImage {
  text-align:                           center;
  padding-top:                          20px;
  padding-left:                 10px}

TD.SideMenuLogo {
  text-align:                           left;
  padding-top:                          20px;
  padding-left:                 20px}

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

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

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

A.SidePanelMenuHeading:hover {
  color:                                        #FFFFFF;
  text-decoration:                      underline}





/* Side panel shadow box */
/* --------------------- */

/* NB the widths for the columns */
/* here must total to the width  */
/* of MainPageSidePanel - 10     */

TABLE.SidePanelShadowBox {
  table-layout:                 fixed}

TD.SidePanelShadowBoxColumn1 {
  width:                                        10px;
  height:                                       1px}

TD.SidePanelShadowBoxColumn2 {
  width:                                        10px}

TD.SidePanelShadowBoxColumn3 {
  width:                                        190px}

TD.SidePanelShadowBoxColumn4 {
  width:                                        10px}

TD.SidePanelShadowBoxSpacer {
  height:                                       10px}

TD.SidePanelShadowBox {
  background-image:                     url("block-dark-blue.gif");
  background-repeat:            repeat}
  
TD.SidePanelShadowBoxTopRight {
  height:                                       10px;
  background-image:                     url("shadow-top-right.jpg");
  background-repeat:            no-repeat}

TD.SidePanelShadowBoxText {
  background-image:                     url("block-dark-blue.gif");
  background-repeat:            repeat;
  padding-top:                          0px;
  padding-left:                 10px;
  padding-right:                        10px;
  padding-bottom:                       5px}

P.SidePanelShadowBoxText {
  font-size:                            100%;
  font-weight:                          bold;
  color:                                        #FFFFFF;
  padding-top:                          0px;
  padding-left:                 0px;
  padding-right:                        0px;
  padding-bottom:                       5px}

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

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

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

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

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

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

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

A.SidePanelShadowBox:hover {
  color:                                        #FFFFFF;
  text-decoration:                      underline}




/* Home page */
/* --------- */

UL.HomePageBullets {
  padding-top:                          20px;
  padding-left:                 40px;
  padding-right:                        20px;
  padding-bottom:                       0px}

LI.HomePageBullets {
  font-size:                            110%;
  font-weight:                          bold;
  padding-top:                          0px;
  padding-left:                 0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

P.HomePageBullets {
  padding-top:                          0px;
  padding-left:                 40px;
  padding-right:                        20px;
  padding-bottom:                       0px}




/* Brochure box */
/* ------------ */

/* NB the widths for the columns */
/* here must total to the width  */
/* of MainPageSidePanel - 10     */

TABLE.Brocure {
  table-layout:                 fixed}

TD.BrochureSpacer {
  width:                                        1px;
  height:                                       10px}

TD.Brochure {
  width:                                        230px;
  padding-left:                 10px;
  padding-right:                        10px}

IMG.Brochure {
  width:                                        210px;
  height:                                       294px}

TD.BrochureText {}

P.BrochureText {
  text-align:                           center;
  font-size:                            100%;
  font-weight:                          bold;
  padding-top:                          5px;
  padding-left:                 0px;
  padding-right:                        0px;
  padding-bottom:                       5px}


/* Page bottom */
/* ----------- */

TD.BottomWhiteSpacer {
  height:                                       20px}

TD.BottomBorder {
  height:                                       10px;
  background-image:                     url("block-light-blue.gif");
  background-repeat:            repeat}

TD.BottomSpacer {
  height:                                       8px;
  background-image:                     url("block-dark-blue.gif");
  background-repeat:            repeat}

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

TD.BottomInfoLine {
  text-align:                           center;
  vertical-align:                       middle;
  background-image:                     url("block-dark-blue.gif");
  background-repeat:            repeat}

P.BottomInfoLine {
  text-align:                           center;
  font-size:                            100%;
  color:                                        #FFFFFF;
  padding-top:                          2px;
  padding-left:                 10px;
  padding-right:                        10px;
  padding-bottom:                       2px}

P.BottomAFMLine {
  text-align:                           center;
  font-size:                            100%;
  color:                                        #FFFFFF;
  padding-top:                          10px;
  padding-left:                 10px;
  padding-right:                        10px;
  padding-bottom:                       2px}

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

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

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

A.BottomLink:hover {
  color:                                        #FFFFFF;
  text-decoration:                      underline}




/* Useful links page */
/* ----------------- */

H3.LinkTitle {
  text-align:                           left;
  margin-top:                           0px;
  margin-right:                 10px;
  margin-bottom:                        0px;
  margin-left:                          0px;
  padding:                              0px;
  border:                                       0px}

P.LinkDescription {
  margin-top:                           0px;
  margin-right:                 10px;
  margin-bottom:                        25px;
  margin-left:                          0px;
  padding:                              0px;
  border:                                       0px}





/* END */