/*
    USSS Site CSS
*/

/* General */

body {
    overflow-x: hidden;
}

@media (min-width: 2000px) {
    #content {
        font-size: 1.5em;
    }

    .container {
        width: 1500px;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 1em;
    }
}

.spacer {
    padding: 1em 0;
}

.body {
    margin-top: 3.25em;
}

.clearfix {
    clear: both;
}

.large {
    font-size: 2em;
}

.medium {
    font-size: 1.4em;
}

.centered {
    margin: 0 auto;
}

.disabled {
    color: #C8C8C8!important;
}

.row.full-width > div {
    padding-left: 0;
    padding-right: 0;
}

.no-vert-margin {
    margin-top: 0;
    margin-bottom: 0;
}

.break {
    border-color: #444;
}

.no-margin {
    margin-top: 0;
    margin-bottom: 0;
}

.padded-list > li {
    margin: .5em 0;
}

ol.spaced > li, ul.spaced > li {
    margin: 1em 0;
}

.line-break {
    display: block;
}

.full-height {
    height: 100%;
}

@media (max-width: 768px) {
    .line-break {
        display: inline-block;
    }
}

/* Font */

@font-face {
    font-family: LinBiolinum;
    src: url('/fonts/LinBiolinum_R.woff');
}

@font-face {
    font-family: LinBiolinum-Bold;
    src: url('/fonts/LinBiolinum_RB.woff');
}

@font-face {
    font-family: LinBiolinum-Italic;
    src: url('/fonts/LinBiolinum_RI.woff');
}

@font-face {
    font-family: LinBiolinum-DingBats;
    src: url('/fonts/LinBiolinum_K.woff');
}

p, p a, p b, .arial *, .content-list * {
    font-family: Arial;
}

.bold {
    font-family: LinBiolinum-Bold;
}

/* Navigation */

.fixed-menu {
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.navbar > .container-fluid .navbar-brand, .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 992px) {
    .nav > li > a {
        padding-left: .75em;
        padding-right: .75em;
    }
}

@media (max-width: 768px) {
    .navbar-inverse .navbar-nav > li > a {
        text-align: right;
    }

    .nav-wrapper {
        font-size: 1.4em;
    }
}

/* Menu */

.menu-collapse-wrapper {
    background-color: #555;
    text-transform: uppercase;
    text-align: left;
}

.menu-collapse {
    max-width: 65em;
    margin: 0 auto!important;
    padding: 1em 0;
}

.blank-panel {
    margin: 0;
    border: none;
    border-radius: 0;
    position: relative;
    z-index: 10;
}

.panel {
    border: none;
}

.navbar-static-top {
    z-index: inherit;
    border: none;
}

.navbar-nav > li > a.active {
    background-color: #555;
    color: #fff;
}

.navbar-nav > li > a:not(.collapsed), .navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
    background-color: #333!important;
}

.nav-panel *:not(.glyphicon) {
    font-family: Arial;
}

.nav-wrapper .navbar-sub-menu {
    text-shadow: 2px 2px 4px #222;
}

.menu-collapse .link-wrapper {
    display: block;
}

.collapsing {
    position: static;
}

@media (max-width: 768px) {
    .menu-collapse .link-wrapper {
        margin-left: 0;
    }

    .container.menu-container {
        padding: 0;
    }

    .navbar-collapse {
        position: absolute;
        display: block;
        visibility: visible;
        width: 125px;
        right: -125px;
        transition: right 0.5s ease 0s;
        z-index: 1002;
    }

    .navbar-collapse.active {
        right: 0;
    }

    .navbar-sub-menu {
        position: absolute;
        width: 195px;
        right: -75px;
        transition: right 0.5s ease 0s;
        z-index: 20;
    }

    .navbar-sub-menu.collapsing {
        height: inherit;
        overflow: inherit;
    }

    .navbar-sub-menu.in {
        right: 125px;
    }

    .collapsing {
        position: absolute;
    }
}

.menu-collapse a {
    color: #DDD;
}

.menu-collapse a:hover {
    text-decoration: none;
}

/* Sub-menu */

.sub-menu-wrapper {
    text-align: center;
    text-transform: uppercase;
}

