nav {
    display: block;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}
/* ---------------------------
   Size of the nav area when collapsed
   --------------------------- */
/* This one affects the size and border of the drop-down menu on smartphones */
.collapse {
    display: none;
    width: 175px;
    overflow: hidden;
	border: 1px solid #004560;
	padding: 0px 5px 10px 5px;
}
.collapse.in {
    display: block;
}
#globalnav .collapse.in {
    display: block;
    width: 300px; /* was 140px */
    overflow: hidden;
    border: 1px solid #808080;
}
#linksarea .collapse.in {
    display: block;
    width: 200px;
    overflow: hidden;
    border: 1px solid #808080;
}
/* ---------------------------
   NAVIGATION STRUCTURE
   --------------------------- */

.nav-divider {
    height: 15px;
    width: 0px;
    padding: 0px 1px 0px 0px;
    margin: 8px 10px 0px 0px;
    overflow: hidden;
    background-color: #000;
}
.nav > li > a > img {
    max-width: none;
}
.navbar {
    position: relative;
}
@media (min-width: 769px) {
    .navbar {
        border-radius: 4px;
    }
}
@media (min-width: 769px) {
    .navbar-header {
        float: left;
    }
}
/* -------------
   No Scroll bar -- also add background fill
   ------------- */

/* ===================
   TOP NAV
   =================== */

.navbar-collapse.in {
    overflow-y: hidden;
    background-color: #fff;
}


@media (min-width: 769px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
}
/* ===================
   MAIN NAV
   =================== */

.navbar-mainnav > li {
	border-bottom: 1px solid #00529B;
	margin-bottom: 3px;
    }

.navbar-collapse-main.in {
	overflow-y: hidden;
	background-color: rgba(0,102,153,0.90);
}
@media (min-width: 769px) {
    .navbar-collapse-main {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-collapse-main.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse-main.in {
        overflow-y: visible;
    }
}

/* ------------------------------------------
    Prevent the menus from showing 'list view' while viewing on a computer
   ----------------------------------------- */

@media (min-width: 769px) {
    .navbar-topnav {
        float: left;
        margin: 0;
    }
    .navbar-topnav > li {
        float: left;
    }
    .navbar-topnav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-topnav .navbar-right:last-child {
        margin-right: -15px;
    }
}
@media (min-width: 769px) {
    .navbar-mainnav {
	float: left;
	margin: 0;
	color: #FFFFFF;
    }
    .navbar-mainnav > li {
	float: left;
	}
    .navbar-mainnav > li > a {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .navbar-mainnav .navbar-right:last-child {
        margin-right: 0px;
    }
}
@media (min-width: 769px) {
    .navbar-leftnav {} .navbar-leftnav > li {} .navbar-leftnav > li > a {} .navbar-leftnav .navbar-right:last-child {
        margin-right: 0px;
    }
}
/* ---------
    HAMBURGER BUTTON
   --------------- */

/* --------------
   Humburger button location (header) and drop-down location (collapse)
   -------------- */

.container > .navbar-header {
    margin: 0px 0px 0px 0px;
}
.container > .navbar-collapse {
    margin: 0px 0px 0px 0px;
}
.container > .navbar-collapse-main {
    margin: 0px 0px 0px 0px;
}
.container > .navbar-collapse-left {
    margin: 0px 0px 0px 0px;
}
@media (min-width: 769px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container > .navbar-collapse-main,
    .container > .navbar-collapse-left {
        margin-right: 0;
        margin-left: 0;
    }
}
/* -------------
   padding of the drop-down box
   ----------------- */

.navbar-collapse {
    padding-right: 15px;
    padding-left: 25px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
}
.navbar-collapse-main {
    padding-right: 0px;
    padding-left: 0px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
}
.navbar-collapse-left {
    padding-right: 0px;
    padding-left: 0px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
}
/* ---------
    HAMBURGER BUTTON - primary preferences
   --------------- */

.navbar-toggle {
    position: relative;
    padding: 4px 2px 4px 2px;
    margin: 10px 0px 0px 10px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
#globalnav .navbar-toggle {
    position: relative;
    padding: 4px 2px 4px 2px;
    margin: 30px 0px 0px 0px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
#linksarea .navbar-toggle {
    position: relative;
    padding: 4px 2px 4px 2px;
    margin: 0px 0px 0px 0px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle:focus {
    outline: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
@media (min-width: 769px) {
    .navbar-toggle {
        display: none;
    }
}
/* ---------
    GRAY HAMBURGER BUTTON with mint lines
   --------------- */

.navbar-default .navbar-toggle {
    background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #004560;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #eee;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: rgb(0, 152, 142);
}
.navbar-default .navbar-collapse {
    border-color: #101010;
}
/* ---------
    WHITE HAMBURGER BUTTON with black lines
   --------------- */

.navbar-inverse .navbar-toggle {
    background-color: #004560;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #004560;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-inverse .navbar-collapse {
    border-color: #004560;
}
/* ---------------
    CLEARING CODE - DO NOT ALTER
   --------------- */

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}