html {
    margin: 0;
    padding: 0;
    font-size: 12pt;
}

body {
    margin: 0;
    padding: 0;
    font-size: 12pt;
}

span.tab {
    padding: 0 80px; /* Or desired space*/
}

.column {
    box-sizing: border-box;
}

#head {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 2000;
}
/*
|----------|----------|----------|
|          |          |          |
|   Logo   |  menu    |  search  |
|          |          |          |
|----------|----------|----------|
*/
#pageHeader {
    margin: 0.5em auto;
    width: 69.5em;
    min-height: 145px;
    padding: 0;
    clear: both;
}

    #pageHeader #logoAlt {
        display: none;
    }

    #pageHeader > .column {
        position: relative;
        float: left;
        width: 33%;
    }

        #pageHeader > .column > * {
            max-height: 9.625em;
            text-align: center;
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

    #pageHeader nav > ul {
        padding: 0;
    }

        #pageHeader nav > ul > li {
            border-right: 1px solid #bf3604;
            display: inline;
            font-size: 0.9em;
            margin: 0;
            padding: 0 0.5em 0 0.25em;
        }

            #pageHeader nav > ul > li > a {
                color: #707070;
            }

            #pageHeader nav > ul > li:last-child {
                border: 0 none;
            }

    #pageHeader > .column:not(:first-child) > * {
        font-size: 11pt;
        height: 7.5em;
    }

    #pageHeader > .column.last > * {
        height: 2em;
    }

/*
|--------------------------------|
|                                |
|      site navigation menu      |
|                                |
|--------------------------------|
*/
#mobileNavigation {
    display: none;
}

#siteNavigation {
    background-color: #f5f5f5;
    border-bottom: 8px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    clear: both;
    position: relative;
    text-align: center;
}


    #siteNavigation ul {
        margin: 0 auto;
        width: 69.5em;
        list-style: none;
        list-style-position: outside;
        padding: 0;
    }

        #siteNavigation ul > li {
            display: inline;
            margin: 0;
            padding: 0;
        }

    #siteNavigation > ul > li > a {
        display: none !important;
    }

    #siteNavigation ul > li > a {
        border-right: 1px solid #e0e0e0;
        display: inline-block;
        padding: 0.75em 1em;
    }

    #siteNavigation ul > li:hover > a {
        background-color: #3b8f9a;
        border-right: 1px solid #3b8f9a;
        color: #fff;
        text-decoration: none;
    }

    #siteNavigation ul > li:last-child > a {
        border: 0 none;
    }

    #siteNavigation ul > li, #siteNavigation ul > li > a, #siteNavigation ul > li > a:hover, #siteNavigation ul > li > a:link, #siteNavigation ul > li > a:visited {
        color: #707070;
        font-size: 0.9em;
        font-weight: bold;
    }

        #siteNavigation ul > li > div {
            background-color: #fff;
            border-bottom: 8px solid #e0e0e0;
            border-top: 8px solid #3b8f9a;
            border-right: 8px solid #e0e0e0;
            border-left: 8px solid #e0e0e0;
            font-size: 0.9em;
            padding: 1em;
            position: absolute;
            text-align: left;
            visibility: hidden;
            width: 69.5em;
            z-index: 999;
        }

        #siteNavigation ul > li > div > a:last-child
        {
            display:none;
        }

        #siteNavigation ul > li:hover > div {
            visibility: visible;
        }

            #siteNavigation ul > li:hover > div > dl, #siteNavigation ul > li:hover > div > ul {
                float: left;
                width: 25%;
            }

        #siteNavigation ul > li:hover > a {
            color: #fff;
        }

        #siteNavigation ul > li:hover > div > dl > dt > a {
            font-weight: bold;
        }

        #siteNavigation ul > li:hover > div > dl > dd {
            margin: 0.5em 1em 1em 0;
        }

    #siteNavigation .sideBar > ul > li {
        border: 0 none;
        display: block;
        font-size: 1em;
    }

        #siteNavigation .sideBar > ul > li > a {
            border: 0 none;
            font-size: 1.15em;
        }



