.collapse.in li a {
    padding: 10px 15px;
    border-bottom: 1px solid transparent; /* so that hovering and adding border doesn't shift content */
}

nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.sectionMenu a.active {

}

.sidebar-nav .panel-body {
    padding:0px !important;
}

.sidebar-nav .panel {
    border-top:none;
    border-bottom:2px solid #ddd;
}


.sectionMenu > li {

    position: relative;
    display: block;
}

.sectionMenu > li  a{
    margin-left: 15px;
    margin-right: 15px;
}


.sectionMenu > li > a:hover {
	background-color:#ddd;
}


div .panel-collapse.in ul li a {
  padding-left: 20px;
  color: #000;
  /* background-color:#eee; */
  border-bottom: 1px solid rgba(255,255,255,.2);
}

.panel-collapse .nav.sectionMenu > li > a:hover {
	background-color:#eee;
  color: black;
}

.sectionMenu h4.panel-title {
    margin:0;
    font-size:medium;
}

#accordionleft {
    overflow:hidden;
}

.collapse.in ul {
    margin-top: 0px !important;
}

/* .collapse.in li a:hover, .collapse.in li a.dropdown-toggle {
    border-right:solid 3px #08c !important;
    border-bottom:0px !important;
} */

.nav-list {
	padding:10px;
	text-shadow:none;
}

#accordionleft .nav-list {
    padding:0px;
}

.nav-list a {
	color:#fff;
	text-shadow:none;
}

.nav-list a:hover,
.nav-list a:focus {
	color:#036;
}

.nav-list > li > a {
    text-shadow:none;
}

.nav-list .nav-header {
	font-size:1.3em;
	text-shadow:none;
	text-shadow:0px;
}

/* override default to make main menu smaller */
.navbar .nav > li > a {
	padding: 13px 14px 13px;
	color:#000; /* dh */
}


.navbar-header {
	width:100%;
}

.header .navbar, .navbar-inner, .nav, .navbar-inverse {


/* 	margin-bottom:20px; DH removed because it added too much space*/
}

.header .navbar .nav > li {
	border-color:#536343;
}

.header .navbar-default .navbar-nav > li > a {

	/* fix */ min-height: 44px;
}

/*
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background:#314121 !important;
}
*/



#related .panel-body { padding-top: 0px; }

.nav.sectionMenu > li > a:hover {
	background-color:#ddd;
}

.sidebar-nav .panel-group {
	margin-bottom:0px;
}

.sidebar-nav .panel-group .panel {
  border-radius: 0px;
}
.active-section .panel-default > .panel-heading {

	background-color:#888;
	font-weight:normal;
  border-radius: 0px;

	}

.active-section .panel-heading h4  a {
    font-weight:normal;
    color:#000;
}

.active-section  li a {
	padding-left:30px;
}

.active-section .sectionMenu {
	background-color: rgba(0,0,00,.7) !important;
}

.sidebar-nav .panel-heading {
	padding: 0px;
}

.sidebar-nav .panel-heading h4 a { /* if it's not collapsed (expanded) and we're not ON that section (inspecting another section)*/
	padding:10px 10px 10px 15px;
	display:block;
	position:relative;
	background-color:#ccc;
    color:#000;
}

	.sidebar-nav .panel-heading h4 a:hover { 
		text-decoration: none;
	}

.sidebar-nav .panel-heading h4 a.collapsed-not, .sidebar-nav .panel-group.active-section .panel-heading h4  a { /* if it's not collapsed (expanded) */
	padding:10px;
	display:inline-block;
	width:100%;
	position:relative;
	background-color:#AFB7C6;
    color:#000;

}


.sidebar-nav .panel-heading h4 a.collapsed { /* if it's collapsed */
	background-color:#f5f5f5;
    color:#000;

}

.active-section  .sidebar-nav .panel-heading h4 a.collapsed-not { /* if it's not collapsed but ACTIVE */
	background-color:inherit;
}

a:focus { color:#000;}

.sidebar-nav .panel-heading h4 a:hover {
	background-color:#ddd;
}

.sidebar-nav a.collapsed .section-sub:before  {
	content:"\f0da";
}

.sidebar-nav  a .section-sub:before 	{
    font-family: FontAwesome;
	content: "\f0d7";
	}

    /*opened sub sub section */
li .section-sub2:before  {
	content:"\f067";
    font-size: 8pt;
}

/* closed sub sub section */
li.active  a .section-sub2:before 	{
    font-family: FontAwesome;
	content: "\f068";
    font-size: 7pt;
}


.sidebar-nav .collapsing {
	background-color:#999;
}

	.sidebar-nav .collapsing a {
	/* color:white; */
	padding-left:20px;
}

#accordian .panel :hover {
	background-color: #000;
}

#sidebarPrimary .panel-title {
	font-size:14px;

}

.sectionMenu li a {
	font-size:12px;
    margin:0px;
}

/* top pages not in sub-section */
.sectionMenu > li > a {
    padding: 10px 10px 10px 15px;
}

.navbar .nav > li > a {
	font-size:12px;
}



.navbar .nav > li > a:focus { /* dh */
	background:#fff !important;
}

.navbar .nav > li > a:hover {
	background:rgba(255,255,255,.3) !important;
color:#000;
}

