@charset "utf-8";
/* CSS Document */

/* Colour chart */
/*
Yellow/Gold - #FCB017; RGBA(252,176,23,0.8)
Yellow/Gold Darker tint - #DB9914;
Yellow/Gold Dark tint - #B67f11;
Dark Grey - #59584F;
Webpart shading - RGBA(0,0,0,0.8);
*/

/* Modal window fixes */
.ms-dialog header, .ms-dialog footer, .ms-dialog #site-social, #site-top-nav ul.site-top-nav-root > li.ms-navedit-editArea {
    display: none;
}

/* Elevation of items */
#site-top-nav {
    z-index: 52;
}
#site-social {
    z-index: 51;
}
#site-title {
    z-index: 50;
}

/* Common properties */
.shaded, header, footer, .coj-home.welcome .ms-webpart-zone, #site-social a {
	background-color: RGBA(97, 97, 97,0.8); /*(255, 165, 0,0.7) header and footer background color*/
	color: #fff;
}

.coj-home.welcome .campaigns-row .ms-webpart-zone {
    background-color: transparent;
    color: inherit;
}

/* Global Properties */
html {
	position: relative;	
}

html, body, div#s4-bodyContainer, div#site-container {
	min-height: 100%;
}

body, #site-social a span {
	font-family: "Segoe UI", Verdana, Geneva, sans-serif;
	font-size: 14px;
}

*:focus {
	/* border: 0px solid transparent;*/
	outline: none;
}

h1, .h1 {
    
}

h2, .h2 {
	font-weight: 600;
	font-size: 18px;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}

h3, .h3 {
	font-weight: 600;
	font-size: 15px;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}

h4, .h4 {
    font-size: 15px;
}

/* Rich Text Editor */
H1.ms-rteElement-H1, .ms-rtestate-field h1 {
    -ms-name:"Heading 1";
    -ms-element:"true";
    font-size: 24px;
    font-weight: normal;
}





/* Site Layout */
#s4-workspace {
    position: relative;
}

div#s4-bodyContainer {
    position: relative;
    padding: 0px;
}

div#site-container {
    padding-bottom: 0px; /*Same size as footer */
}

div#site-content-outer {
    padding: 5px 0px;
    background-color: #fff;
}

.ms-backgroundImage {
	
	background-size: cover;
	background-position: center top;
}

div#site-content {
	min-height: 280px;
}

/* Web Part Zones */
.ms-webpart-zone {
    display: block;
}

.ms-webpart-titleText, .ms-webpart-titleText > a {
    font-size: 15px;
    text-transform: uppercase;
}



/* ------------------------------------------------------------ */
/* HEADER                                                       */
/* ------------------------------------------------------------ */
header, header > .container {
	height: 200px;
	position: relative;
}

header > .container {
    background-color: transparent;
    border: 0px;
    margin: 0px auto;
}

@media (max-width: 767px) {
    header, header > .container {
    	height: 175px;
    	position: relative;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    header, header > .container {
    	height: 175px;
    	position: relative;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
           

}
@media (min-width: 1200px) { 
}
@media (max-width: 467px) {

   
    
}



/* Site Logo */
#site-logo {
	position: absolute;
	top: 65px;
	/* left: 45px; */
	left: 15px;
}
.ms-siteicon-a, .ms-siteicon-img {
    max-height: none;
    max-width: none;
}
@media (max-width: 767px) {
    #site-logo {
    	top: 75px;
    }
    .ms-siteicon-img {
        max-width: 90px;
        max-height: 90px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #site-logo {
    	top: 75px;
    }
    .ms-siteicon-img {
        max-width: 90px;
        max-height: 90px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    
}
@media (min-width: 1200px) { 
    
}




/* Site Search */
#site-search {
	position: absolute;
	/* right: 45px; */
	right: 0px;
	top: 15px;
}
#site-search input[type=search] {
	background-color: RGBA(0,0,0,0.4);
	border: 1px solid #59584F;
}

