/* --------------------------------------------- The default text of the document ----------------------------------- */
Body {
    background-color: white;
    background-image: url("../images/fleur-de-lis.jpg");
    font-family: "Calibri",sans-serif;
    font-size: 12pt;
    font-weight: normal;
    color: black;
}
/* ------------------------------------------------------- Header table ----------------------------------------------- */
.headerTable {
    width: 100%;
    height: 50px;
    border: 0px;
    padding: 0px;
    border-collapse: collapse;
}
/* Setting for the main title in the header table */
.headerTDCenter {
    font-family: "Calibri",sans-serif;
    font-size: 18.0pt;
    font-weight: bold;
    text-align: center;
    vertical-align: central;
}

.subheaderfrench {
    font-size: 16.0pt;
    font-weight: bold;
    color: dodgerblue;
}
/* Setting for the right title in the header table */
#righttitle {
    font-family: "Calibri",sans-serif;
    font-size: 14.0pt;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}
/* ----------------------------------------------- The main content DIV settings ------------------------------------- */
.contentdiv {
    width: 800px;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
}

.middletitle {
    font-family: "Calibri",sans-serif;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
}

.righttitle {
    font-family: "Calibri",sans-serif;
    font-weight: bold;
    line-height: 12px;
    text-align: right;
    vertical-align: top
}
/* ----------------------------------------------------- Footer Table ------------------------------------------------- */
.footerTable {
    width: 100%;
    height: 50px;
    border: 0px;
    padding: 0px;
    border-collapse: collapse;
}

.footerArrowLeft {
    border: solid 2px black;
    border-right: 0px;
    background-color: lightskyblue;
    border-collapse: collapse;
    vertical-align: central;
    line-height: 12pt;
    text-align: left;
    padding-right: 8px;
}

.footerFilledTDLeft {
    border: solid 2px black;
    border-left: 0px;
    background-color: lightskyblue;
    border-collapse: collapse;
    vertical-align: central;
    font-family: "Calibri",sans-serif;
    font-weight: bold;
    line-height: 12pt;
    text-align: left;
    padding-left: 8px;
}

.footerFilledTDCenter {
    border: solid 2px black;
    background-color: lightskyblue;
    border-collapse: separate;
    vertical-align: central;
    font-family: "Calibri",sans-serif;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
}

.footerFilledTDRight {
    border: solid 2px black;
    border-right: 0px;
    background-color: lightskyblue;
    border-collapse: collapse;
    vertical-align: central;
    font-family: "Calibri",sans-serif;
    font-weight: bold;
    line-height: 12pt;
    text-align: right;
    padding-right: 8px;
}

.footerArrowRight {
    border: solid 2px black;
    border-left: 0px;
    background-color: lightskyblue;
    border-collapse: collapse;
    vertical-align: central;
    line-height: 12pt;
    text-align: right;
    padding-right: 8px;
}
/* ----------------------------------- Coloured text for french, pronounced and bold equvalents -------------------------------- */
/*                                              NB: English normal is the default                                                */
/* ----------------------------------------------------------------------------------------------------------------------------- */
.englishBold {
    font-family: "Calibri",sans-serif;
    font-weight: bold;
    color: black;
}

.frenchBold {
    font-family: "Calibri",sans-serif;
    font-weight: bold;
    color: dodgerblue;
}

.french {
    font-family: "Calibri",sans-serif;
    color: dodgerblue;
}

.redBold {
    font-family: "Calibri",sans-serif;
    font-weight: bold;
    color: red;
}

.greenBold{
    font-family: "Calibri",sans-serif;
    font-weight: bold;
    color: green;
}
.pronounced {
    font-family: "Calibri",sans-serif;
    font-weight: normal;
    font-style: italic;
    color: green;
}

/* ------------------------------------------- Centered table with border -----------------------------------------------
                            Plus coloured TD tags and equivalent language TD tags
  ------------------------------------------------------------------------------------------------------------------------ */
.borderedTable {
    border: solid 2px black;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    font-size: 12.0pt;
}
/* Black Bold - English TD tags */
.borderedTDBlackBold {
    border: solid 2px black;
    border-collapse: collapse;
    text-align: center;
    padding: 2px 2px 0px 0px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    font-weight: bold;
    color: black;
}

/* Black - English TD tags */
.borderedTDBlack {
    border: solid 2px black;
    border-collapse: collapse;
    text-align: left;
    padding: 2px 2px 2px 4px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: black;
}

.borderedTDEnglish {
    border: solid 2px black;
    border-collapse: collapse;
    text-align: left;
    padding: 2px 2px 2px 4px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: black;
}
.borderedTDEnglishCenter {
    border: solid 2px black;
    border-collapse: collapse;
    text-align: center;
    padding: 2px 2px 2px 4px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: black;
}
/* Blue - French TD tags */
.borderedTDBlue {
    border: solid 2px black;
    border-collapse: collapse;
    text-align: left;
    padding: 2px 2px 2px 4px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: dodgerblue;
}