#mobileNavigation {
    display: none;
    background-color: #f5f5f5;
    border-bottom: 8px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    clear: both;
    position: relative;
    text-align: center;
}

    #mobileNavigation ul {
        margin: 0 auto;
        width: 69.5em;
        list-style: none;
        list-style-position: outside;
        padding: 0;
    }

        #mobileNavigation ul > li {
            display: inline;
            margin: 0;
            padding: 0;
        }

    #mobileNavigation > ul > li > a {
        display: none !important;
    }

    #mobileNavigation ul > li > a {
        border-right: 1px solid #e0e0e0;
        display: inline-block;
        padding: 0.75em 1em;
    }

    #mobileNavigation ul > li:hover > a {
        background-color: #3b8f9a;
        border-right: 1px solid #3b8f9a;
        color: #fff;
        text-decoration: none;
    }

    #mobileNavigation ul > li:last-child > a {
        border: 0 none;
    }

    #mobileNavigation ul > li, #mobileNavigation ul > li > a, #mobileNavigation ul > li > a:hover, #mobileNavigation ul > li > a:link, #mobileNavigation ul > li > a:visited {
        color: #707070;
        font-size: 0.9em;
        font-weight: bold;
    }

        #mobileNavigation ul > li > div {
            background-color: #fff;
            border-bottom: 8px solid #e0e0e0;
            border-top: 8px solid #3b8f9a;
            border-right: 8px solid #e0e0e0;
            border-left: 8px solid #e0e0e0;
            font-size: 0.9em;
            padding: 1em;
            position: absolute;
            text-align: left;
            visibility: hidden;
            width: 69.5em;
            z-index: 999;
        }

        #mobileNavigation ul > li:hover > div {
            visibility: visible;
        }

            #mobileNavigation ul > li:hover > div > dl, #mobileNavigation ul > li:hover > div > ul {
                float: left;
                width: 25%;
            }

        #mobileNavigation ul > li:hover > a {
            color: #fff;
        }

        #mobileNavigation ul > li:hover > div > dl > dt > a {
            font-weight: bold;
        }

        #mobileNavigation ul > li:hover > div > dl > dd {
            margin: 0.5em 1em 1em 0;
        }

    #mobileNavigation .sideBar > ul > li {
        border: 0 none;
        display: block;
        font-size: 1em;
    }

        #mobileNavigation .sideBar > ul > li > a {
            border: 0 none;
            font-size: 1.15em;
        }


#breadCrumbs {
    font-size: 0.85em;
}

    #breadCrumbs a, #breadCrumbs a:hover, #breadCrumbs a:visited {
        color: #707070;
    }

    #breadCrumbs > ul {
        margin: 1em 0;
        padding: 0;
    }

        #breadCrumbs > ul > li {
            border-right: 1px solid #707070;
            display: inline;
            font-weight: normal;
            margin: 0;
            padding: 0 1em;
            padding-left: 0.69em .5em;
        }

            #breadCrumbs > ul > li:first-child {
                padding-left: 0;
            }

            #breadCrumbs > ul > li:last-child {
                color: #3b8f9a;
                border-right: 0 none;
            }

/*
|--------------------------------|
|                                |
|              body              |
|                                |
|--------------------------------|
*/
#body {
    margin: 0 auto;
    width: 69.5em;
    min-height: 750px;
    padding-top: 12.375em;
}

.sideBar {
    float: left;
    font-size: 0.9em;
    margin-top: 1.3em;
    width: 20%;
}

    .sideBar > ul {
        border-right: 1px solid #e0e0e0;
    }

    .sideBar ul, .sideBar ul > li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .sideBar > ul > li#active > a, .sideBar > ul > li#active > a:hover, .sideBar > ul > li#active > a:visited, .sideBar > ul > li#active > a:link {
        background-color: #86cdcf;
        background-image: url(../../Images/sidebar_active.png);
        background-position: right center;
        background-size: 10px 100%;
        background-repeat: no-repeat;
        color: #fff;
        margin-left: -19px;
        text-decoration: none;
        width: 100%;
    }

    .sideBar > ul > li#active ul {
        background-color: #f5f5f5;
    }

#siteNavigation ul > li:hover > div > .sideBar > ul > li:first-child {
    display: none;
}

.sideBar li:not(:first-child):hover, .sideBar ul > li > ul > li:first-child:hover {
    background-color: #e0e0e0;
}

.sideBar a {
    color: #707070;
    display: inline-block;
    font-weight: bold;
    padding: 0.5em 1em;
}

.sideBar > ul > li:first-child a {
    color: #bf3604;
}

#siteNavigation ul > li:hover > div > .sideBar > ul {
    border: 0 none;
}

    #siteNavigation ul > li:hover > div > .sideBar > ul > li > a, #siteNavigation ul > li:hover > div > .sideBar > ul > li > a:hover, #siteNavigation ul > li:hover > div > .sideBar > ul > li > a:visited, #siteNavigation ul > li:hover > div > .sideBar > ul > li > a:link, #siteNavigation ul > li:hover > div > .sideBar > ul > li#active > a, #siteNavigation ul > li:hover > div > .sideBar > ul > li#active > a:hover, #siteNavigation ul > li:hover > div > .sideBar > ul > li#active > a:visited, #siteNavigation ul > li:hover > div > .sideBar > ul > li#active > a:link, #siteNavigation ul > li:hover > div > .sideBar li:hover {
        background-color: #fff;
        background-image: none;
        color: #707070;
        margin-left: initial;
    }

    #siteNavigation ul > li:hover > div > .sideBar > ul > li#active ul {
        display: none;
    }

