/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
}

html {
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i,800,800i');

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}
body * {
    vertical-align: top;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
}
.BB_046a38 {
    border-bottom: 5px solid #046a38;
}
.BB_00558c {
    border-bottom: 5px solid #00558c;
}
.BB_57abad {
    border-bottom: 5px solid #57abad;
}
.BB_cf5833 {
    border-bottom: 5px solid #cf5833;
}
.BGC_ffe359 {
    background-color: #ffe359;
}
.BGC_d2d2d2 {
    background-color: #d2d2d2;
}
.BGC_f4f4f4 {
    background-color: #f4f4f4;
}
.BB_light_green {
   border-bottom: 5px solid #a2d35d;
}
.BR_4e4e4e {
    border-right: 1px solid #4e4e4e;
}
.BT_light_green {
   border-top: 5px solid #a2d35d;
}
.maxWidth1400 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.width50 {
    width: 50%;
    margin: 0 auto;
}
h1 {
    font-size: 36px;
    color: #046a38;
}
h2 {
    font-size: 20px;
    color: #00558c;
}
h3 {
    font-size: 14px;
    color: #00558c;
}
p {
    color: #333333;
}
a {
    outline: none;
    color: #00558c;
    text-decoration: none;
}
a:hover,
a:active,
a:focus {
    outline: none;
}
a.single-page-rss-feed {
    position: absolute;
    top: 5px;
    right: 10px;
    display: inline-block;
}
a.single-page-rss-feed img {
    width: 20px;
    height: 20px;
    display: inline-block;
}
a.SubscribeButton {
    color: #00558c;
    background-color: #ffe359;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 20px;
    display: block;
    width: 100%;
    max-width: 350px;
    box-sizing: border-box;
}
span {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
form.normal_style {
}
form.normal_style ul {
    list-style-type: none;
    width: 100%;
}
form.normal_style .short {
    -webkit-width: calc(50% - 4px);
    -moz-width: calc(50% - 4px);
    width: calc(50% - 4px);
    display: inline-block;
    box-sizing: border-box;
    margin: 7px 0;
    padding: 0 7px;
    outline: none;
}
form.normal_style .long {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin: 7px 0;
    padding: 0 7px;
    outline: none;
}
form.normal_style .long.submit {
    text-align: right;
}
form.normal_style input[type=text],
form.normal_style textarea {
    width: 100%;
    padding: 15px 10px;
    border: none;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}
form.normal_style input[type=submit]{
    display: inline-block;
    color: #00558c;
    background-color: #ffe359;
    padding: 15px 20px;
    border: none;
    border-radius: 5px;
    font-weight: 700;
}
.header_height_keep {
    position: relative;
    top: 0;
    left: 0;
    height: 153px;
}
.header {
    position: fixed;
    background-color: #ffffff;
    width: 100%;
    top: 0;
    left: 0px;
    z-index: 9999;
}
.header_warning {
    background-color: #f04108;
}
.header_warning > div {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    background-image: url(../img/icon29.png);
    background-position: left center;
}
.header_warning > div * {
    color: #ffffff;
}
.header01 {
    position: relative;
    text-align: center;
    max-width: 1400px;
    margin: 0px auto;
    padding: 0px 230px 0px 270px;
    box-sizing: border-box;
}
.logo {
    width: 270px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 0;
    background-image: url(../img/logo.svg);
    background-position: center center;
    background-size: contain;
    display: inline-block;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.logo a {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.searchBar {
    width: 100%;
    position: relative;
    padding: 10px 30px;
    border-right: 1px solid #f3f3f3;
    box-sizing: border-box;
}
.ui-autocomplete {
    display: block;
    z-index: 9999;
}
.searchBar form {
    margin: 10px 0px;
    width: 100%;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.searchBar form input {
    border: none;
}
.searchBar form input[type=text] {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding: 0 60px 0 10px;
    font-size: 15px;
    background-image: url(../img/icon02.png);
    background-color: #ffffff;
    background-size: contain;
    background-position: center right;
}
.searchBar form input[type=submit] {
    width: 60px;
    height: 50px;
    background-image: url(../img/icon02.png);
    background-color: #ffffff;
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 20px;
    right: 30px;
}
.searchBar .hourglass {
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    height: 0px;
    position: absolute;
    top: 100%;
    left: 30px;
    background-image: url(../img/hourglass.svg);
    background-size: contain;
    background-position: center center;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
}
.searchBar .hourglass.active {
    height: 50px;
}
.report {
    width: 230px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.report a {
    color: #00558c;
    background-color: #ffe359;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 16px 20px;
    display: inline-block;
    border-radius: 5px;
}
.mainNavMobileButton {
    display: none;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.mainNavMobileButton a {
    display: inline-block;
    color: #00558c;
    background-color: #ffe359;
    border-radius: 5px;
    padding: 15px 85px 15px 25px;
}
.mainNavMobileButton a span {
    display: inline-block;
    width: 30px;
    height: 3px;
    background-color: #00558c;
    position: absolute;
    right: 25px;
}
.mainNavMobileButton a span:nth-child(1) {
    top: 15px;
}
.mainNavMobileButton a span:nth-child(2) {
    width: 25px;
    top: 50%;
    right: 30px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.mainNavMobileButton a span:nth-child(3) {
    bottom: 15px;
}
.mainNavMobile {
    display: none;
}
.mainNav {
    font-size: 16px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#515151+0,666666+100 */
    background: #515151; /* Old browsers */
    background: -moz-linear-gradient(top,  #515151 0%, #666666 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #515151 0%,#666666 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #515151 0%,#666666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
}
.mainNav > ul {
    text-align: center;
}
.mainNav li {
    display: inline-block;
    position: relative;
}
.mainNav li a {
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    padding: 20px 25px 15px 25px;
}
.mainNav > ul > li > a {
    -webkit-transition: background-color 500ms;
    transition: background-color 500ms;
}
.mainNav > ul > li:hover > a {
    background-color: #87b04e;
}
li.hasSubNav > div {
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0px;
    background-color: #666666;
    text-align: left;
    width: 700px;
    max-width: 700px;
    z-index: -10000;
    opacity: 0;
    height: 0px;
    overflow: hidden;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
}
li.hasSubNav:hover > div {
    opacity: 1;
    z-index: 100;
    height: auto;
}
li.hasSubNav > div > ul > li {
    display: inline-block;
}
li.hasSubNav > div > ul > li:nth-child(1) {
    width: 40%;
}
li.hasSubNav > div > ul > li:nth-child(2) {
    width: 60%;
}
li.hasSubNav > div > ul > li li {
    display: inline-block;
    width: 100%;
}
li.hasSubNav > div > ul > li > a {
    display: inline-block;
    width: 100%;
    padding: 0px;
    padding: 20px 25px 15px 25px;
    border-bottom: 1px solid #333333;
    box-sizing: border-box;
    font-weight: 700;
    position: relative;
    -webkit-transition: color 500ms;
    transition: color 500ms;
}
li.hasSubNav > div > ul > li > a:not(.investors_16):not(.pension-plan-members_60)::after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 9px;
    border-color: transparent transparent transparent #4d4d4d;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: border-color 500ms;
    transition: border-color 500ms;
}
li.hasSubNav > div > ul > li > a.changecolor {
    color: #a4d65e;
}
li.hasSubNav > div > ul > li > a.changecolor:not(.investors_16):not(.pension-plan-members_60)::after {
    border-color: transparent transparent transparent #a4d65e;
}
li.hasSubNav > div > ul > li li a {
    display: inline-block;
    width: 100%;
    padding: 0px;
    font-weight: 400;
    padding: 5px 25px 5px 25px;
    box-sizing: border-box;
    font-size: 14px;
}
li.hasSubNav > div > ul > li li a:hover {
    color: #a4d65e;
}
li.hasSubNav > div > ul > li > ul {
    display: none;
    padding: 10px 0;
    width: 100%;
    min-height: 250px;
}
li.hasSubNav > div > ul > li > ul.showme {
    display: inline-block;
    background-color: #4d4d4d;
}
.content {

}
.homePage {
    padding: 0 0 35px 0;
    position: relative;
}
.BG_homePage {
    position: absolute;
    width: 100%;
    height: 595px;
    background-image: url(../img/icon24D.jpg);
    background-size: cover;
    background-position: top center;
    border-bottom: 5px solid #a2d35d;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.homePage01 {
    max-width: 1100px;
    height: 400px;
    margin: 0px auto;
    padding: 50px 20px 30px 20px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 1;
}
.otherPage .homePage01 {
    height: 260px;
}
.homePage01 h1 {
}
.homePage01 p {
    margin: 15px auto;
}
.homePage01 > ul {
    margin: 20px 0 0 0;
    list-style-type: none;
}
.homePage01 > ul > li {
    width: 49%;
    position: relative;
    display: inline-block;
    background-color: rgba(255,255,255,1);
}
.homePage01 > ul > li a {
    color: #ffffff;
}
.homePage01 > ul > li > a {
    padding: 20px 0 15px 0;
    display: inline-block;
}
.homePage01 > ul > li:nth-child(1) {
    margin: 0 1% 0 0;
}
.homePage01 > ul > li:nth-child(1) > a {
    color: #00558c;
}
.homePage01 > ul > li:nth-child(2) {
    margin: 0 0 0 1%;
}
.homePage01 > ul > li:nth-child(2) > a {
    color: #046a38;
}
.homePage02 {
    max-width: 1400px;
    width: 100%;
    margin: 250px auto 0;
    padding: 0 0 10px 0;
    overflow-x: hidden;
}
.homePage02 ul {
    list-style-type: none;
}
.homePage02 li {
    display: inline-block;
    width: 22%;
    padding: 0;
    box-sizing: border-box;
    height: 420px;
    position: relative;
}
.homePage02 li:hover {
    z-index: 1;
}
.homePage02 li.video {
    width: 34%;
}
.homePage02 li.video iframe {
    width: 100%;
    height: 100%;
}
.homePage02 li div {
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 0 5px;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    -webkit-transition: box-shadow 500ms;
    transition: box-shadow 500ms;
}
.homePage02 li:hover div {
    box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.3);
}
.homePage02 span {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.homePage02 span.img {
    height: 50%;
    background-image: url(../img/icon04.jpg);
    background-size: cover;
    background-position:  center center;
    position: relative;
}
.homePage02 span.title {
    color: #ffffff;
    font-weight: 700;
    font-size: 20px;
    position: absolute;
    padding: 15px 20px;
    bottom: 0;
    left: 0;
}
.homePage02 span.txt {
    color: #333333;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    height: 98px;
    overflow: hidden;
    padding: 30px 20px 0 20px;
}
.homePage02 span.transparent_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.homePage02 span.link {
    position: absolute;
    bottom: 15px;
    left: 0;
    text-align: right;
    background-image: url(../img/icon10.png);
    background-position: left 20px center;
}
.homePage02 span.link a {
    color: #00558c;
    background-color: #fce058;
    border-radius: 3px;
    display: inline-block;
    padding: 8px 20px;
    margin: 0 20px 0 0;
}
.homePage03 {
    margin: 0 auto;
    padding: 35px 0 70px 0;
}
.homePage03 ul {
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
    list-style-type: none;
}
.homePage03 li {
    display: inline-block;
    width: 25%;
    height: 170px;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box;
}
.homePage03 li:hover {
    z-index: 1;
}
.homePage03 li div {
    height: 100%;
    background-color: #ffffff;
    -webkit-transition: box-shadow 500ms;
    transition: box-shadow 500ms;
    border: 1px solid #d2d2d2;
}
.homePage03 li:hover div {
    box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.3);
}
.homePage03 span {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.homePage03 span.img {
    height: 5px;
    background-image: url(../img/icon04.jpg);
    background-size: cover;
    background-position:  center center;
    position: relative;
}
.homePage03 span.title {
    color: #333333;
    font-weight: 700;
    font-size: 20px;
    padding: 10px 20px 5px 20px;
}
.homePage03 span.txt {
    color: #333333;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    height: 34px;
    overflow: hidden;
    padding: 0px 20px 0 20px;
}
.homePage03 span.link {
    position: absolute;
    bottom: 15px;
    left: 0;
    text-align: right;
    background-image: url(../img/icon10.png);
    background-position: left 20px center;
}
.homePage03 span.link a {
    color: #00558c;
    background-color: #fce058;
    border-radius: 3px;
    display: inline-block;
    padding: 8px 20px;
    margin: 0 20px 0 0;
}
.otherPage {
    background-image: url(../img/icon11B.jpg);
    background-position: top center;
    padding: 0 0 70px 0;
}
.otherPage01_OUT {
    background-color: #ffffff;
    padding: 70px 0 0 0;
    position: relative;
}
.displayBreadcrumb {
    width: 100%;
    max-width: 1400px;
    height: 48px;
    margin: 11px 0px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.displayBreadcrumb p {
    line-height: 16px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.otherPage01 {
    position: relative;
}
.stripe_fafafa {
    position: absolute;
    width: 25%;
    height: 100%;
    top: 0;
    left: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,ffffff+100 */
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top,  #fafafa 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fafafa 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fafafa 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.otherPage01 h1 {
    color: #ffffff;
    background-color: #00558c;
    padding: 15px 20px;
    font-size: 20px;
    position: relative;
    z-index: 1;
}
span.depthPath {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
span.depthPath a {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}
.otherPage01 > ul {
    list-style-type: none;
    position: relative;
    z-index: 1;
}
.otherPage01 li {
    display: inline-block;
}
.otherPage01 > ul > li.subNav {
    width: 25%;
    overflow: hidden;
}
.otherPage01 > ul > li.subNav > ul {
    padding: 0px 15px;
    box-sizing: border-box;
}
.otherPage01 > ul > li.subNav > ul > li > ul {
    display: none;
}
.otherPage01 > ul > li.subNav > ul > li.active > ul {
    display: inline-block;
    width: 100%;
}
.otherPage01 li.subNav li {
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
.otherPage01 li.subNav > ul > li > a {
    font-size: 14px;
    font-weight: 700;
    color: #00558c;
    padding: 0 25px;
}
.otherPage01 li.subNav > ul > li > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    background-image: url(../img/icon13.png);
    background-position: center center;
}
.otherPage01 li.subNav > ul > li.active > span {
    background-image: url(../img/icon12.png)
}
.otherPage01 li.subNav li li {
    padding: 0 7px;
}
.otherPage01 li.subNav li li a {
    font-size: 12px;
    color: #333333;
    padding: 3px 18px;
    border-left: 1px solid #ececec;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
}
.otherPage01 > ul > li.subContent {
    width: 75%;
    padding: 0 50px;
    box-sizing: border-box;
}
.sideBarRotateImg {
    padding: 20px 0px;
}
.sideBarRotateImg img {
    width: 100%;
    max-width: 350px;
}
.sideBarContactBox {
    background-color: #333333;
    padding: 30px 20px;
    margin: 0 0 30px 0;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    max-width: 350px;
}
.sideBarContactBox h2 {
    font-size: 18px;
    font-weight: 700;
    color: #a4d65e;
    padding: 0;
    margin: 0;
}
.sideBarContactBox p {
    color: #ffffff;
    font-size: 14px;
    padding: 2px 0;
}
.sideBarContactBox a {
    color: #ffe359;
}
.documentAndLink,
.documentAndLinkM {
}
.documentAndLink {
    display: block;
}
.documentAndLinkM {
    display: none;
}
.documentAndLinkM .sideBarContactBox {
    padding: 0px 20px 20px 20px;
}
.documentAndLinkM .sideBarContactBox h2 {
    padding: 20px 0 10px 0;
}
.documentAndLinkM .sideBarContactBox p {
    padding: 2px 0;
}
.documentsList {
    padding: 30px 0px;
}
.documentsList span {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.documentsList span.title {
    font-weight: 700;
    padding: 15px 0 3px 0;
}
.documentsList span.link {
    padding: 0px 0 10px 20px;
}
.documentsList span.link a {
    font-weight: 700;
}
.subContent h2 {
    padding: 40px 0 20px 0;
    position: relative;
}
.subContent p {
    padding: 7px 0px;
}
ul.videosList {
    list-style-type: none;
}
ul.videosList li {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}
ul.videosList li div {
}
ul.videosList > li > div > span {
    display: inline-block;
    width: 100%;
    color: #00558c;
}
ul.videosList li span.video {
    padding: 0 0 56.25% 0;
    height: 0;
    position: relative;
}
ul.videosList li div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
ul.videosList li span.title {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 0 0 0;
}
ul.videosList li span.time {
    font-size: 12px;
}
ul.newsList {
    list-style-type: none;
}
ul.newsList li {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
ul.newsList li div {
}
ul.newsList > li > div > span {
    display: inline-block;
    width: 100%;
}
ul.newsList li span.title {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 0 0 0;
    color: #00558c;
}
ul.newsList li span.time {
    font-size: 12px;
    color: #00558c;
}
ul.newsList li span.txt {
    color: #333333;
    padding: 10px 0;
}
ul.newsList li span.link a {
    font-size: 11px;
    font-weight: 700;
    color: #00558c;
}
ul.PdfsList,
ul.SfileList {
    margin: 10px 0 0 0;
}
ul.PdfsList li,
ul.SfileList li {
    display: inline-block;
    width: 100%;
    padding: 5px 50px 30px 0px;
    box-sizing: border-box;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}
ul.PdfsList li span,
ul.SfileList li span {
    width: 100%;
    display: inline-block;
    color: #00558c;
}
ul.PdfsList li span.title,
ul.SfileList li span.title {
    color: #333333;
    font-weight: 700;
}
ul.PdfsList li span.link a,
ul.SfileList li span.link a {
    font-weight: 700;
    white-space: pre-line;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}
ul.PdfsList li span.link a:hover,
ul.SfileList li span.link a:hover {
    text-decoration: underline;
}
div.secure_file_txt {
    color: #333333 !important;
}
div.secure_file_txt ul {
    list-style-type: disc;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}
div.secure_file_txt li {
    width: 100% !important;
    padding: 5px 0 5px 0px;
    display: list-item;
}
span.filterNav {
    position: absolute;
    top: 40px;
    right: 0px;
    font-size: 16px;
}
span.filterNav a {
    color: #00558c;;
    font-size: 16px;
}
span.filterNav a:hover,
span.filterNav a.current {
    color: #57abad;
}
ul.column2 {}
ul.column2 li {
    width: 50%;
}
ul.column2.pension-plan-members li > div {
    box-sizing: border-box;
}
ul.column2.pension-plan-members li > div > a {
    font-size: 20px;
    font-weight: 700;
    color: #00558c;
    padding: 40px 0px 20px 0;
    display: inline-block;
}
.contactPage {
    padding: 50px 20px;
    box-sizing: border-box;
}
.contactPage ul {
    width: 33.33%;
    display: inline-block;
}
.contactPage li {
    width: 100%;
    padding: 12px 0;
}
.contactPage li > h3 {
    color: #00558c;
    font-size: 18px;
}
.contactPage li > h4 {
    color: #00558c;
    font-size: 18px;
}
.contactPage li > span {
    width: 100%;
    display: inline-block;
    color: #000;
    box-sizing: border-box;
}
.contactPage li > span.location {
    padding: 2px 0 2px 35px;
    background-image: url(../img/icon14.png);
    background-position: left center;
}
.contactPage li > span.email {
    padding: 2px 0 2px 35px;
    background-image: url(../img/icon17.png);
    background-position: left center;
}
.contactPage li > span.phone {
    padding: 2px 0 2px 35px;
    background-image: url(../img/icon15.png);
    background-position: left center;
}
.contactPage li > span.fax {
    padding: 2px 0 2px 35px;
    background-image: url(../img/icon16.png);
    background-position: left center;
}
.contactPage li > span a {
    color: #00558c;
}
#sitemap {
}
#sitemap ul {
    width: 100%;
    list-style-type: none;
    padding: 0px;
    box-sizing: border-box;
}
#sitemap ul ul {
    padding: 0 0 0 20px;
}
#sitemap li {
    width: 100%;
    display: inline-block;
}
#sitemap li a {
    color: #00558c;
}
.footer01 {
    background-image: url(../img/icon01.jpg);
    background-position: center center;
    background-size: cover;
    padding: 70px 0;
    box-sizing: border-box;
}
.footer01 .maxWidth1400 {
    position: relative;
}
.contactInfo {
    background-color: #333333;
    padding: 40px 60px;
    box-sizing: border-box;
    width: 52%;
    display: inline-block;
    box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.3);
}
.contactInfo ul {
    list-style-type: none;
}
.contactInfo li {
    display: inline-block;
    width: 50%;
}
.contactInfo span {
    display: inline-block;
    color: #e1e3e6;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    background-position: left center;
    padding: 2px 0;
}
.contactInfo span.title1 {
    font-size: 22px;
    font-weight: 700;
    color: #a4d65e;
}
.contactInfo span.title2 {
    font-size: 18px;
    font-weight: 700;
    color: #a4d65e;
}
.contactInfo span.txt {

}
.contactInfo span.location {
    padding: 2px 0 2px 30px;
    background-image: url(../img/icon06.png);
}
.contactInfo span.phone {
    padding: 2px 0 2px 30px;
    background-image: url(../img/icon07.png);
}
.contactInfo span.fax {
    padding: 2px 0 2px 30px;
    background-image: url(../img/icon08.png);
}
.contactInfo span.email {
    padding: 2px 0 2px 30px;
    background-image: url(../img/icon09.png);
}
.contactInfo span a {
    color: #ffe359;
}
.consumerInfo {
    background-color: #333333;
    padding: 40px 60px;
    box-sizing: border-box;
    box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.3);
    display: inline-block;
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.consumerInfo2 {
    background-color: #333333;
    padding: 30px 20px;
    box-sizing: border-box;
    box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.3);
    display: inline-block;
    width: 100%;
}
.consumerInfo2 span,
.consumerInfo span {
    color: #ffffff;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    background-position: left center;
    padding: 2px 0;
}
.consumerInfo2 span.title2,
.consumerInfo span.title2 {
    font-size: 18px;
    font-weight: 700;
    color: #a4d65e;
}
.consumerInfo2 span.phone,
.consumerInfo span.phone {
    padding: 2px 0 2px 30px;
    background-image: url(../img/icon07.png);
}
.consumerInfo2 span.fax,
.consumerInfo span.fax {
    padding: 2px 0 2px 30px;
    background-image: url(../img/icon08.png);
}
.consumerInfo2 span.email,
.consumerInfo span.email {
    padding: 2px 0 2px 30px;
    background-image: url(../img/icon09.png);
}
.consumerInfo2 span a,
.consumerInfo span a {
    color: #ffe359;
}
#accordion > div {
    height: auto !important;
}
.youTube2 {
    display: inline-block;
    width: 48%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.youTube2 iframe {
    width: 100%;
    height: 100%;
}
.footer02 {
    background-color: #666666;
}
.footer02a {
}
.footer02a ul {
    text-align: center;
    list-style-type: none;
}
.footer02a li {
    display: inline-block;
    margin: 10px 20px;
}
.footer02a a {
    color: #e1e3e6;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    padding: 10px 20px;
}
.footer02b {
    padding: 0 0 15px 0;
}
.footer02b ul {
    list-style-type: none;
    text-align: center;
}
.footer02b li {
    display: inline-block;
    box-sizing: border-box;
}
.footer02b span {
    color: #e1e3e6;
    font-size: 12px;
    display: inline-block;
}
.footer02b span a {
    color: #e1e3e6;
    font-size: 12px;
    margin: 0 20px;
}
.footer02b p {
    text-align: center;
    color: #e1e3e6;
    font-size: 12px;
}
.wordsStyle {}
.wordsStyle p {}
.wordsStyle a:hover,
a:active,
a:focus {
    text-decoration: underline;
}
.wordsStyle ul,
.wordsStyle ol {
    width: 100%;
    padding: 0 0 0 40px;
    box-sizing: border-box;
}
.wordsStyle ul {
    list-style-type: disc;
}
.wordsStyle ol {
    list-style-type: decimal;
}
.wordsStyle ul ul {
    list-style-type: circle;
}
.wordsStyle li {
    display: list-item;
    color: #333333;
}
.wordsStyle.news9 ul.newsList {
    list-style-type: none;
    padding: 0px;
}
.wordsStyle ul.videosList {
    list-style-type: none;
    padding: 0px;
}
.wordsStyle ul.videosList li {
    display: inline-block;
}
.wordsStyle.report-a-concern8 form ul {
    padding: 0px;
}
.wordsStyle .searchResultsPage form {
    margin: 40px 0 20px 0;
    position: relative;
    max-width: 992px;
    display: block;
}
.wordsStyle .searchResultsPage form > input {
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
}
.wordsStyle .searchResultsPage form > input[name=q] {
    width: 100%;
}
.wordsStyle .searchResultsPage form > input[type=submit] {
    background-image: url(../img/icon02.png);
    background-size: contain;
    background-position: center center;
    background-color: #ffffff;
    font-size: 0;
    width: 42px;
    height: 42px;
    border: 1px solid #cccccc;
    position: absolute;
    top: 0;
    right: 0;
}
.wordsStyle .searchResultsPage ul {
    padding: 20px 10px 20px 40px;
}
.wordsStyle .searchResultsPage li {
    padding: 10px 0px;
}
.wordsStyle .searchResultsPage li .searchResultsTitle {
    font-weight: bold;
    font-size: 20px;
}
.wordsStyle .searchResultsPage li .searchResultsLink {
    color: #046a38;
}
.wordsStyle .contactPage ul {
    list-style-type: none;
    padding: 0px;
    width: -webkit-calc(33% - 4px);
    width: -moz-calc(33% - 4px);
    width: calc(33% - 4px);
}
.wordsStyle ul.doubleCol {
    padding: 40px 0;
}
.wordsStyle ul.doubleCol li {
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
    display: inline-block;
    padding: 20px 50px 0 0px;
    box-sizing: border-box;
}
.wordsStyle table tr td {
    padding: 3px 10px;
    box-sizing: border-box;
}
.ContentPartLanding {
    padding: 30px 0 0 0;
}
.ContentPartLanding ul {

}
.ContentPartLanding li {
    width: 25%;
    display: inline-block;
    padding: 0 10px 10px 10px;
    box-sizing: border-box;
}
.ContentPartLanding li a{
    font-weight: 700;
}
.ContentPartLanding ul ul {
    padding: 5px 0 0 10px;
    list-style-type: disc;
    width: 100%;
    box-sizing: border-box;
    font-size: 11px;
    color: #00558c;
}
.ContentPartLanding li li {
    display: list-item;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
}
.ContentPartLanding li li a{
    font-weight: 400;
    font-size: 11px;
}
.SubscribePopup {
    display: none;
}
.SubscribePopup form {
}
.SubscribePopup form p {
    padding: 5px 0px;
}
.SubscribePopup form input[type=text] {
    width: 100%;
    padding: 3px 10px;
    box-sizing: border-box;
}
.SubscribePopup form input[type=submit] {
}
.ui-dialog {
    width: 100% !important;
    max-width: 900px;
    background-color: #ffffff;
}
.ui-dialog .ui-dialog-titlebar {
    background-color: #00558c;
}

/* Search */ 
/*table.gsc-search-box td.gsc-input {
    padding-right: 0px !important;
}
.wordsStyle table tr td {
    padding: 3px 10px 3px 0px !important;
}
.gsib_a input{background: none !important;}
.gsib_a input:empty:before{content: "What are you looking for on this site" }
.gsc-adBlock, .gcsc-more-maybe-branding-root{display: none !important;}
.gsc-control-cse { padding-left: 0em !important;}
.gsc-search-button-v2{border-color: #00558c !important; background-color: #00558c !important;}
*/
/* Search result tabs */ 
.tabs{
    width:60%;
    height:auto;
    margin:0 auto;
}

/* tab list item */
.tabs .tabs-list{
    list-style:none;
    margin:0px;
    padding:0px;
}
.tabs .tabs-list li{
    width:100px;
    float:left;
    margin:0px;
    margin-right:2px;
    padding:10px 5px;
    text-align: center;
    background-color:#666666;
    border-radius:3px;
}
.tabs .tabs-list li:hover{
    cursor:pointer;
}
.tabs .tabs-list li a{
    text-decoration: none;
    color:white;
}
/* Tab content section */
.tabs .tab{
    display:none;
    width:96%;
    min-height:250px;
    height:auto;
    border-radius:3px;
    padding:20px 0px;
    color:darkslategray;
    clear:both;
}
/*.tabs .tab h3{
    border-bottom:3px solid cornflowerblue;
    letter-spacing:1px;
    font-weight:normal;
    padding:5px;
}*/
.tabs .tab h3{
	font-size: 20px;
    color: #00558c;
    font-weight: normal;
    margin-bottom: 5px;
}
.tabs .tab h3 a{
    text-decoration: underline;
}
.tabs .tab h3 a:hover{
    text-decoration: none;
}
.tabs .tab .searchContent{margin-bottom: 20px;}
.tabs .tab p{
    line-height:20px;
    letter-spacing: 1px;
}
/* When active state */
.active{
    display:block !important;
}
.tabs .tabs-list li.active{
    background-color:#00558c !important;
    color:white !important;
}
/*.active a{
    color:black !important;
}*/
.searchBtn{
    color: #00558c;
    background-color: #ffe359;
    padding: 9px 15px 9px 15px;
    font-size: 20px;
    border: none;
}
.searchTextBox{
    padding: 10px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
    border: none;
    width: 50%;
}
.searchPagePrevIframe{
    position:absolute;
    border:1px solid #000;
    width:800px;
    height:400px;
}
.holds-the-iframe {
    background:url(../img/loading-slow-internet.gif) center center no-repeat;
    width:800px;
    height:400px;
    display:none;
}
.loaderImg{display:none;}
@media only screen and (max-width: 1440px) {
    body {}
    div.DTView {
        min-width: 1440px;
    }
    div.DTView .header_height_keep {
        position: absolute;
    }
    div.DTView .header {
        min-width: 1400px;
        position: relative;
    }
}
@media only screen and (max-width: 1400px) {
    body {}
    div.MBView {
        width: 100%;
        overflow-x: hidden;
    }
    div.MBView h2.hasFilter {
        padding: 40px 0 50px 0;
    }
    div.MBView span.filterNav {
        top: 70px;
    }
    div.MBView .header_height_keep {
        position: absolute;
        height: 95px;
    }
    div.MBView .header {
        position: relative;
    }
    div.MBView .grayLayer_Mobile {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        display: none;
    }
    div.MBView .grayLayer_Mobile.active {
        display: block;
        z-index: 9000;
        background-color: #666666;
    }
    div.MBView .header01 {
        height: 95px;
        z-index: 9999;
        padding: 0px 170px 0px 290px;
        background-color: #ffffff;
        border-bottom: 5px solid #a2d35d;
    }
    div.MBView .logo {
        left: 20px;
    }
    div.MBView .report {
        display: none;
    }
    div.MBView .mainNavMobileButton {
        display: inline-block;
    }
    div.MBView .mainNav,
    div.MBView .mainNavMobile {
        display: none;
    }
    div.MBView .mainNavMobile.active {
        display: block;
        position: relative;
        z-index: 9999;
        min-height: 3000px;
        overflow: hidden;
    }
    div.MBView .mainNavMobile a {
        color: #ffffff;
        font-weight: 700;
        width: -webkit-calc(100% - 120px);
        width: -moz-calc(100% - 120px);
        width: calc(100% - 120px);
        display: inline-block;
    }
    div.MBView .mainNavMobile a.notLink {
        cursor: default;
    }
    div.MBView .mainNavMobile li:hover > a,
    div.MBView .mainNavMobile a:hover {
        color: #a4d65e;
    }
    div.MBView .mainNavMobile ul {
        width: 100%;
        height: 100%;
        list-style-type: none;
        padding: 0 0 0 0px;
        box-sizing: border-box;
        position: absolute;
        top: 0px;
        background-color: #666666;
    }
    div.MBView .mainNavMobile ul ul {
        left: 100%;
        -webkit-transition: -webkit-transform 200ms;
        transition: transform 200ms;
    }
    div.MBView .mainNavMobile ul ul.shift {
        -webkit-transform: translate(-100%,0);
        transform: translate(-100%,0);
        z-index: 8888;
    }
    div.MBView .mainNavMobile ul li {
        width: 100%;
        display: inline-block;
        background-color: #666666;
        padding: 10px 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #4d4d4d;
    }
    div.MBView .mainNavMobile ul li > div {
        position: relative;
    }
    div.MBView .mainNavMobile ul li > div span.go_next_level {
        width: 50px;
        height: 100%;
        background-position: center right;
        background-image: url(../img/icon25b.png);
        display: inline-block;
        cursor: pointer;
        /*float: right;*/
        position: absolute;
        top: 0;
        right: 0;
    }
    div.MBView .mainNavMobile ul li:hover > div a {
        color: #a4d65e;
    }
    div.MBView .mainNavMobile ul li:hover > div span.go_next_level {
        background-image: url(../img/icon26.png);
    }
    div.MBView .mainNavMobile ul li.back_prev_level a {
    }
    div.MBView .mainNavMobile ul li.back_prev_level a > span {
        display: inline-block;
    }
    div.MBView .mainNavMobile ul li.back_prev_level a > span.triangle {
    }
    div.MBView .mainNavMobile ul li.back_prev_level a > span.txt {
        padding: 0 10px 0 20px;
        background-image: url(../img/icon27.png);
        background-position: left center;
    }
    div.MBView .mainNavMobile > ul > li.back_prev_level {
        display: none;
    }
    div.MBView .homePage01 {
    }
    div.MBView .homePage01 > ul {
        display: none;
    }
    div.MBView .contactInfo {
        width: 70%;
    }
    div.MBView .ContentPartLanding li {
        width: 33.33%;
    }
    div.MBView .footer02a li.report-a-concern a {
        color: #00558c;
        background-color: #ffe359;
        border-radius: 5px;
    }
}
@media only screen and (max-width: 1200px) {
    body {}
    div.MBView .searchBar form {
        margin: 15px 0;
    }
    div.MBView .otherPage01 > ul > li.subNav {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    div.MBView .otherPage01 > ul > li.subContent {
        width: 100%;
        padding: 0 20px;
    }
    div.MBView .stripe_fafafa {
        width: 0%;
    }
    div.MBView .sideBarRotateImg {
        padding: 20px 0 0 0;
    }
}
@media only screen and (max-width: 1080px) {
    body {}
    div.MBView .header01 {
        padding: 0 120px 0 260px;
    }
    div.MBView .logo {
        width: 240px;
        left: 10px;
    }
    div.MBView .mainNavMobileButton {
        right: 10px;
    }
    div.MBView .mainNavMobileButton a {
        padding: 10px 55px 10px 15px;
        font-size: 12px;
    }
    div.MBView .mainNavMobileButton a span {
        right: 15px;
        width: 20px;
    }
    div.MBView .mainNavMobileButton a span:nth-child(1) {
        top: 10px;
    }
    div.MBView .mainNavMobileButton a span:nth-child(2) {
        right: 20px;
        width: 15px;
    }
    div.MBView .mainNavMobileButton a span:nth-child(3) {
        bottom: 10px;
    }
    div.MBView .homePage03 li {
        width: 50%;
    }
    div.MBView .otherPage01_OUT {
        padding: 80px 0 0 0;
    }
    div.MBView .displayBreadcrumb {
        height: 58px;
    }
    div.MBView .displayBreadcrumb p {
        font-size: 14px;
    }
    div.MBView .otherPage01 h1 {
        padding: 15px 10px;
    }
    div.MBView .otherPage01 > ul > li.subNav {
        padding: 0 10px;
    }
    div.MBView .otherPage01 > ul > li.subContent {
        padding: 0 10px;
    }
    div.MBView .documentAndLinkM .sideBarContactBox {
        padding: 0 10px 10px 10px;
    }
    div.MBView .wordsStyle ul.doubleCol li {
        width: 100%;
    }
    div.MBView .contactInfo {
        width: 90%;
        padding: 30px 10px;
    }
    div.MBView .wordsStyle .contactPage ul {
        width: -webkit-calc(50% - 4px);
        width: -moz-calc(50% - 4px);
        width: calc(50% - 4px);
    }
    div.MBView ul.PdfsList li,
    div.MBView ul.SfileList li {
        width: 100%;
    }
    div.MBView .footer02a li {
        margin: 15px 8px;
    }
    div.MBView .footer02a a {
        font-size: 14px;
        padding: 5px 10px;
    }
}
@media only screen and (max-width: 992px) {
    div.MBView .subNav .sideBarContactBox {
        display: none;
    }
    div.MBView .documentAndLink {
        display: none;
    }
    div.MBView .documentAndLinkM {
        display: block;
    }
}
@media only screen and (max-width: 800px) {
    body {}
    div.MBView .header01 {
        padding: 0 120px 0 220px;
    }
    div.MBView .logo {
        width: 200px;
    }
    div.MBView .searchBar form {
        margin: 20px 0;
    }
    div.MBView .homePage02 ul {
        width: 200%;
        -webkit-transition: -webkit-transform 500ms;
        transition: transform 500ms;
    }
    div.MBView .homePage02 li,
    div.MBView .homePage02 li.video {
        width: 25%;
    }
    div.MBView .ContentPartLanding li {
        width: 50%;
    }
}
@media only screen and (max-width: 720px) {
    body {}
    div.MBView .header01 {
        padding: 95px 0 0 0;
        height: 135px;
    }
    div.MBView .logo {
        width: 180px;
        top: 22px;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    div.MBView .searchBar {
        padding: 0px 10px;
    }
    div.MBView .searchBar form {
        margin: 0;
    }
    div.MBView .searchBar form input[type="submit"] {
        top: 0;
        right: 10px;
    }
    div.MBView .mainNavMobileButton {
        top: 29px;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    div.MBView .otherPage .homePage01 h1 {
        font-size: 24px;
    }
    div.MBView .contactInfo {
        width: 100%;
    }
    div.MBView .wordsStyle .contactPage ul {
        width: 100%;
    }
}
@media only screen and (max-width: 640px) {
    body {}
    div.MBView .homePage03 li {
        width: 100%;
    }
    div.MBView .contactInfo li {
        width: 100%;
    }
    div.MBView ul.videosList li {
        width: 100%;
    }
}
@media only screen and (max-width: 600px){
    body {}
    div.MBView h2.hasFilter {
        padding: 40px 0 20px 0;
    }
    div.MBView span.filterNav {
        position: relative;
        display: inline-block;
        width: 100%;
        top: 10px;
    }
    div.MBView .otherPage01_OUT {
        padding: 90px 0 0 0;
    }
    div.MBView .displayBreadcrumb {
        height: 68px;
    }
    div.MBView .homePage02 ul {
        width: 400%;
    }
    div.MBView .footer02a ul {
        padding: 10px 0;
    }
    div.MBView .footer02a li {
        margin: 5px 3px 5px 3px;;
    }
    div.MBView .footer02a a {
        font-size: 12px;
    }
    div.MBView .footer02b span a {
        margin: 0 10px;
    }
}
@media only screen and (max-width: 500px){
    body {}
    div.MBView .mainNavMobileButton a {
        padding: 7px 35px 7px 7px;
    }
    div.MBView .mainNavMobileButton a span {
        right: 7px;
    }
    div.MBView .mainNavMobileButton a span:nth-child(1) {
        top: 7px;
    }
    div.MBView .mainNavMobileButton a span:nth-child(2) {
        width: 15px;
        right: 12px;
    }
    div.MBView .mainNavMobileButton a span:nth-child(3) {
        bottom: 7px;
    }
    div.MBView .otherPage .homePage01 {
        height: 300px;
        padding: 60px 20px 60px 20px;
    }
    div.MBView .otherPage01_OUT {
        padding: 110px 0 0 0;
    }
    div.MBView .displayBreadcrumb {
        height: 88px;
    }
    div.MBView .ContentPartLanding li {
        width: 100%;
    }
}












/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    .header_height_keep,
    .header,
    .content .displayBreadcrumb,
    .content .otherPage01 > .stripe_fafafa,
    .content .otherPage01 > h1,
    .content .otherPage01 > ul li.subNav,
    .content .otherPage01 > ul li.subContent a.single-page-rss-feed,
    .footer {
        display: none;
    }
    .wordsStyle .contactPage ul,
    .wordsStyle ul.doubleCol li {
        width: -webkit-calc(100% - 5px);
        width: -moz-calc(100% - 5px);
        width: calc(100% - 5px);
    }
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        /*content: " (" attr(href) ")";*/
        content: none !important;
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    span.filterNav {
        display: none !important;
    }

}
@media screen and (max-width:360px){
    .tabs{
        margin:0;
        width:96%;
    }
    .tabs .tabs-list li{
        width:80px;
    }
}