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: 138px;
    padding: 0;
    clear: both;
}

#pageHeader #logoAlt
{
    display:none;
}

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

#pageHeader > .column > *
{
    max-height: 8.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: 6.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: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.69.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           |
|                                |
|--------------------------------|
*/
#featuredBanner, #smartPhoneBanner
{
    margin: 0 2.25em 2em 2.25em;
    padding: 0;
    /*max-width:100%;*/
}

#smartPhoneBanner ul,
#smartPhoneBanner li,
#featuredBanner ul, 
#featuredBanner li,
#carousel ul,
#carousel li
{
    margin:0;
    padding:0;
}

#smartPhoneBanner
{
    display:none;
}

#featuredBanner  img,
#smartPhoneBanner img
{
    margin: 0 auto;
    border: 0 none;
    border-bottom: 8px solid #e0e0e0;
    max-height: 30em;
    max-width: 100%;
}

#featuredBanner .slick-slide img:hover,
#smartPhoneBanner .slick-slide img:hover
{
    opacity:inherit !important;
    filter: none;
}

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

#featuredCategories > .column > section
{
    padding-left: 1em;  
}

#featuredCategories > .column > section > dl
{
    border-right: 2px solid #e0e0e0;
    margin-right: -5px;
}

#featuredCategories > .column.last > section > dl
{
    border: 0 none;
}

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

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

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

#carousel
{
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 0 5px 1px #e0e0e0;
    padding: 1em;
}

#carousel img
{
    margin: 0 auto;
}

#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;
}

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

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

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

div .alternate.altlink
{
    width: 39%;
    display: inline-block;
    float: left;
    background-color: #3b8f9a;
    background: linear-gradient(to right, #86cdcf , #3b8f9a);
    text-align:center;
    height: 60px;
    
    margin-bottom: .5em;
    border: solid 1px #fff;

}


div .alternate.altlink:hover {
    background: #fff;
    border: solid 1px #3b8f9a;

}
.alternate.altlink a:link, .alternate.altlink a:visited  {
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    display:block;
    width:100%;
    height:100%;
    padding-top: 1.0em;
}



.alternate.altlink a:hover {
    text-decoration: none;
    color: #3b8f9a;
}


div.faqAlt {
    width:45%;
    margin-left: 5%;
    float:left;
    display: inline;
}

h2.faqAlt
{
    float:left;
}

.padding {
    display:block;
    width: 5%;
    float:left;
}