#contentWithSidebar > section, #contentWithSidebar > article {
    float: left;
    left: -1px;
    margin-top: 1em;
    padding-left: 2em;
    width: 75%;
}

    #contentWithSidebar > section > article:first-child > h1, #contentWithSidebar > section > h1:first-child, #contentWithSidebar > article > h1, #contentWithSidebar > section > h1 {
        margin-top: 0;
    }

#contentWithSidebar > .sideBar > .sideBar {
    width: 100%;
    clear: right;
    margin-top: 0em;
    font-size: 0.95em; /* For some reason the sidebar's font is smaller than the rest of the site when nested like this, slightly increasing to compensate*/
}

    #contentWithSidebar > .sideBar > .sideBar form {
        padding: 0.5em 0em 0em 0.6em;
        border-right: 1px solid #e0e0e0;
    }

.sideBar.filter {
    background-color: #f5f5f5;
    border-top-color: #e0e0e0;
}

.filterCategory {
    background-color: #f5f5f5;
    color: #bf3604;
    font-weight: bold;
}

.filterOption {
    margin-bottom: 0.3em;
}

    .filterOption input[type="checkbox"] {
        margin: 0.4em;
        vertical-align: middle;
    }
/*
|--------------------------------|
|                                |
|            Home Page           |
|                                |
|--------------------------------|
*/

#featuredCategories {
    margin: 0 1.25em;
    padding: 0;
}

    #featuredCategories > section {
        float: left;
        width: 25%;
        margin: 0 .5em;
    }

        #featuredCategories > section:nth-child(2) {
            width: 45%;
        }

    #featuredCategories section > h1 > a {
        background-image: url(../../Images/Header_link.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 25px;
        font-size: .95em;
    }

    #featuredCategories dt > a {
        font-weight: bold;
    }

    #featuredCategories dd {
        margin: 0.5em 1em 1em 0;
    }

.message.fromDirector {
    font-size: .90em;
}

    .message.fromDirector h1, .message.fromDirector h2 {
        text-align: center;
    }

#publicAffairs {
}

    #publicAffairs article {
        margin-bottom: 2em;
    }

        #publicAffairs article > img {
            float: left;
            padding: 0 1em 0 0;
        }

#recentNews {
    margin-right: 1em;
    width: 55%;
}

.newsText {
    height: 3em;
    overflow: hidden;
    padding-bottom: 0.50em;
}

    .newsText p {
        margin: 0em;
    }

#importantDates {
    max-width: 42%;
}

.announcement {
    font-family: "Chaparral Pro", Garamond, Serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1em;
}

    .announcement > span:first-child {
        display: inline-block;
        text-align: right;
        min-width: 5.5em;
    }

/*
|--------------------------------|
|                                |
|        section pages           |
|                                |
|--------------------------------|
*/
#morePages > div > ul {
    display: inline-block;
    font-size: 1.1em;
    margin: 0;
    padding: 0 0.5em 0 0.25em;
}

    #morePages > div > ul a::after {
        content: " > ";
    }

#contactLandingPromo div > div {
    background-color: #f5f5f5;
    border-radius: 15px;
    padding: 1em;
}

#contactLandingPromo h2 {
    padding-top: 0;
    margin-top: 0;
}

/*
|--------------------------------|
|                                |
|             footer             |
|                                |
|--------------------------------|
*/
#pageFooter {
    background-color: #3b8f9a;
    padding: 0;
    margin-top: 5em;
    min-height: 150px;
    text-align: center;
}

    #pageFooter a, #pageFooter a:hover, #pageFooter a:visited, #pageFooter a:link {
        color: #86cdcf;
    }

        #pageFooter .moreFeatures a, #pageFooter a.moreFeatures {
            border-bottom: 1px dashed #86cdcf;
        }

#socialAndSearch {
    background-color: #86cdcf;
    padding: 0.5em 0;
}

    #socialAndSearch > div {
        margin: 0 auto;
        width: 69.5em;
    }

    #socialAndSearch #socialNavigation {
        text-align: left;
    }

    #socialAndSearch .siteSearch {
        margin-top: 0.5em;
        text-align: right;
    }

#socialNavigation > ul, #footLinks ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

    #socialNavigation ul > li, #footLinks ul > li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    #footLinks ul > li {
        display: block;
    }

#footLinks {
    font-size: 0.75em;
    margin: auto;
    width: 92.6em;
    text-align: left;
    background-image:url("../Images/footerlogo.png");
    background-repeat: no-repeat;
    background-position: center center;
}

    #footLinks div {
        margin: 0;
        padding: 1.25em 0;
    }

        #footLinks div > a {
            font-size: 1.15em;
            font-weight: bold;
        }

        #footerLogo
        {

        }
.column .colGap {
    margin-right: 1em;
}