html, body {
font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;       /*standard co font defaults*/
}
span {
font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;       /*standard co font defaults*/
}
.brand-dfds1 { /*Does not link to ferry page so is hard-coded */
  background-color: #92C3E3;   /* Cornflower */
  color: #002B44;                 /* Prussion Blue text */
  text-align: center;
  font-family: Comic Sans MS, Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;       /*standard co font defaults*/
}
.lo-f{
    text-align: left;
    background-color: #ffffff;
    color: #0E2C73;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    line-height: 25px;
    font-family: "Trebuchet ms", Roboto, "Segoe UI", Verdana, Tahoma, Arial, sans-serif;       /*standard co font defaults*/
}
.lo-d{
    text-align: left;
    font-weight: normal;
    font-style: normal;   
}
.p1 {
    text-align: left;
    font-size: 17px;
    background-color: #ffffff;
    color: #0E2C73;
    margin-left: 20%;
}
.p1a {                                      /* Used in internal newsletter */
    text-align: left;
    font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;       /*standard co font defaults*/
	font-size: 17px;
    text-align: left;
    background-color: #ffffff;  
}
.grey {
    text-align: left;
    font-size: 17px;
    text-align: left;
    background-color: #ffffff;
    color: #808080;
    margin-left: 20%;
}
.med-blue {                                             /* Used for internal Newsfeed */
    font-size: 17px;
	color: #0E2C73;
    font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
.med-blue-safety {
    text-align: left;
    font-size: 17px;
    text-align: left;
    background-color: #ffffff;-->
    color: #0E2C73;
    margin-left: 5%;
}

.text-centre {
    text-align: center;
    font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif       /*standard co font defaults*/
    font-size: 20px;
    color: #0E2C73;
}
.text-small {                              
    text-align: left;
    font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif       /*standard co font defaults*/
    font-size: 5px;               /* Previously 10px */
    color: #0E2C73;
}
.hidden {                                            /*Official version to Hide Text*/
    display: none;
}
.hh {                                            /*Adrian Hide Text Version*/
    display: none;
    font-size: 1px;
    color: #ffffff;
}
.tick-list li::before {
  content: "&tick;";
  color: 009938;
  margin-right: 8px;
}
.smce {
    text-align: center;
    color: #000000;
    FONT-SIZE: 11pt;
    FONT-FAMILY: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif
}
.smbl {
    text-align: justify;
    color: #999999;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif
}

#p_title {
     color: 009938;
     text-align: center;
     }
.testDiv {
     background-color: 30CCCC;
     color: pink;
     }
.t2 {
     background-color: #ffffff;
     color: #0E2C73;
     font-size: 14pt;
     }