.sub-menu {
    list-style: none;
    display: inline-block;
    font-size: 1.2em;
    padding: 0;
    margin-bottom: 1.25em;
}

.sub-menu-header {
    margin-bottom: 1em;
}

.sub-menu-header > a, .sub-menu-header > .title {
    color: #FFCC33;
    font-size: 1.2em;
}

.sub-menu-header > .title {
    font-size: 2em;
}

.sub-menu-header > a:before, .sub-menu-header > .title:before {
    right: 2em;
}

.sub-menu-header > a:after, .sub-menu-header > .title:after {
    left: 2em;
}

.sub-menu-header > a:before, .sub-menu-header > a:after, .sub-menu-header > .title:before, .sub-menu-header > .title:after {
    background-color: #d0d0d0;
    content: "";
    display: inline-block;
    height: 1px;
    bottom: .1em;
    position: relative;
    vertical-align: middle;
    width: 10%;
}

.sub-menu > li {
    display: table-cell;
    padding: 0 1.5em;
    vertical-align: middle;
}

.sub-menu > li > a {
    color: white;
    margin: 0 auto;
}

.sub-menu > li > a:hover, .sub-menu-header > a:hover {
    text-decoration: none;
    color: #CCC;
}

.sub-menu > li:not(:first-child) {
    border-left: 1px solid #666;
}

.sub-menu > li.active > a {
    color: #FFCC33;
}

