/* cmsms stylesheet: BB Main modified: Monday, May 11, 2020 6:24:35 PM */
/* MAIN */

/*
font-family: 'Oswald', sans-serif; 400 400
font-family: 'Open Sans', sans-serif; 400 600
*/


body {
    font-family: 'Open Sans', sans-serif;
    color: #3e3e3e;
    background-color: #fff;
}

/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

.TopNavShell {
    background-color: #262626;
}

.TopNav {
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
}

.TopNav A:link {text-decoration: none; color: #fff;}
.TopNav A:visited {text-decoration: none; color: #fff;}
.TopNav A:active {text-decoration: none; color: #fff;}
.TopNav A:hover {text-decoration: none; color: rgb(47,115,180);}

.MainHeader {
    padding: 20px 0;
}

.TheLogo {
}

.Seal {
}

.TheNav {
    color: #fff;
    background-color: rgb(21,72,120);
    text-align: center;
    line-height: 0;
}

.Slider {
    margin-top: 1px;
}

.Tagline {
    background-color: rgb(173,173,173);
    background-image: url("/images/fade.jpg");
    background-repeat: repeat-x;
    background-position: center top;
    font-size: 22px;
    font-weight: 600;
    padding: 35px 30px;
    text-align: center;
    font-style: italic;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .Tagline {
        font-size: 18px;
        padding: 20px 0;
        
    }
}

.MainBack{
    background-color: #fff;
}

.HomeLeft {
    padding: 30px;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .HomeLeft {
        padding: 20px;
    }
}

.HomeRight {
    background-color: #6f6f6f;
    padding: 30px 20px 388px 20px ;
    color: #d0d0d0;
    background-image: url("/images/boltback.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
}

.HomeRight  h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    padding: 10px 0;
    margin: 10px 0;
    text-align: center;
}

.HomeBoxShell {
    background-color: rgb(124,124,124);
    background-image: url("/images/bigfade.jpg");
    background-repeat: repeat-x;
    background-position: center top;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .HomeBoxShell {
        background-color: #fff;
    background-image: none;
        
    }
}

.Quote {
    background-color: rgb(24,73,119);
    margin-top: 1px;
    background-image: url("/images/blueback.png");
    background-repeat: repeat;
    background-position: center bottom;
}

.QuoteText {
    padding: 45px;
    color: #fff;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .QuoteText {
        padding: 20px;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
    .QuoteText {
    padding: 45px 145px;
    color: #fff;
}
}

.Footer {
    background-color: #262626;
    margin-top: 1px;
    padding: 30px 0;
    font-size: 14px;
    color: #fff;
}

.Footer A:link {text-decoration: none; color: #fff;}
.Footer A:visited {text-decoration: none; color: #fff;}
.Footer A:active {text-decoration: none; color: #fff;}
.Footer A:hover {text-decoration: none; color: rgb(47,115,180);}

.Footer h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    padding: 2px 0;
    margin: 5px 0;
}

.Copyr {
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
    margin-bottom: 25px;
}

.SubTagline {
    background-color: rgb(173,173,173);
    background-image: url("/images/fade.jpg");
    background-repeat: repeat-x;
    background-position: center top;
    color: rgb(0,87,168);
    font-size: 20px;
    padding: 15px;
    text-align: left;
    font-style: italic;
}

.SubTagline  h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    color: rgb(0,87,168);
    font-weight: 400;
    padding: 5px 0;
    margin: 5px 0;
}

.SubMainBack{
    background-color: rgb(226,226,226);
}

.SubMainTop {
    margin-bottom: 25px;
}

.SubMainLeft {
    margin-bottom: 25px;
}

.SubMainRight {
    margin-bottom: 25px;
}

.SubMainBottom {
}

.SubLeft {
    padding: 30px;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .SubLeft {
        padding: 20px;
    }
}

.SubRight {
    background-color: #6f6f6f;
    padding: 30px 20px 388px 20px ;
    color: #d0d0d0;
    background-image: url("/images/boltback.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
}

.SubRightOne {
    margin-bottom: 20px;
}

.SubRightTwo {

}

.SubRightOne h2, .SubRightTwo h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    padding: 10px 0;
    margin: 10px 0;
    text-align: center;
}

.SubHeaderImage {
    background-color: rgb(196,196,196);
}




/* RANDOMNESS */

.columns.nopadding {
  padding-left: 0;
  padding-right: 0;
}

A:link {text-decoration: none; color: rgb(21,72,120);}
A:visited {text-decoration: none; color: rgb(21,72,120);}
A:active {text-decoration: none; color: rgb(21,72,120);}
A:hover {text-decoration: underline; color: rgb(28,90,149);}

A.button:link {text-decoration: none; color: #fff}
A.button:visited {text-decoration: none; color: #fff}
A.button:active {text-decoration: none; color: #fff}
A.button:hover {text-decoration: none; color: #fff}

.transparent {
    filter: alpha(opacity=100); /* internet explorer */
    opacity: 1;           /* fx, safari, opera, chrome */
}

.transparent:hover {
    filter: alpha(opacity=90); /* internet explorer */
    opacity: 0.9;           /* fx, safari, opera, chrome */
}

h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: rgb(21,72,120);
    font-weight: 400;
    padding: 10px 0;
    margin: 10px 0;
}

h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    color: rgb(21,72,120);
    font-weight: 400;
    padding: 10px 0;
    margin: 10px 0;
}

h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    color: rgb(21,72,120);
    font-weight: 400;
    padding: 10px 0;
    margin: 10px 0;
}

h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #000;
    font-weight: 400;
    padding: 10px 0;
    margin: 10px 0;
}

h5 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    color: #000;
    font-weight: 400;
    padding: 10px 0;
    margin: 10px 0;
}

h6 {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    padding: 10px 0;
    margin: 10px 0;
}

/* JOB OPPORTUNITY MODULE */

.JobItem {
    border: 1px solid #ccc;
    margin: 4px 0;
    padding: 10px;
    font-size: 14px;
    background-color: #eee;
}

.JobTitle {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 50px 20px 20px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
}

.JobDescription {
}

.ProductSummaryPhotoDiv {
    /*text-align: center;*/
    padding: 10px 10px 0px 10px;
    /*margin: 5px;*/
    border: 1px solid #ccc;
    background-color: #eee;
}

.ProductSummaryPhoto {
}

.ProductSummaryTitle {
    /*text-align: center;*/
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
    text-align: center;
}

.ProductSummarySummary {
}

.LearnButton {
    margin-top: 10px;
    text-align: center;
}

.ProductDetailTitle {
}

.ProductDetailImageDiv {
    padding: 10px;
}

.ProductDetailImages {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

.ProductDetailImages:hover {
    border: 1px solid #666;
}

.ProductDetailServicesDiv {
    
}

.ProductDetailDetails {
    
}

.NewsSummaryPostdate {
    font-weight: bold;
    font-size: 14px;
}

.NewsSummaryLink {
    font-weight: bold;
}
/* cmsms stylesheet: BB Nav modified: Wednesday, May 13, 2020 7:12:14 PM */
.title-bar {
    background: rgb(21,72,120);
    padding: 5px 10px;
}

.top-bar {
    background: rgb(21,72,120);
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
.top-bar {
    width: 100%;
}
}

.top-bar ul {
    background: rgb(21,72,120);
    padding: 0px;
    margin: 0px;
}

.top-bar ul li {
    background: rgb(21,72,120);
    padding: 7px 0px 8px 0px;
}

.top-bar ul li a {
    color: #fff;
    /*font-weight: 600;*/
    font-size: 14px;
}

.top-bar ul li:hover {
    background: #262626;
}

.top-bar ul li.navactive {
    background: #262626;
}

.top-bar ul li ul li:hover {
    background: #262626;
}

.top-bar ul li ul li.navactive {
    background: #262626;
}

.top-bar ul li a:hover {
    text-decoration: none;
}

.menu-text {
    color: #fff;
}

@media only screen and (max-width: 40em) {
    .menu-text {
        display: none !important;
    }
}

/*@media only screen and (min-width: 40em) {*/
/*    .menu:last-child {*/
/*        border-left: 1px solid #4e4e4e;*/
/*    }*/
/*    .menu:first-child {*/
/*        border-left: none;*/
/*    }*/
/*    .menu li:not(:last-child) {*/
/*        border-right: 1px solid #4e4e4e;*/
/*    }*/
/*}*/

.dropdown.menu .submenu {
    border: none;
position: absolute;
    z-index: 999;
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
    border-color: #fff transparent transparent;
}

.is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #fff;
}

.js-drilldown-back::before {
    border-color: transparent #fff transparent transparent;
}

.menu {
text-align: left;
}

nav.top-bar {

}
/* cmsms stylesheet: Toggle modified: Monday, May 11, 2020 5:01:09 PM */
/* Content togle css
----------------------------------------*/
h2.trigger {
    background: url("/lib/toggle/trigger.gif") no-repeat scroll 0 0 transparent;
    background-size: 100% 60px;
    color: #333333 !important;
    cursor: pointer;
    font-size: 1em !important;
    font-weight: normal !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 0 5px !important;
    padding: 0 0 0 50px !important;
    /*change width if you want fixed e.g.: 575px; or auto;
         also change this in your .toggle_container! */
    width: auto;
    border: none !important;
}

h2.trigger:hover {
    color: #666666;
}
h2.active {
    background-position: left bottom;
}
.toggle_container {
    background: url("/lib/toggle/toggle_block_stretch.gif") repeat-y scroll left top #F0F0F0;
    background-size: 100% auto;
    border-top: 1px solid #D6D6D6;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0;
    /*change width if you want fixed e.g.: 625px; or auto; */
    width: auto;
}
.toggle_container .block {
    background: url("/lib/toggle/toggle_block_btm.gif") no-repeat scroll left bottom transparent;
    background-size:100% auto;
    padding: 20px;
}
.toggle_container .block p {
    margin: 5px 0;
    padding: 5px 0;
}
.toggle_container h3 {
    border-bottom: 1px dashed #CCCCCC;
    margin: 0 0 10px;
    padding: 0 0 5px;
}
.toggle_container img {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    /*float: left;*/
    margin: 10px 15px 15px 0;
    padding: 5px;
}
/* END Content togle css */