.readDiv {
     color: pink;
    }
    .border-grey {
        border: 2px solid #808080;              /*GREY*/
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 15px;
        width: 75%;
        margin: auto;
        margin: auto;
        text-align: center;
        font-size: 12px; 
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    .border-grey-sq {
        border: 2px solid #808080;              /*GREY*/
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 8px;
        width: 75%;
        margin: auto;
        text-align: justify;
        color: #0E2C73;
        font-size: 11px; 
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    .border-grey-gr-sq {
        border: 2px solid #808080;              /*GREY*/
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 8px;
        width: 75%;
        margin: auto;
        text-align: justify;
        color: #808080;
        font-size: 11px; 
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    .border-or-sq {
        border: 2px solid #F95700;              /*ORANGE*/
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 8px;
        width: 80%;
        margin: auto;
        text-align: justify;
        color: #0E2C73;
        font-size: 15px; 
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    .border-grn-sq {
        border: 4px solid #009938;              /*GREY*/
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        padding: 8px;
        width: 75%;
        margin: auto;
        text-align: justify;
        color: #0E2C73;
        font-size: 18px; 
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    
    .border-plain {
        border: 2px solid #0E2C73;/*light blue - dark blue #0086AD; - grey #808080;              /*GREY*/
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 8px;
        display: block;
        color: #0086AD;                          /*BRAND BLUE*/
        font-size: 11px;
        font-weight:  bold;
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    .border-account {
        border: 2px solid #0E2C73;/*light blue - dark blue #0086AD; - grey #808080;              /*GREY*/
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 15px;                     /* Is 15px due to payment receipt message (rc) & updated (1o) */
        display: inline-block;
        color: #0086AD;                          /*BRAND BLUE*/
        font-size: 15px;
        font-weight:  bold;
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    .section-head {                             /* Section Heading */
        border: 1px solid #0E2C73;
        background-color: rgba(48,204,204,0.1);
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 4px;
        width: 95%;
        margin: auto;
        text-align: center;
        color: #F95700; 
        font-size: 16px; 
        font-weight:  bold;
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    .section-sub {                             /* Section Sub Heading */
        border: 1px solid #0E2C73;
        background-color: rgba(48,204,204,0.1);
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 3px;
        display: center-block;  
        width:78%;
        margin: 0 auto;
        margin: auto;
        text-align: center;
        color: #F95700; 
        font-size: 15px; 
        font-weight:  bold;
        
} 
.section-sub1 {
    border: 1px solid #0E2C73;
    background-color: rgba(48,204,204,0.1);
    border-radius: 50px;
    padding: 2px;
    display: block;               /* changed from inline-block */
    width: fit-content;
    margin-left: 5%;               /* reset margin */
    text-align: left;
    color: #F95700;
    font-size: 15px;
    font-weight: bold;
    font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
}
    .section-sub-fit {                             /* Section Sub Heading | FIT CONTENTS*/
        border: 2px solid #0E2C73;
        background-color: rgba(48,204,204,0.1);
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 5px 8px 5px 8px;               /* Top - Right - Bottom - Left */
        display: inline-block;  
        width:fit-content;
        margin-left: 25px;
        text-align: left;
        color: #F95700; 
        font-size: 15px; 
        font-weight:  bold;
	}
    .section-sub-fit-button {
        border: 2px solid #0E2C73;
        background-color: rgba(48,204,204,0.1);
        border-radius: 50px;
        padding: 5px 8px;
      
        display: inline-block;   /* makes the whole pill clickable */
        width: fit-content;
      
        margin-left: 30px;       /* indent before box */
        text-align: left;
      
        color: #F95700;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;   /* kill underline */
        cursor: pointer;   
    }
.border-contact {
    border: 2px solid #0E2C73;
    background-color: rgba(48, 204, 204, 0.1);
    border-radius: 50px;
    padding: 5px;
    display: inline-block;
    width: fit-content;
    margin-left: 6%;
    margin-bottom: 0;
    text-align: left;
    color: #F95700; 
    font-size: 15px;
    font-weight: bold;
    font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
}

    .border-box {               /* Equal box all corners */
        border-width: 2px 2px 2px 2px; /* Top Right Bottom Left */
        border-color: #F95700;              /*core orange*/
        border-style: solid; 
        border-radius: 30px;
        padding: 12px;
        width: 85%;
        margin: auto;
        text-align: left;
        color: #0E2C73; 
        font-size: 16px;
        font-weight: default; 
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    .border-box2 {               /* Top part of box where a link is highlighted in bottom part */
        border-width: 2px 2px 1px 2px; /* Top Right Bottom Left */
        border-color: #F95700;              /*core orange*/
        border-style: solid; 
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        padding: 12px;
        width: 85%;
        margin: auto;
        text-align: left;
        color: #0E2C73; 
        font-size: 15px;
        font-weight: default; 
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    .Link-box {                           /* Top part of box where ink is highlighted in bottom part */
        border-width: 0px 2px 2px 2px; /* Top Right Bottom Left */
        border-color: #F95700;              /*core orange*/
        border-style: solid; 
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        padding: 6px;
        width: 85%;
        margin: auto;
        text-align: center;
        color: #0E2C73; 
        font-size: 15px;
        font-weight: default; 
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    .Link-box1 {                           /* Bottom part of box where link is highlighted in bottom part aka here */
        border-width: 2px 2px 2px 2px; /* Top Right Bottom Left */
        border-color: #F95700;              /*core orange*/
        border-style: solid; 
        border-top-right-radius: 50px;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 6px;
        width: 85%;
        margin: auto;
        text-align: center;
        color: #0E2C73; 
        font-size: 15px;
        font-weight: default; 
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }
    
.hanging {
    font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, san-serif       /*standard co font defaults*/
    font-size: 14px;
    background-color: #ffffff;
    color: #0E2C73;
    margin-left: 12%;
    text-align:left;
    padding-left: 11%; /* Pushes entire paragraph over */
    text-indent:-5%;  /* Brings first line back */
    margin: auto;
}



    .title-small {                             /* Section Heading */
        border: 0px solid #0E2C73;
        padding: 1px;
        width: fit-content;
        margin: auto;
        text-align: auto;
        color: #0E2C73; 
        font-size: 4px; 
        font-weight:  default;
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
    }

    .MASTER-box {
        border: 4px solid #F95700;
        padding: 8px;
        width: 100%;
        margin: auto;
        text-align: center;
        justify-content:center;
        color: #0E2C73; 
        font-size: 15px; 
        font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;
}
.internal-menu-heading { 
    text-align: left;
    font-family: Roboto, Segoe UI, Verdana, Tahoma, Arial, sans-serif;       /*standard co font defaults*/
    font-size: 17px;
    text-align: center;
    background-color: #009938;
    color: #0E2C73;
    margin-left: 12.5%;
    margin-right: 5%;
/* General table styling */
.custom-table {
  border-collapse: collapse;
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #0E2C73;
}

/* Menu Table borders */
.menu-table {
  border-collapse: collapse;   /* makes borders look clean */
  width: 100%;                 /* full width */
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #0E2C73;
}

.menu-table td,
.menu-table th {
  border: 1px solid #0E2C73;       /* border color */
  padding: 8px;                /* cell padding */
}

/* Header row only */
.menu-table th {
  background-color: #F95700;   /* vibrant orange */
  color: #ffffff;                 /* white text */
  text-align: center;
}