.borderedTDFrench {
    border: solid 2px black;
    border-collapse: collapse;
    text-align: left;
    padding: 2px 2px 2px 4px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: dodgerblue;
}
.borderedTDFrenchCenter {
    border: solid 2px black;
    border-collapse: collapse;
    text-align: center;
    padding: 2px 2px 2px 4px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: dodgerblue;
}
/* Green Italic - Pronounced TD tags */
.borderedTDGreenItalic {
    border: solid 2px black;
    border-collapse: collapse;
    text-align: left;
    padding: 2px 2px 2px 4px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: green;
    font-style: italic;
}

.borderedTDpronounced {
    border: solid 2px black;
    border-collapse: collapse;
    text-align: left;
    padding: 2px 2px 2px 4px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: green;
    font-style: italic;
}
.borderedTDpronouncedCenter {
    border: solid 2px black;
    border-collapse: collapse;
    text-align: center;
    padding: 2px 2px 2px 4px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: green;
    font-style: italic;
}
/* ----------------------------------------- Centered table without border -----------------------------------------------
                                          Plus coloured TD tags and equivalent language TD tags
-------------------------------------------------------------------------------------------------------------------------- */
.borderlessTable {
    border: 0px;
    padding: 0px;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    font-size: 12.0pt;
}

.borderlessTDBlackBold {
    border: 0px;
    border-collapse: collapse;
    text-align: left;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    font-weight: bold;
    color: black;
}

/* Black - English TD tags */
.borderlessTDBlack {
    border: 0px;
    border-collapse: collapse;
    text-align: left;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    font-weight: normal;
    color: black;
}

.borderlessTDEnglish {
    border: 0px;
    border-collapse: collapse;
    text-align: left;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: black;
}

/* Blue - French TD tags */
.borderlessTDBlue {
    border: 0px;
    border-collapse: collapse;
    text-align: left;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: dodgerblue;
}

.borderlessTDFrench {
    border: 0px;
    border-collapse: collapse;
    text-align: left;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: dodgerblue;
}

/* Green Italic - Pronounced TD tags */
.borderlessTDGreenItalic {
    border: 0px;
    border-collapse: collapse;
    text-align: left;
    padding: 0px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: green;
    font-style: italic;
}

.borderlessTDPronounced {
    border: 0px;
    border-collapse: collapse;
    text-align: left;
    padding: 0px;
    vertical-align: middle;
    font-family: "Calibri",sans-serif;
    color: green;
    font-style: italic;
}
.numLeftBoldTd {
    border: 0px;
    border-collapse: collapse;
    text-align: Left;
    vertical-align: central;
    padding: 0px;
    font-family: "Lucida Console",Calibri;
    font-size: 12.0pt;
    font-weight: bold;
    color: black;
}
/* -------------------------------------- This is a borderless empty Table Cell    ---------------------------------
                           useful for seperating a table into seperate blocks or blank top left cells
 -------------------------------------------------------------------------------------------------------------------------*/
.EmptyTD {
    border: 0px;
    border-collapse: collapse;
    padding: 0px;
    background-color: white;
}
/* --------------------------------------------------- href setings for pages links ----------------------------------------*/
a.pages:link {
    color: black;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    font-family: Calibri;
}

a.pages:visited {
    color: navy;
    text-decoration: none;
    font-weight: bold;
    font-family: Calibri;
}

a.pages:hover {
    color: green;
    text-decoration: none;
    font-weight: bold;
    font-family: Calibri;
}

a.pages:active {
    color: red;
    text-decoration: none;
    font-weight: bold;
    font-family: Calibri;
}
/* ------------------------------------------- @media changes for tablet --------------------------------------------- */

@media screen and (max-width: 1601px) {
    body {
        font-size: 13pt;
    }

    .borderlessTable {
        font-size: 13.0pt;
    }

    .borderedTDEnglish {
        font-size: 13pt;
    }

    .borderedTDBlue {
        font-size: 13pt;
    }

    .borderedTDFrench {
        font-size: 13pt;
    }

    .borderedTDGreenItalic {
        font-size: 13pt;
    }

    .borderedTDpronounced {
        font-size: 13pt;
    }

    th {
        font-size: 13pt;
    }

    .righttitle {
        font-size: 14.0pt;
    }
}

@media only screen and (orientation: portrait) {
    body {
        font-size: 9pt;
    }

    .borderedTDEnglish {
        font-size: 14pt;
    }

    .borderedTDBlue {
        font-size: 14pt;
    }

    .borderedTDFrench {
        font-size: 14pt;
    }

    .borderedTDGreenItalic {
        font-size: 14pt;
    }

    .borderedTDpronounced {
        font-size: 14pt;
    }

    th {
        font-size: 14pt;
    }

    .righttitle {
        font-size: 14.0pt;
    }
}