input#ctl00_ctl50_csr_sbox {
    color: #fff;
}


/* Top Navigation */
#site-top-nav {
	position: absolute;
	/* left: 205px; */
	left: 175px;
	top: 65px;	
}
#site-top-nav ul {
	color: #fff;
	font-size: 12.6px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	margin-left: -35px;
}
#site-top-nav a {
    color: #fff;
}
#site-top-nav a:hover {
    color: #FCB017;
    text-decoration: underline;
}
#site-top-nav .msry-item {
    margin-bottom: 15px;
}

/* First Level */
#site-top-nav ul.site-top-nav-root {
    display: block;
    position: relative;
}
#site-top-nav ul.site-top-nav-root > li {
    display: inline-block;
    line-height: 30px;
    text-transform: uppercase;
    padding: 0px 0px 0px 20px;
}
#site-top-nav ul.site-top-nav-root > li:first-child {
    padding-left: 0px;
}
#site-top-nav ul.site-top-nav-root > li:hover {
	
}
#site-top-nav ul.site-top-nav-root > li:hover > a {
    color: #FCB017;
}
#site-top-nav .children > a {
    
}
#site-top-nav .children > a:hover {
    text-decoration: none;
}
#site-top-nav ul.site-top-nav-root > .children > a:after {
    content: ' ';
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 2px;
    width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
    vertical-align: middle;
}
#site-top-nav ul.site-top-nav-root > .children > a:hover::after {
	border-top: 4px solid #FCB017;
}

/* Second Level */
#site-top-nav ul.site-top-nav-root > li.children > ul.msry-group {
	background-color: rgba(0,0,0,0.9);
	left: -9999px;
    line-height: 1.5;
    padding: 15px 0px;
    position: absolute;
	text-transform: none;
}
#site-top-nav ul.site-top-nav-root > li.children:hover > ul.msry-group {
	left: -160px;
}
#site-top-nav ul.site-top-nav-root > li.children:hover > ul.msry-group > li {
    text-transform: uppercase;
}

/* Third Level */
#site-top-nav ul.site-top-nav-root > li > ul > li > ul > li {
    text-transform: none;
}

@media (max-width: 767px) {
    #site-top-nav {
    	left: 15px;
    	top: 40px;	
    }
    #site-top-nav ul.site-top-nav-root > li {
    	font-size: 10px;
    	padding: 0px 0px 0px 10px;
    	text-transform: none;
    }
    #site-top-nav ul.site-top-nav-root > li.children:hover > ul.msry-group {
    	left: 0px;
    }
   div#zz10_TopNavigationMenu {
    background-color: black;
}
   li.static {
    background-color: black;
    width: 168px;
    margin-left: 20px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
    #site-top-nav {
    	left: 15px;
    	top: 40px;	
    }
    #site-top-nav ul.site-top-nav-root > li {
    	font-size: 10px;
    	padding: 0px 0px 0px 10px;
    }
    #site-top-nav ul.site-top-nav-root > li.children:hover > ul.msry-group {
    	left: 0px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .site-top-nav-root > li {
    	font-size: 10px;
    }

    #site-top-nav ul.site-top-nav-root > li {
        padding: 0px 0px 0px 15px;
    }

}
@media (min-width: 1200px) { 
    #site-top-nav ul.site-top-nav-root > li {
    
    }
}



/* Site Title and Heading */
#site-title {
	position: absolute;
	/* left: 205px; */
	left: 160px;
	top: 100px;
}

#site-title .h1 {
	font-size: 30px;
	font-weight: 200;
	color: #fff;
	margin: 0px;
}

#site-title .h2 {
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	margin: 15px 0px 0px 0px;
}

#site-title a {
    color: #fff;
}

