body {font-family : Arial, Helvetica, sans-serif; font-size : small; background-color : #FFFFFF;}

/****************** BOTTOM NAVIGATION LINKS  *******************/
.back {font-family : Arial, Helvetica, sans-serif; font-size : 10pt; font-weight : 700; color : #000000; text-decoration : none;}
a.back {color : #000000; text-decoration : underline;}
a.back:hover {color : #CC0000; text-decoration : none;}

.top {font-family : Arial, Helvetica, sans-serif; font-size : 10pt; font-weight : 700; color : #000000; text-decoration : none;}
a.top {color : #000000; text-decoration : underline;}
a.top:hover {color : #000066; text-decoration : none;}

.bnav {font-family : Arial, Helvetica, sans-serif; font-size : 8pt; color : #CC0000; text-decoration : none;}
a.bnav {color : #000099; text-decoration : underline;}
a.bnav:hover {color : #CC0000; text-decoration : none;}

/****************** Copyright and "Revised date"  ******************/
.copy {font-family : Arial, Helvetica, sans-serif; font-size : 8pt;}

/*************** MAIN TEXT STYLES ***************/
*, td, p, em, b, ul, ol, dl, li, pre {font-family : Arial, Helvetica, sans-serif; font-size : small;}

p small {font-family : Arial, Helvetica, sans-serif; font-size : x-small;}

h1 {font-family : "Times New Roman", "Times Roman", Times, serif; font-size : large; font-weight : 800; color : #;}
h2 {font-family : Arial, Helvetica, sans-serif; font-size : medium; font-weight : 700;}
h3, h3i, h3em {font-family : Arial, Helvetica, sans-serif; font-size : small;; font-weight : 700;}
h4 {font-family : Arial, Helvetica, sans-serif; font-size : x-small; font-weight : 700;}
h5 {font-family : Arial, Helvetica, sans-serif; font-size : xx-small; font-weight : 700;}
h6 {font-family : Arial, Helvetica, sans-serif; font-size : xx-small; font-weight : 400;}

a {color : #000099; text-decoration : underline;}
a:hover {text-decoration : none; color : #CC0000;}

.white {color : #FFFFFF;}
a.white {color : #FFFFFF; text-decoration : none;}
a.white:hover {color : #FFFFFF; text-decoration : underline;}

header {
    position: relative;
    width: 100%;
    height: 141px;
    margin-bottom: 20px;
    background: url("../images/template_header.jpg") no-repeat center center;
    background-size: contain;
}

footer:before {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    margin: 20px 0 20px 0;
    content: "© 2006 - 2012 All Rights Reserved 4D Interactive Inc., a subsidiary of Invert Media Inc.";
    word-break: break-all;
    white-space: break-spaces;
    padding: 0 30px 0 30px;
}

.container {
    max-width: 780px;
}

.download-acrobat:after {
    content: " ";
    width: 263px;
    height: 74px;
    display: block;
    background: url("../images/acrobat.jpg") no-repeat -4px center;
    background-size: contain;
}

.download-acrobat-fr:after {
    content: " ";
    width: 112px;
    height: 33px;
    display: block;
    background: url("../fr/images/get_adobe_reader.gif") no-repeat -4px center;
    background-size: auto auto;
}

.learning-activties td:nth-child(1) {
    width: 25%;
    font-weight: bolder;
}

.learning-activties td {
    vertical-align: top;
}

ol.letter-with-parenthesis {
    counter-reset: list;
}

ol.letter-with-parenthesis > li {
    list-style: none;
    position: relative;
}

ol.letter-with-parenthesis > li:before {
    counter-increment: list;
    content: counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.4em;
}

/*override bootstrap*/
.btn-link {
    color: #000099;
}