/* =============================================================================
* Lower Page-Specific Styles
* ==============================================================================
*
* TABLE OF CONTENTS
* 1. General Styles
* 2. Subnavigation
* 3. Typography
*   3.1 Lists
*   3.2 Corporate Governance Pages
*   3.3 Board / Executive Officers Page
*   3.4 News & Media Page
*   3.5 Shareholder Information Page
* 4. Forms
* 5. Mobile Version
* 6. Mobile Version
*/

/* **************************************************************************
* 1. General Styles
* *************************************************************************** */

/* Container for all content on page, including headlines */
#pgContainer {
    min-height: 100%; /* Required to force footer to bottom of screen on pages with minimal content */
    margin-left: 8.2%; /* 1 column and 1 gutter. 78.33px / 960px = 0.082 */
    margin-right: 8.2%; /* 1 column and 1 gutter. 78.33px / 960px = 0.082 */
}

/* Container for body text and sidebar content (no headline) */
#contentContainer {
    width: 100%;
}


h1 + #contentContainer {
    margin-top: 2.5em; /* Forces container down when there's no h2 */
}

/* Body text area */
#bodyText {
    height: 100%;
    margin-bottom: 2em;
    padding: 30px;

    background-color: #fff;
    border: 1px solid #999;
}

        /* Medium / Tablet And Large / Desktop Screens */
        @media only screen and (min-width: 520px) {
            #bodyText {
                float: left;

                width: 49%; /* 6 columns and 6 gutters. 469.98px / 960px = 0.49 */
            }
        }


/* **************************************************************************
* 2. Subnavigation
* *************************************************************************** */

.subnav ul {
    list-style-type: none;
    border-top: 1px solid #999;
}

/* Individual subnav items */
.subnav ul li {
    padding: 8px 0;
    border-bottom: 1px solid #999;
    background: url(images/arrows/right-arrow.png) no-repeat right center;
}

/* Subnav links */
.subnav a:link,
.subnav a:visited,
.subnav a:hover,
.subnav a:active {
    color: #002741;
    text-decoration: none;
    text-transform: capitalize;
}

.subnav + p,
.subnav + form {
    margin-top: 3 em; /* Creates space between subnav and elements below it */
}


/* **************************************************************************
* 3. Typography
* *************************************************************************** */

#bodyText p:last-of-type {
    margin-bottom: 0; /* Removes bottom margin from last p on page */
}

p a:link,
p a:visited,
p a:hover,
p a:active {
    text-decoration: underline;
}

sup {
    font-size: 0.8em; /* 10px / 16px = 0.625 */
}

.footnote {
    font-size: 0.625em; /* 10px / 16px = 0.625 */
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

/* 3.1 Lists
* --------------------------------------------------------------------------- */

#bodyText li {
    margin-left: 1em;
    margin-bottom: 1.25em;
}

#bodyText li a:after {
    margin-left: 0.75em;

    content:url('images/arrows/right-arrow.png');
}

#bodyText ol li {
    margin-left: 2.2em;
}

/* Ordered list with lowercase letters*/
.lowerAlpha {
    list-style-type: lower-alpha;
}

#bodyText dt {
    margin-top: 1.25em;

    font-size: 0.75em;
    font-weight: bold;
    color: #012e4e;
}

p + dl {
    margin-top: 2em; /* Adds space when dl is preceded by p */
}

/* 3.2 Corporate Governanace Pages
* --------------------------------------------------------------------------- */

article {
    counter-reset:section; /* Resets counter for an article */
}

section h3:before {
    content:counter(section, upper-roman) ". "; /* Adds counter before each h3 */
    counter-increment:section; /* Increments counter */
}

/* 3.3 Board / Executive Officers Pages
* --------------------------------------------------------------------------- */

/* Job titles */
.title {
    margin-bottom: 1em;
    font-style: italic;
}

/* 3.4 News & Media Page
* --------------------------------------------------------------------------- */

.newsTitles {
    list-style-type: none;
}

/* 3.5 Shareholder Information Page
* --------------------------------------------------------------------------- */

/* Service provider headers */
#sidebar dt {
    font-size: 0.75em; /* 12px / 16px = 0.75 */
    line-height: 1.65;
    color: #666;
    font-weight: bold;
}


/* **************************************************************************
* 4. Forms
* *************************************************************************** */

.errors {
    list-style-type: none;
}

.errors li {
    color: #a80505;
}


/* Submit button for contact form */
#contactForm input[type="submit"] {
    position: relative;
    left: 10%;

    display: block;
    margin-left: -10%;
    margin-top: 12px;
}

/* Starting address field on contact page */
#saddr {
    width: 20em;
}


/* **************************************************************************
* 5. Mobile Version
* *************************************************************************** */

/* Link back to home page */
.homeLink {
    padding-top: 1.5em;
}

    /* Medium / Tablet and Large / Desktop Screens */
    @media only screen and (min-width: 520px) {
        .homeLink {
            display: none; /* Hide link */
        }
    }



/* **************************************************************************
* 6. Other
* *************************************************************************** */

h3.small {
font-size: .7em;
}