.sub-menu.collapsed > li {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.sub-menu.collapsed > li:not(:first-child) {
    border: none;
}

@media (max-width: 768px) {
    .sub-menu {
        width: 100%;
    }

    .sub-menu > li {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

    .sub-menu > li:not(:first-child) {
        border: none;
    }
}

/* Button Icons */

.button-icon {
    padding: .25em .5em;
    cursor: pointer;
    display: block;
}

.button-icon:hover {
    text-decoration: none;
}

/* Container */

.inner-container.container, .inner-container.container-fluid {
    padding-left: 0;
    padding-right: 0;
    margin-left: -17.5px;
    margin-right: -17.5px;
}

.center-container.container, .center-container.container-fluid {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

/* Max Size Columns */

.max-one {
    max-width: 100%;
}

.max-two {
    max-width: 49%;
}

.max-three {
    max-width: 32%;
}

.max-four {
    max-width: 24%;
}

.max-five {
    max-width: 19%;
}

/* Images */

.centered-image {
    margin: 0 auto;
    max-width: 35em;
}

.centered-image img {
    margin: 0 auto .75em auto;
    max-width: 100%;
}

.centered-image > .image-wrapper {
    text-align: center;
    display: block;
}

.section .centered-image > p {
    max-width: 296px;
    margin-left: auto;
    margin-right: auto;
}

/* Form */

.styled-select {
    cursor: pointer;
    display: inline-block;
}

.styled-select select {
    background-color: transparent;
}

.ie .styled-select select {
    background-color: black;
}

.styled-select option {
    background-color: black;
}

/* Carousel */

.carousel-border {
    margin-bottom: 4.25em;
}

.carousel-container {
    max-width: 70em;
    transition: max-width 0.5s ease 0s;
}

.large-carousel {
     max-width: 94.25em;
}

.carousel-caption {
    z-index: 10;
}

.carousel-indicators {
    bottom: -3em!important;
}

.carousel-indicators > li {
    border-radius: 0;
    width: 5px;
    height: 5px;
    border: none;
    background-color: #666666;
}

.carousel-indicators .active {
    margin: 1px;
    width: 5px;
    height: 5px;
}

.control-absolute {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.control-wrapper {
    height: 100%;
    position: relative;
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
    filter: none;
    width: auto;
}

.carousel-control.right {
    cursor: url("/images/icons/Arrow-Right.png") 17 30, pointer;
    left: 50%;
    margin-left: 17.5em;
}

.carousel-control.left {
    cursor: url(/images/icons/Arrow-Left.png) 17 30, pointer;
    right: 50%;
    margin-right: 17.5em;
}

.carousel-control:focus {
    border: 1px dashed white;
}

.carousel-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.carousel-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-65%);
    -moz-transform: translate(-50%,-65%);
    -ms-transform: translate(-50%,-65%);
    transform: translate(-50%,-65%);
}

/* Pills */

.nav-pills > li > a {
    color: white;
}

/* Icons */

.icon.file:before {
    content: url("/images/icons/File-Icon.svg");
}

/* Triangle */

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 3.5em solid transparent;
	border-right: 3.5em solid transparent;

	border-top: 1.5em solid #ffcc33;
}

/* Link List */

.content-list * {
    margin-bottom: .5em;
}

.link-list li {
    margin: 1em 4em 1em 2em;
}

.link-list i {
    margin-left: -1.5em;
    margin-right: .3em;
}

.link-list a {
    margin-left: 2.5em;
    display: block;
    font-family: Arial;
}

/* Breadcrumbs */

.breadcrumb {
    text-transform: uppercase;
    background-color: #000;
    font-size: 1.5em;
}

.breadcrumb > li:nth-child(1) > a {
    color: #fff;
}

.breadcrumb > li:nth-child(1):hover > a {
    color: #ff9933;
}

.breadcrumb > li:nth-child(2) > a {
    color: #666666;
}

.breadcrumb > li:nth-child(2):hover > a {
    color: #99cccc;
}

.breadcrumb > li:nth-child(3) > a {
    color: #ff9933;
}

.breadcrumb > li:nth-child(3):hover > a {
    color: #fff;
}

/* Colorbox */

.colorbox-image {
    cursor: pointer;
}

/* Carousel Infographic */

.ci-left *:not(.glyphicon), .ci-right *:not(.glyphicon) {
    font-family: Arial;
}

.ci-left *:not(.glyphicon) h2, .ci-right *:not(.glyphicon) h2, .ci-left *:not(.glyphicon) h3, .ci-right *:not(.glyphicon) h3 {
    font-family: LinBiolinum-Bold;
}

.ci-left .ci-label-outer {
    text-align: right;
}

.ci-right .ci-label-outer {
    text-align: left;
}

.ci-label-outer {
    height: 23em;
    display: table;
}

.ci-label-inner {
    display: table-cell;
    vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 1250px) {
    .ci-label-inner {
        font-size: .8em;
    }
}

.ci-alt .header .ci-label-inner h1 {
    margin-bottom: 0;
    font-family: LinBiolinum-Bold;
}

.ci-alt .header .ci-label-inner h2 {
    margin-top: 0;
    font-family: LinBiolinum-Bold;
}

.ci-label-inner.image {
    text-align: center;
}

.ci-label-inner.image img {
    width: 100%;
    max-width: 20em;
}

.ci-label-outer > .ci-label-inner > h2 {
    font-family: LinBiolinum-Bold;
}

.ci-carousel-outer {
    height: 100%;
    display: table;
}

.ci-left .ci-boxes-outer {
    padding-left: 2em;
}

.ci-alt .ci-left .ci-boxes-outer {
    padding-left: 0;
}

.ci-left .ci-boxes-outer:before {
    content: "";
    position: absolute;
    left: 1em;
    top: 20%;
    bottom: 20%;
    border-left: 1px solid black;
}

.ci-right .ci-boxes-outer:after {
    content: "";
    position: absolute;
    right: 1em;
    top: 20%;
    bottom: 20%;
    border-left: 1px solid black;
}

.ci-boxes-wrapper h2 {
    font-weight: bold;
}

.ci-alt .ci-boxes-outer .col-xs-6:nth-child(2) {
    border-left: 3px dashed rgba(0, 0, 0, .3);
}

@media (max-width: 992px) {
    .ci-left .ci-boxes-outer:before, .ci-right .ci-boxes-outer:after {
        border: none;
    }
}

.ci-boxes-outer {
    margin: 1.5em auto;
}

.ci-boxes-inner, .ci-carousel-wrapper {
    height: 20em;
    display: table;
    margin: 0 auto;
}

.ci-alt .ci-boxes-inner {
    height: 12em;
}

.ci-boxes-wrapper, .ci-carousel-aligned {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.ci-carousel-wrapper.ci-carousel-aligned-wrapper {
    width: 80%;
}

.ci-carousel-aligned {
    height: 20em;
    margin: 0 auto;
}

.ci-carousel-item {
    padding: 1.5em;
}

.ci-carousel-wrapper {
    height: 16em;
    width: 100%;
    margin: 0 auto;
}

.ci-controls > .left, .ci-controls > .right {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    font-size: 2.75em;
}

.ci-controls > .left {
    left: -.5em;
}

.ci-controls > .right {
    right: -.5em;
}

.block {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    border: 2px solid black;
    cursor: pointer;
}

.block.active {
    background-color: black;
}

@media (max-width: 992px) {
    .ci-left .ci-label-outer, .ci-right .ci-label-outer {
        height: auto;
        display: block;
        text-align: center;
    }

    .ci-left .ci-boxes-outer, .ci-right .ci-boxes-outer {
        border: none;
    }

    .ci-boxes-inner {
        height: 17em;
    }

    .ci-carousel {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .ci-boxes-inner {
        height: auto;
    }
}

/* Modal */

.modal-text-content {
    padding: 1em;
}

.close {
    font-size: 2.75em;
    color: white;
    opacity: .6;
}

/* Colors */

.orange {
    color: #f90!important;
}

.dark-orange {
    color: #c60!important;
}

.blue {
    color: #9cc;
}

.dark-blue {
    color: #69C;
}

.grey {
    color: #666!important;
}

.light-grey {
    color: #999!important;
}

.black {
    color: #000!important;
}

.white {
    color: #fff!important;
}

.gold {
    color: #fc3;
}

.red {
    color: #900!important;
}

.background-orange {
    background-color: #f90!important;
}

.background-black {
    background-color: #000!important;
}

.background-gold {
    background-color: #fc3;
}

.background-white {
    background-color: #fff!important;
}

.background-blue {
    background-color: #9cc!important;
}

.background-red {
    background-color: #900!important;
}

.background-grey {
    background-color: #666!important;
}

.background-dark-blue {
    background-color: #69C;
}

.border-red {
    border-color: #900!important;
}

.border-grey {
    border-color: #666!important;
}

.hover-gold:hover {
    background-color: #eb2;
}

.hover-dark-blue:hover {
    background-color: #58B;
}

.kma {
    color: lawngreen!important;
}

.tbd {
    background: mediumorchid!important;
}

/* Links */

.file-link:hover {
    color: #ff9933;
}

/* Link Button */

.link-button {
    padding: .15em .2em;
    margin-left: 1em;
    cursor: pointer;
}

.link-button > .glyphicon {
    font-size: .9em;
}

/* Media */

.media {
    color: #ccc;
}

.capitol-image {
    background-image: url("/images/banners/Bnr-Int-Capitol.jpg");
}

/* Hoverable Images */

.hoverable-image {
    position: relative;
    overflow: hidden;
    display: block;
}

.hoverable-image > .overlay, .hoverable-image > .background {
    position: absolute;
    transition: all 0.5s ease 0s;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.hoverable-image > .background, .transparent-background {
    background: rgba(0, 0, 0, .7);
}

.ie8 .hoverable-image > .background, .ie8 .transparent-background {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000); 
}

.hoverable-image > .overlay > .content {
    padding: 0 2em;
    height: 100%;
    display: table;
}

.hoverable-image .content > p {
    height: 100%;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

.hoverable-image.content-bottom > .overlay, .hoverable-image.background-bottom > .background, .hoverable-image.content-bottom-left > .overlay, .hoverable-image.background-bottom-left > .background, .hoverable-image.content-bottom-right > .overlay, .hoverable-image.background-bottom-right > .background {
    top: 100%;
    bottom: -100%;
}

.hoverable-image.content-top > .overlay, .hoverable-image.background-top > .background, .hoverable-image.content-top-left > .overlay, .hoverable-image.background-top-left > .background, .hoverable-image.content-top-right > .overlay, .hoverable-image.background-top-right > .background {
    top: -100%;
    bottom: 100%;
}

.hoverable-image.content-left > .overlay, .hoverable-image.background-left > .background, .hoverable-image.content-top-left > .overlay, .hoverable-image.background-top-left > .background, .hoverable-image.content-bottom-left > .overlay, .hoverable-image.background-bottom-left > .background {
    left: -100%;
    right: 100%;
}

.hoverable-image.content-right > .overlay, .hoverable-image.background-right > .background, .hoverable-image.content-top-right > .overlay, .hoverable-image.background-top-right > .background, .hoverable-image.content-bottom-right > .overlay, .hoverable-image.background-bottom-right > .background {
    left: 100%;
    right: -100%;
}

.hoverable-image:hover > .overlay, .hoverable-image:hover > .background {
    top: 0!important;
    bottom: 0!important;
    left: 0!important;
    right: 0!important;
}

/* Expandable Image */

.expandable-image {
    position: relative;
    display: inline-block;
    width: 14em;
    height: 7em;
    float: left;
}

.expandable-image > i {
    color: white;
    cursor: pointer;
    margin: .5em;
}

.expandable-image > img {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}

.expandable-image.restricted > img {
    max-width: 100%;
    max-height: 100%;
}

/* Text Overlay */

.text-overlay {
    position: relative;
}

.text-overlay > .overlay {
    position: absolute;
    margin: 1.5em;
    padding: .5em 1.5em;
    max-width: 33%;
    color: white;
}

.text-overlay > .overlay > h3 {
    margin-top: .25em;
}

.text-overlay > .overlay.background {
    background: rgba(0, 0, 0, .7);
}

.ie8 .text-overlay > .overlay.background {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000); 
}

.text-overlay > .overlay.top {
    top: 0;
}

.text-overlay > .overlay.bottom {
    bottom: 0;
}

.text-overlay > .overlay.left {
    left: 0;
}

.text-overlay > .overlay.right {
    right: 0;
}

.text-overlay > .overlay.thin {
    max-width: 20%;
}

.text-overlay > .overlay.wide {
    max-width: 66%;
}

/* Open/Closed Arrow */

.toggle-arrow {
    cursor: pointer;
}

.toggle-arrow:before {
    vertical-align: middle;
    margin-left: 2em;
    transition: transform .5s ease;
    content: url('/images/icons/Arrow-Blue-Right.png');
    display: inline-block;
}

.toggle-open:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ie8 .toggle-open:before {
    content: url('/images/icons/Arrow-Blue-Down.png');
}

/* Slide */

.slide-wrapper {
    position: relative;
    overflow: hidden;
    padding: .75em 0;
}

.slide {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.slide.left.closed {
    left: -100%;
    right: 100%;
}

.slide.right.closed {
    left: 100%;
    right: -100%;
}

/* Card Flip */

.flip-container {
	perspective: 1000;
    transform-style: preserve-3d;
}

.flip-container.flipped .flipper {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.flip-container.flipped .back {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.flip-container.flipped .front {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.flip-container, .front, .back {
	width: 100%;
	height: 100%;
}

.flipper {
	transition: all 1s ease 0s;
	transform-style: preserve-3d;
	position: relative;
}

.flipper > .front, .flipper > .back {
	backface-visibility: hidden;
	position: absolute;
    transform-style: preserve-3d;
	top: 0;
	left: 0;
}

.flipper > .front {
	z-index: 2;
	transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.flipper > .back {
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.flipper > .fit {
    position: relative;
}

.delay {
    transition-delay: 1s;
}

/* Background Images */

.banner {
    height: 14.25em;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-image, .background-image {
    background-position: center;
    background-repeat: no-repeat;
}

.background-carousel {
    height: 34em;
    background-size: cover;
}

.carousel-buttons {
    left: 50%;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    background-color: black;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.carousel-buttons > .btn {
    background-color: black;
    color: #666;
    border-radius: 0;
    border-color: black;
}

@media (max-width: 992px) {
    .carousel-control.right {
        margin-left: 12em;
    }
    
    .carousel-control.left {
        margin-right: 12em;
    }

    .background-carousel {
        height: 21.5em;
    }
}

@media (max-width: 768px) {
    .carousel-control.right {
        margin-left: 4em;
    }

    .carousel-control.left {
        margin-right: 4em;
    }
}

/* Footer */

.footer-wrapper {
    width: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    padding: 4em 0 2em 0;
}

.footer {
    text-align: center;
    color: #ffffff;
    max-width: 940px;
    margin: 0 auto;
}

.inline-link-list {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}

.inline-link-list > li {
    display: inline;
    padding: 0 .25em;
    text-transform: uppercase;
}

.inline-link-list > li:not(:first-child) {
    border-left: 1px solid #555;
}

/* Navigation */
#MainMenu {
	min-height: 35.5em;
	width: 15.5em;
}

.list-group {
	background-color: #000;
	border-right-color: #666;
	text-transform: uppercase;
    font-size: 1.2em;
}

.list-group-item {
	border: none;
	padding: .25em 0 .25em .25em;
	margin: 0 0 0 1.25em;
}

.dropdown-submenu{
	position:relative; 
	border: none; 
}

.dropdown-submenu>.dropdown-menu{
	top: -2px;
	left: 0; 
	padding: 0px;  
	border: none;
}

.dropdown-submenu:hover>.dropdown-menu{
	display:block;
	background-color: #666; 
	color: #99cccc;
	padding-top: 0px; 
	border: none;
}
 
.dropdown-submenu>a:after{
	display: block;
	content: " ";
	margin-top: .5em; 
	margin-right: 1.25em;
	float: right;
	width: m0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-left-color: #99cccc;
}

.dropdown-submenu{float:none;}.dropdown-submenu>.dropdown-menu{
	left: 11.5em;
	margin-right: .5em;
}

.sidebar{float:left; }

.dropdown-menu > li > a { 
	padding-top: .25em;
	padding-bottom: .25em;
}

.dropdown-menu > li > a:hover {
	background-color: #fff; 
	color: #99cccc;
}

.dropdown-submenu:hover a {
	background-color: #666; 
	color: #99cccc;
}

.dropdown-menu > li{
	margin-left: m0;
}

input.form-control {
    background-color: #000;
    border-color: #99cccc;
    color: #ccc;
}

.subMenuyItem  {
	margin-left: 1em;
}

.subMenuyItem  a{	
	color :#ff9933;
	text-transform: none;
    font-size: .95em;
	padding-bottom: .25px;
	border: none;
}

.subMenuyItem a.list-group-item:focus {
	color :#fff;
	background-color:#000;
}

.subMenuyItem a.list-group-item:hover {
	color :#fff;
	background-color:transparent;
}

.navside-imgs {
	margin: 0;
}

.usajobs-img {
	  margin: .25px;
}

.apply-img {
	  margin: .25em;
}

.hls-img {
	  margin: 1em .25em .25em .25em;
}

/* Social Media */

.social-media {
    margin-top: 5em;
}

.social-media h3 {
    margin-top: 0;
    margin-bottom: .25em;
}

.social-media img {
    float: left;
    width: 30%;
    max-width: 10em;
    padding-right: 1em;
    padding-bottom: 4em;
}

@media (max-width: 768px) {
    .social-media {
        text-align: center;
    }
    
    .social-media h3 {
        margin-top: 0;
        margin-bottom: .25em;
    }
    
    .social-media img {
        float: none;
        width: 30%;
        max-width: 5em;
        padding: 2em 0 1em 0;
    }
}

/*  Custom Icons*/

.usss {
    display: inline-block;
}

.usss-quote-left:before {
    content: url('/images/icons/Quote-Right.png');
}

.usss-quote {
    transform: rotateY(180deg);
}

.usss-quote-right:before {
    content: url('/images/icons/Quote-Right.png');
}

@media (max-width: 768px) {
    .usss-quote-left:before {
        content: url('/images/icons/Quote-Left-Small.png');
    }
    
    .usss-quote-right:before {
        content: url('/images/icons/Quote-Right-Small.png');
    }
}

/* Bootstrap Overrides */

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: .5em;
    margin-bottom: .75em;
}

.form-control, .input-group-addon {
    height: auto;
    font-size: 1em;
}

.navbar-nav > li > a {
    padding: .75em!important;
}

.navbar-form {
    margin: .5em;
    padding: 0;
}

@media (max-width: 992px) {
    .navbar-form {
        width: 9em;
    }
}

@media (max-width: 768px) {
    .navbar-form {
        display: none;
    }
}

/* Bootstrap Edits */

a {
    color: #69c;
}

#content:focus {
    outline: none;
}

.input-group-btn {
    font-size: inherit;
}

.popover {
    font-size: .9em;
    border-color: #555;
    background-color: #222;
    max-width: 60em;
}

.popover-title {
    background-color: #333;
    border-bottom-color: #555;
}

.popover-content {
    background-color: #000;
}

.popover.top > .arrow:after {
    border-top-color: #000;
}