#site-title a:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    #site-title {
    	left: 120px;
    	top: 70px;
    }
    #site-title .h1 {
    	font-size: 23px;
    }
    
    #site-title .h2 {
    	font-size: 16px;
    }
   


}
@media (min-width: 768px) and (max-width: 991px) {
    #site-title {
    	left: 120px;
    	top: 70px;
    }
    #site-title .h1 {
    	font-size: 32px;
    	margin-top: 5px;
    }
    
    #site-title .h2 {
    	font-size: 16px;
    	margin-top: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    
}
@media (min-width: 1200px) { 
    
}


/* ------------------------------------------------------------ */
/* RIBBON BAR                                                   */
/* ------------------------------------------------------------ */
.ms-cui-topBar2, .ms-browseTabContainer.ms-cui-topBar2 {
    border-bottom: 0px;
}




/* ------------------------------------------------------------ */
/* SITE SOCIAL                                                  */
/* ------------------------------------------------------------ */
#site-social {
	position: absolute;
	top: 255px;
	right: 0px;
}

#site-social ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}

#site-social a {
	display: block;
	height: 45px;
	line-height: 45px;
	margin-bottom: 1px;
	position: relative;
	text-align: center;
	width: 45px;
}

#site-social a:hover {
	text-decoration: none;
}

#site-social a span {
	background-color: rgba(0,0,0,0.7);
	display: block;
	position: absolute;
	right: 45px;
	overflow: hidden;
	top: 0px;
	width: 0px;
	transition: linear;
	transition-property: all;
	transition-duration: .2s;
}

#site-social a:hover span {
	width: 120px;
}

@media (max-width: 767px) {
    #site-social {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #site-social {
        top: 205px;
    }

}
@media (min-width: 992px) and (max-width: 1199px) {
    
}
@media (min-width: 1200px) { 
    
}





/* ------------------------------------------------------------ */
/* HOMEPAGE                                                     */
/* ------------------------------------------------------------ */
div.welcome {
    padding: 0px;
}
.coj-home .ms-webpart-titleText, .coj-home .ms-webpart-titleText > a {
    color: #fff;
}

.news-events-row .ms-webpart-cell-vertical, .news-events-row .ms-webpart-chrome-vertical {
    display: block;
}

.news-events-row .col-left, .news-events-row .col-right {
    min-height: 375px;
    margin-left:17%
    
}

/*.news-events-row .ms-webpart-zone {
    min-height: 375px;
}*/

.coj-home .ms-webpart-zone {
    margin-bottom: 30px;
}

/* Featured News */
.news-events-row .col-left .ms-webpartzone-cell {
    margin: 0px;
    padding: 10px 15px;
}
.news-events-row .col-left .ms-webpart-titleText {
    margin-left: 35px;
}
#newsCarousel {
	height: auto;
	padding: 0px 35px;
}
#newsCarousel h1 {
	font-size: 18px;
	margin: 0px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 14px;
    text-overflow: ellipsis;
    margin-top:10px;
    
}
ol.carousel-indicators {
	bottom: 10px;
	margin-bottom: 0px;
}
#newsCarousel .list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#newsCarousel .item {
    padding: 0px;
    height: 350px;
}
#newsCarousel .featured-news-image {
    float: left;
    margin: 0px 14px 0px 5px;
    width: 55%;
    height: auto;
}
#newsCarousel .featured-news-image a {
    display: block;
}
/*
.carousel-caption {
    border: 1px solid #f00;
	position: relative;
	text-align: left;
	right: inherit;
	left: inherit;
	bottom: inherit;
	max-height: 230px;
	padding: 0px;
	overflow: hidden;
	text-shadow: none;
}
*/
#newsCarousel .carousel-control {
	font-size: 30px;
	width: 50px;
}
#newsCarousel .carousel-control.left {
    margin-left: -15px;
}
#newsCarousel .carousel-control.right {
    margin-right: -15px;
}
#newsCarousel .carousel-control.left, .carousel-control.right {
	background-image: none;
}
#newsCarousel .carousel-control:hover, .carousel-control:focus {
	background-image: none;
	color: #FCB017;
}
#newsCarousel .glyphicon {
	position: relative;
	top: 127px;
}
#newsCarousel .glyphicon-menu-left, #newsCarousel .glyphicon-menu-right {
	
}
#newsCarousel .carousel-link {
    position:absolute;
     bottom: 8px;
     right: 0px;
     overflow: visible;
    
}
@media (max-width: 767px) {
    #newsCarousel .featured-news-image {
        width: 100%;
    }
    #newsCarousel .featured-news-image .image {
        width: 50%;
        height: auto;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