/* when you're on a page in the section, change that major top menu section */
.header .navbar-nav#menuMain > .active > a, .navbar .nav > .active > a:focus {
    background-color: #fff !important;
	color:#000;
	border-bottom:none;  /* this was turned off because it hides the border between top items in top menu on mobile */
}


.sectionMenu {
	background-color: rgba(200,200,200,.2) ;
	color:#000;
	padding:0px;
	transition: background-color .5s;
}

.in  ul{ /* the body that's expanded */
	background-color:rgba(255,255,255,.9);
}



.sectionMenu a { color:#fff; }

/* indent children of a section */
#accordian .sectionMenu li a {
	padding-left:25px;
}

	.sectionMenu li.active a {
		background-color:#1B5B83;

	}

    /* on this page */
    .active-section .panel-collapse.in ul li a {
       color: white;
    }
        .collapse.in .sectionMenu li.active a:hover {
            background-color:rgba(255,255,255,.5);
        }


/* on page indicator */
    .collapse.in .sectionMenu ul  li.active a:before, .collapse.in .sectionMenu > li.active > a:before  {
        content: " ";
        padding: 2px;
        background-color: white;
        margin-left: -10px;
        margin-right: 10px;
    }

    .collapse.in .sectionMenu li a + ul >li a {
        padding-left:3em;
        display:none;
    }

        .collapse.in .sectionMenu li.active a + ul >li a {
            display:inherit;
        }

        .collapse.in .sectionMenu li.active > ul > li  > a {
            padding-left:3em;
            background-color:#10405E;
        }

        /* 5 levels in leaf current page */
        .collapse.in .sectionMenu li.active > ul > li.active  > a {
            padding-left:3em;
            background-color:#003B60;
        }

            .collapse.in .sectionMenu li.active > ul > li.active  > a:hover {
                background-color:#003150;
            }

/* for main items without children, not accordian */
.sidebar-nav > .sectionMenu li.active a {
    background-color: #1B5B83 !important;
	color:#fff !important;
}
	.sectionMenu a.active {

}

	.sidebar-nav .panel-body {
		padding:0px !important;
	}

	.sidebar-nav .panel {
		border-top:none;
		border-bottom:2px solid #ddd;
	}

/* top pages */
.sidebar-nav > .sectionMenu  li a {
	background-color:#E2EEFA;
	border-bottom:2px solid #ddd;
	color:#000;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;

}


#related .panel-body { padding-top: 0px; }

.section-sub, .section-sub2 {
	display:inline-block;
	position:absolute;
	right:10px;
    font-family:FontAwesome;
    opacity:.8;
}

.nav.sectionMenu > li > a:hover {
	background-color:#ddd;
}

.panel-group {
	margin-bottom:0px;
}

.active-section .panel-default > .panel-heading {

	/*background-color:#895;*/
	font-weight:normal;

	}

.active-section .panel-heading h4  a { font-weight:normal; }

.active-section  li a {
	padding-left:30px;
}

/*current section */
.active-section .sectionMenu {
	background-color: rgba(125, 184, 255, 0.77) !important;
}

.sidebar-nav .panel-heading {
	padding: 0px;
}



/*section heading that's expanded */
.sidebar-nav .panel-heading h4 a.collapsed-not, .sidebar-nav .panel-group.active-section .panel-heading h4  a { /* if it's not collapsed (expanded) */
	background-color:#9AC8FF;
    padding-left:15px;
    font-weight: bold;

}

/*section heading that's collapsed */
.sidebar-nav .panel-heading h4 a.collapsed { /* if it's collapsed */
	background-color:#E2EEFA;

}

.active-section  .sidebar-nav .panel-heading h4 a.collapsed-not { /* if it's not collapsed but ACTIVE */
	background-color:inherit;
}

a:focus { color:#000;}

.sidebar-nav .panel-heading h4 a:hover {
	background-color:#ddd;
}

#accordian .panel :hover {
	background-color: #000;
}

#sidebarPrimary .panel-title {
	font-size:14px;

}

.sectionMenu li a {
	font-size:13px;
}

.navbar .nav > li > a {
	font-size:12px;
}



.navbar .nav > li > a:focus { /* dh */
	background:#fff !important;
}

.navbar .nav > li > a:hover {
	background:rgba(255,255,255,.3) !important;
	color:#000;
}


.header .navbar,
.header .navbar-inner,
.header .nav,
.header .navbar-inverse {
    /*background-color:transparent;*/
    /* DH 8/23/2016 Commented out. Was this for top menu? it hurts left menu. 10/19/2016: re-enabled but scoped to just .header */
}
	header.header .navbar,
	header.header .navbar-inner,
	header.header .navbar-inverse {
		
	}

.navbar .nav > li > a {
	text-transform: none;

	font-size: 1em;
	color:white;
	line-height:1;

	font-family:Open Sans Condensed, sans-serif;
	/* border-bottom:2px solid transparent; */
}

.navbar .nav > li > a {

}

#contentCol footer {
	margin-top: 2em;
}

.footnote {
    color: rgba(0,0,0,.5);
    text-align: right;
}

footer .footnote {

    font-size: smaller;
    font-style: italic;
    margin-top: .5em;

}

	.resources__last-updated {

	}

	.stampModifyDate {
	    
	}


/* bs4 submenus */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  /* left: 100%; */
  right: 100%;
  left: auto;
  margin-left: .1rem;
  margin-right: .1rem;
}
/* end bs4 submenus */