.ms-webpart-zone.ms-fullWidth {
    min-width: 400px;
    width: 100%;
   
}


p {
    margin: 0px 0 139px;
    padding-right: 24%;
}
    
}
@media (min-width: 468px) and (max-width: 791px) {
.ms-webpart-zone.ms-fullWidth {
    min-width: 400px;
    width: 100%;
   
}


p {
    margin: 0px 0 139px;
    padding-right: 24%;
}
    
}

@media (min-width: 992px) and (max-width: 1199px) {
    
}
@media (min-width: 1200px) { 
    
}



/* ------------------------------------------------------------ */
/* LATEST EVENTS                                                */
/* ------------------------------------------------------------ */
.news-events-row .col-right .ms-webpartzone-cell {
    margin: 0px 0px 30px;
    padding: 10px 15px;
}

.news-events-row .col-right ul.term-names {
    margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
}

.news-events-row .col-right ul.term-names li {
    
}

.news-events-row .col-right a {
    color: #FCB017;
}

@media (max-width: 767px) {
    .news-events-row .col-right ul.term-names li {
        display: inline-block;
        margin-bottom: 5px;
        padding: 0px 12px 0px 0px;
    }
    .news-events-row .col-right, .news-events-row .ms-webpart-zone {
        min-height: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .news-events-row .col-right ul.term-names li {
        display: inline-block;
        margin-bottom: 5px;
        padding: 0px 12px 0px 0px;
    }
    .news-events-row .col-right, .news-events-row .ms-webpart-zone {
        min-height: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .news-events-row .col-right ul.term-names li {
        display: block;
    }
}

@media (min-width: 1200px) { 
    .news-events-row .col-right ul.term-names li {
        display: block;
    }
}


/*
#latest-events {
	
}

#latest-events ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
}
*/



/* Campaigns Carousel */
.campaigns-row .ms-webpart-titleText {
    padding-left: 15px;
    margin-top: 10px
}
.campaigns-row .ms-webpartzone-cell {
    margin: auto auto 5px;
}

.campaigns-carousel {
    position: relative;
}

.campaigns-carousel .carousel-control {
    color: #FCB017;
    background-image: none;
    font-size: 30px;
    width: 50px;
    overflow: visible;
    text-shadow: none;
    opacity: 0.8;
}

.campaigns-carousel .col-lg-2 {
    width: 20%;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}

.campaigns-carousel .carousel-item {
    display: inline-block;
}

.campaigns-carousel .carousel-control .icon-prev, .campaigns-carousel .carousel-control .icon-next, .campaigns-carousel .carousel-control .glyphicon-chevron-left, .campaigns-carousel .carousel-control .glyphicon-chevron-right {
    margin-top: 0px;
    transform: translateY(-50%);
}

.campaigns-carousel .carousel-control.left {
    margin-left: -50px;
}
.campaigns-carousel .carousel-control.right {
    margin-right: -50px;
}

.campaigns-carousel .glyphicon {
    top: 50%;
    transform: translateY(-50%);
}

/*
.campaigns-carousel div.item div[class|="col"] {
    border: 1px solid #f00;
}
*/
/* Tooltip */
#campaignsCarousel .carousel-inner.hover {
    overflow: visible;
}
.carousel-item + .tooltip {
    
}
.carousel-item + .tooltip > .tooltip-inner {
    background-color: #FCB017; 
    color: #000; 
    border: 1px solid #FCB017; 
    padding: 15px;
}
/* Tooltip on top */
.carousel-item + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #FCB017;
}


@media all and (min-width: 768px) {
    .campaigns-carousel .carousel-inner > .active.left,
    .campaigns-carousel .carousel-inner > .prev {
        left: -50%;
    }
    .campaigns-carousel .carousel-inner > .active.right,
    .campaigns-carousel .carousel-inner > .next {
     left: 50%;
    }
    .campaigns-carousel .carousel-inner > .left,
    .campaigns-carousel .carousel-inner > .prev.right,
    .campaigns-carousel .carousel-inner > .active {
        left: 0;
    }
    .campaigns-carousel .carousel-inner .cloneditem-1 {
        display: block;
    }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .campaigns-carousel .carousel-inner > .item.active.right,
    .campaigns-carousel .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }
    .campaigns-carousel .carousel-inner > .item.active.left,
    .campaigns-carousel .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }
    .campaigns-carousel .carousel-inner > .item.left,
    .campaigns-carousel .carousel-inner > .item.prev.right,
    .campaigns-carousel .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}
@media all and (min-width: 992px) {
    .campaigns-carousel .carousel-inner > .active.left,
    .campaigns-carousel .carousel-inner > .prev {
        left: -20%;
    }
    .campaigns-carousel .carousel-inner > .active.right,
    .campaigns-carousel .carousel-inner > .next {
        left: 20%;
    }
    .campaigns-carousel .carousel-inner > .left,
    .campaigns-carousel .carousel-inner > .prev.right,
    .campaigns-carousel .carousel-inner > .active {
        left: 0;
    }
    .campaigns-carousel .carousel-inner .cloneditem-2,
    .campaigns-carousel .carousel-inner .cloneditem-3 {
        display: block;
    }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .campaigns-carousel .carousel-inner > .item.active.right,
    .campaigns-carousel .carousel-inner > .item.next {
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
        left: 0;
    }
    .campaigns-carousel .carousel-inner > .item.active.left,
    .campaigns-carousel .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
        left: 0;
    }
    .campaigns-carousel .carousel-inner > .item.left,
    .campaigns-carousel .carousel-inner > .item.prev.right,
    .campaigns-carousel .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}



/* ------------------------------------------------------------ */
/* ARTICLE PAGES                                                */
/* ------------------------------------------------------------ */
/* Heading */
.article-heading {
    margin-top: 0px;
    margin-bottom: 20px;
}
/* Header and Byline */
.article-header {

}
.article-header .date-line, .article-header .by-line {
    display: block;
}
.article-header .date-line {
    float: none;
}
.article-header .by-line {
    text-align: left;
    font-style: italic;
    padding-bottom: 15px;
}

/* Rollup Image */
.captioned-image {
    
}




/* ------------------------------------------------------------ */
/* WEBPART CUSTOMIZATIONS                                       */
/* ------------------------------------------------------------ */
/* Promoted Links */
.ms-promlink-root {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}
.coj-home .ms-promlink-root {
    margin-left: 15px;
    margin-right: 0px;
    width: 100%;
}

.promoted-links {
    margin-bottom: 15px;
}
.ms-tileview-tile-titleMediumCollapsed {
    vertical-align: top;
}
.ms-tileview-tile-content {
    background-color: #FCB017;
}

@media (max-width: 767px) {
    .coj-home .campaigns-row .col-xs-4 {
        width: 33.33333333%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .coj-home .campaigns-row .col-sm-4 {
        width: 33.33333333%;
        }
.news-events-row .col-left, .news-events-row .col-right {
    margin-left: 0% !important;
}
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .coj-home .campaigns-row .col-md-4 {
        width: 16.66666667%;
    }
}
@media (min-width: 1200px) { 
    .coj-home .campaigns-row .col-lg-4 {
        width: 16.66666667%;
    }
}


/* Featured News */
.featured-news ul {
    list-style: none;
    padding: 0px;
}
.featured-news li.item {
    padding: 0px 0px 15px 0px;
}
.featured-news li.item .item {
    padding: 0px;
}
.featured-news .read-more {
    text-align: right;
}
.featured-news .read-more a {
    color: #FCB017 !important;
}
.featured-news .read-more a:after {
    content: " >>"
}
.featured-news .image {
    height: auto;
    width: 100%;
}
.featured-news .description {
    padding: 5px 0px;
}

/* Latest News and News Archive */
#site-latest-news .cqwp-custom, #site-news-archive .cqwp-custom {
    font-size: 12px;
}
#site-latest-news .cqwp-custom ul, #site-news-archive .cqwp-custom ul {
    list-style: none;
    padding: 0px;
}
#site-latest-news .cqwp-custom a, #site-news-archive .cqwp-custom a {
    color: #FCB017;
}
#site-latest-news .cqwp-custom li.item, #site-news-archive .cqwp-custom li.item {
    padding: 0px 0px 5px 0px;
}
#site-latest-news .cqwp-custom .link-item, #site-news-archive .cqwp-custom .link-item {
    padding: 0px;
}




/* ------------------------------------------------------------ */
/* FOOTER                                                       */
/* ------------------------------------------------------------ */
footer, footer h3, footer a {
	color: #e6e7e8 !important;	
}
footer {
    position: absolute;
	margin-top: 15px;
	min-height: 150px;
	padding-top: 15px;
	
	width: 100%;
    left: 0;
    right: 0;
    padding-bottom: 50px;
}
footer > .container {
 
    border: 0px;
    margin: 0px auto;
}
footer div.container > .row > .col-lg-12 {
	border-top: 1px solid #a7a9ac;	
	padding-top: 20px;
	
}
footer div.container > .row > .col-lg-12 h3 {
	padding-bottom: 5px;
	border-bottom: 1px solid #6d6f71;
	margin-right: 20%;
    margin-left: 0px;
}
footer div.container > .row > .col-lg-12 div[class*="col-"]:last-child h3 {
	border: 0px;
	margin-top: 10px;
	margin-right: inherit;
	padding-bottom: 0px;
}
footer div.container > .row > .col-lg-12 div[class*="col-"]:last-child h3:first-child {
	margin-top: 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #6d6f71;
    margin-right: 20%;
    margin-left: 0px;	
}
footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
footer .site-disclaimer {
	margin-top: 20px;	
}
footer .site-disclaimer div:last-child {
    text-align: right;
}
@media (max-width: 767px) {
    div#site-container {
        padding-bottom: 0px!important; /*Same size as footer */
        
    }

    footer {
        padding-top: 0px;
        min-height: 0px;
        height: auto;
    }
   
    footer .site-disclaimer {
    	margin-top: 0px;	
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    
}
@media (min-width: 992px) and (max-width: 1199px) {
    
}
@media (min-width: 1200px) { 
    
}






/* ------------------------------------------------------------ */
/* MEDIA QUERIES                                                */
/* ------------------------------------------------------------ */
/*
@media (max-width: 767px) {
    
}
@media (min-width: 768px) and (max-width: 991px) {
    
}
@media (min-width: 992px) and (max-width: 1199px) {
    
}
@media (min-width: 1200px) { 
    
}
*/




/* ------------------------------------------------------------ */
/* BOOTSTRAP OVERRIDES                                          */
/* ------------------------------------------------------------ */

.btn {
    padding: 3px 6px;
    font-size: 12px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-default, .btn-default:visited {
    color: #555;
    background-color: #afafaf;
    border-color: #555;
}

.btn-default:hover {
    color: #000;
    background-color: #FCB017;
    border-color: #B67f11;
}


/* Search Description fix */
/*
.cbs-pictureOnTopDataContainer, .cbs-pictureOnTopDataContainer > div, .cbs-picture3LinesDataContainer > div {
    padding-top: 0px;
}
*/

img, .ms-promlink-headerNav *, .ms-webpart-controlBox *, .ms-promlink-button *, .ms-bottompaging *, #ms-designbuilder-cuicontainer *, .ms-dialog * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.ms-dialog div[class^="col-"] {
    width: auto;
}

@media (max-width: 767px) {
    .container {
        width: 100%;
        height: auto;
    }
    .container.msry-group {
        width: 100%;
        margin-right: 15px;
    }
    footer div.container > .row > .col-lg-12 {
    border-top: 1px solid #a7a9ac;
    padding-top: 20px;
     
}

}

@media (min-width: 768px) and (max-width: 991px) {

    
}
@media (min-width: 992px) and (max-width: 1199px) {
    
}
@media (min-width: 1200px) { 
    
}

a.dynamic.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode {
    width: 215px;
    line-height: 2;
}

/* Page Layout for Social Media page*/
#social {
    width: 125%;
}

Img.image{
width:100%;
height: auto;
}

img#Tile_WPQ4_5_7 {
    right: 0px!important;
}
img#Tile_WPQ4_1_7 {
    right: 0px!important;
    width: 100%;
}


nav.navbar.navbar-default {
    background-color: #FCB017;
    border-color: black;
    width: 97%;
    margin-left: 0%;
    font-size:16px;
    
}

/* A-Z Page */

h3 {
    margin-left: 15px;
}

img#searchImg {
    background: #fff;
}

input#ctl00_ctl54_csr_sbox {
    color: #fff;
    margin-top: 3px;
}
div#sideNavBox {
    width: 215px!important;
    margin-left: 0px!important;
    margin-right: 0px!Important;
}
/*** Top Navigaion Static Menu Item Links  ***/
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    color: #21374C;
    white-space: nowrap;
    border: 0px solid transparent;
    padding: 10px;
    padding-left: 20px;
    margin-right: 1px;
} 
  
 
  
 
 
 /*** Sub-Menu/Flyover/Dynamic Menu Container ***/
ul.dynamic {
    background-color: #000;
    border: 1px solid #000;
    padding: 1px;
    margin-top: 5px;
} 
 
/***  Sub-Menu Items (HyperLinks) Style ***/
ul.dynamic .ms-core-listMenu-item {
    background-color: #000;
    padding: 10px 20px 10px 20px;
    white-space: nowrap;
} 
 
 
/*** Sub-Menu Items (HyperLinks) Hover Style ***/
ul.dynamic .ms-core-listMenu-item:hover {
    background-color: #000;
    color: #FFF;
} 
 
 /** Hide "Edit Links" ***/
span#zz10_TopNavigationMenu_NavMenu_Edit {
    display: none!important;
}


.icon-bar{
	background-color: white;
}
 .navbar-toggle {
    border-color: black !Important;
    background-color:black !Important;
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    Border-top: 0px solid transparent;
    box-shadow: inset 0 0px;

}

.ulBackground{

    border-color: #080808;
}
ul.dynamic {
    background: #080808;
}
li.static.ms-verticalAlignTop.ms-listMenu-editLink.ms-navedit-editArea {
    display: none!important;
}
button.navbar-toggle {
    float: left!important;
    margin-top: -29px;
}
nav.navbar.navbar-inverse.navbar-static-top {
    background-color: transparent;
    border-width: 0px;
    margin-left: -15px;
}
a.static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode {
    margin-right: -21px;
}
input#ctl00_ctl52_csr_sbox {
    color: #fff;
}

div#ctl00_ctl52_csr_sboxdiv {
    border: 1px solid #fff;
}
.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
    display: none;
}

.col-md-12 {
    width: 99%;
}

@media only screen and (max-width : 780px) {
.nav > li {
    position: relative;
    display: inline-block;
}
}