/*	----------------------------------------------------------------------------------------------------------------
		WIDER CONTAINERS - ONLY ADD THIS TO THE FLUID GRID STYLE SHEET
	----------------------------------------------------------------------------------------------------------------	*/

		.container_5,
		.container_12,
		.container_16,
		.container_24 {
		    width: 94%;
		    margin: 0 auto;
		    max-width: 3000px;
		}
		
		
/*	----------------------------------------------------------------------------------------------------------------
		NEW FONTS
	----------------------------------------------------------------------------------------------------------------	*/
		
		html, body {
			font-family: Roboto, Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #494b4d;
	    }

/*	----------------------------------------------------------------------------------------------------------------
		HEADER
	----------------------------------------------------------------------------------------------------------------	*/
	
		#header {
			height: auto;
			padding: 0.4em 0 0 0;
			font-family: Roboto, Arial, Helvetica, sans-serif;
			line-height: 1;
			color: #fc3;
			background: #1A5B7D;
    		border-bottom:5px solid #B2D33B;
		}


/*	----------------------------------------------------------------------------------------------------------------
		GLOBAL NAV BAR
	----------------------------------------------------------------------------------------------------------------	*/

		#globalLinks {
			margin: .45em 0;
			height: auto;
		}
		
		#globalLinks li {
		    display: inline-block;
		    margin: 0 0 0 1em;
		    margin-bottom: 0;
		    padding: 0 0 0 1em;
		    list-style-image: none;
		    font-size: 80%;
		    border-left: 1px solid #B2D33B;
		    border-right-width: 0px;
		}
		
		#globalLinks li:first-child {
		    margin-left: 0;
		    padding-left: 0;
		    border-left: 0px;
		}
				
		#globalLinks li a {
			font-weight: bold;
			text-transform: uppercase;
			color: #eaeaea;
		    text-decoration: none;
		}
	
		#globalLinks li a:hover {
			color: #B2D33B;
		}
		
		#searchGridOuter {
		    margin: 0 1%;
		    padding: auto;
		}		
		
		#pageSearchForm {
		    margin: .2em 0 0 0;
		}
		
		#searchButtonsOuter {
		    margin: 2px 0 0 0;
		    background-color: #1A5B7D;
		    border: 5px solid #B2D33B;
		    border-top-width: 0px;
		}


/*	----------------------------------------------------------------------------------------------------------------
		STRIPE
	----------------------------------------------------------------------------------------------------------------	*/

		#stripe {
			padding-top: .15em;
			background-color: #fff;
		}
		
		#stripe.noNav {
		    border-bottom-width: 0px;
		}
		
		#bnlLogoLink {

		}
		
		#BNLlogo {
		    width: 17.75em;
		    max-width: 400px;
		}
				
		#siteTitleContainer {
			margin-left: 8em;
		    color: #333;
			font-family: Roboto, Arial, Helvetica, sans-serif;
			line-height: 1;
		    font-size: 255%;
		    font-weight: 300;
		}
		
		.bigStripe #siteTitleContainer {
			margin-left: 0;
			color: #fff;
		}
		
		#DOElogo {
		    opacity: .4;
		}


/*	----------------------------------------------------------------------------------------------------------------
		SITE MENU BAR
	----------------------------------------------------------------------------------------------------------------	*/

		#siteMenuContainer {
			position: relative;
			margin-top: -2em;		/* must be the height of the #siteMenu */
			margin-bottom: .5em
		}
		
		#siteMenu,
		#siteMenu  li {
			list-style: none;
		}
		
		#siteMenu a {
			text-decoration: none;
		}
		
		#siteMenu a.accent {
			text-decoration: underline;
		}
		
		#siteMenu a.accent:hover {
			text-decoration: none;
		}
		
		#siteMenu {
			margin: 0;
			height: 2em;
			font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
		}
	
		#siteMenu > li {
			display: inline-block;
			height: 2em;
			margin: 0 1.5em 0 0;
			font-weight: bold;
			border-left-width: 0px;
			border-right-width: 0px;
			background: transparent;
		}
	
		#siteMenu > li:last-child {
			margin-right: 0;
		}
		
		#siteMenu > li > p,
		#siteMenu > li > a {
			display: block;
			padding-left: 0;
			padding-right: 0;
			color: #666;
			cursor: pointer;
			border-bottom: .3em solid #d8d8d8;
		}
		
		.bigStripe #siteMenu > li > p,
		.bigStripe  #siteMenu > li > a {
			color: #555;
			border-color: #eaeaea;
		}
		
		#siteMenu > li:hover {
			background: transparent;
		}
		
		#siteMenu > li > a:hover,
		#siteMenu > li > p:hover {
			color: #000;
			border-color: #999;
		}
		
		#siteMenu > li .fa {
			margin-left: .5em;
		}
		
		#stripe.bigStripe + #navStripe,
		#stripe.bigStripe + #mobileMenuSearchBar + #navStripe {
			margin: 1em 0 2em 0;
		}
		
		

		/* DROP-DOWN SITE MENU PANELS */
	
		#siteMenu > li > ul { display: none; }
			
		#siteMenu > li:hover > ul { display: block; }
	
		#siteMenu > li > ul {
			position: absolute;
			top: 100%;
			z-index:997;
			margin: 0;
			min-width: 170px;
			width: 15em;
			background: #ffffff;
			border: 1px solid rgba(140,150,150,0.30);
			border-bottom-color: rgba(125,125,125,0.30);
			box-shadow: 0 2px 3px rgba(0,0,0,0.06);
			border-radius: 0px;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;			
        }
		
		#siteMenu > li > ul.megaMenu {
			width: 100%;
			left: 0;
			padding: 1.5em;
			font-weight: normal;
			margin-left: 0 !important;
		}
		
		#siteMenu > li > ul > li {
			position: relative;
			margin: 0;
			width: 100%;
			font-size: 95%;
			background: #fff;
			border-bottom-width: 0px;
		}
						
		#siteMenu > li > ul > li > p {
			margin: 0;
			padding: .25em .75em;
			font-size: 105%;
			font-weight: bold;
			color: #000;
			background: transparent;
		}
			
		#siteMenu > li > ul > li > a {
			display: block;
			padding: .75em .75em;
			font-size: 95%;
			line-height: 1;
			font-weight: normal;
			color: #333;
			background: #fff;
		}
			
		#siteMenu > li > ul > li > a:hover {
			color: #000;
			background: #eaeaea;
		}			
		
		/* 3rd Level Nested Elements */
		
		#siteMenu ul ul {
			position: absolute;
			left: 100%;
			top:0;
		}


/*	----------------------------------------------------------------------------------------------------------------
		FOOTER
	----------------------------------------------------------------------------------------------------------------	*/
	
		.wrapper {
			margin: 0 auto -20em; /* the bottom margin is the negative value of the footer's height */
		}
		
		.push {
			height: 20em;  /* .push must be the same height as .footer */
		}
		
		#footer {
			height: 20em;
			margin: 5em 0 0 0;
			padding-top: 3em;
			padding-bottom: 5em;
			color: #8cc4d9;
			font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
			font-size: 100%;
			line-height: 1.25;
			background: #1a5b7d;
		}
		
		#footer h3 {
			color: #c0de76;
		}
		
		#footer p {
			color: inherit;
		}
		
		h3#BNL {
			color: #fff;
		}
		
		h3#BSA {
			color:#8cc4d9;
		}
		
		#footer .linkList2,
		#footer .linkList2 li {
			list-style: none;
			list-style-type: none;
			list-style-image: none;
		}
		
		#footer .linkList2 {
			margin: 0;
		}
		
		#footer .linkList2 li {
			margin: 0 0 0.8em 0;
		}
		
		#footer .linkList2  li:last-child {
			margin-bottom: 0;
		}
		
		#footer ul li a {
			text-decoration: none;
		}
		
		#footer a {
			color: #fff;
		}
		
		#footer .socialMediaIcons li {
		    margin: 0 .5em 0 0;
		    padding: 0;
		    display: inline-block;
		    list-style: none;
		    list-style-image: none;
		    list-style-type: none;
		}
		
		#footer .socialMediaIcons li:last-child {
			margin-right: 0;
		}
		
		#footer .socialMediaIcons a .fa {
			color:#a0d033;
		}
		
		#footer .socialMediaIcons a:hover .fa {
			color: #fff;
		}		
		
		#footer a.white.button {
			margin: 1em 0;
			color: #333;
			text-decoration: none;
			border-width: 0px;
			border-radius: 0px;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
		}
		
		#footer a.button:hover {
			color: #fff;
			background: #00ADDC;
		    text-decoration: none;
		}
				
		#footer a:hover {
			text-decoration: underline;
		}

		#bsaFooterLogo {
			opacity: .7;
			filter: invert(100%);
		}


/*	----------------------------------------------------------------------------------------------------------------
		PAGE CONTENT ELEMENT STYLES
	----------------------------------------------------------------------------------------------------------------	*/

		h1,
		h2 {
			color: #333;
		}
		
		h1 {
			border-bottom-color: #105C78;
		}
		
		h3, h4, h5, h6 {
			color: #111;
		}
		
		ul,
		ul li {
		    list-style: disc;
		    list-style-image: none;
		}
		
		ul.staffBioCards,
		ul.staffBioCards li {
		    list-style: none;
		    list-style-image: none;
		}


		
		
		p.boxed {
		    padding: .8em;
		    background: #f1fec2;
		    border-width: 0px;
		    border-style: solid;
		    border-color: #00addc;
			box-shadow: 0 2px 3px rgb(0 0 0 / 6%);
		}
		
		
		/*	- - - - - - - - - - - - - - - - - - - - -
				        .boxed
			- - - - - - - - - - - - - - - - - - - - -  */
		
		.boxed {
			margin-bottom: 1.5em;
			padding: .8em;
		    background: #f1fec2;
			border-width: 1px;
			border-style: solid;
			border-color: #b2d33b;
		}
		
		.boxed.white {
			background: #fff;
		}
		
		.boxed.alt1 {
			background: #cdf4fe;
			border-color: #00addc;
		}
		
		.boxed.alt2 {
			background: #f0f0f0;
			border-color: #858889;
		}
		
		.boxed.alt3 {
			background: #c7dce4;
			border-color: #25728f;
		}
		
		
		/*	- - - - - - - - - - - - - - - - - - - - -
				        .boundingBox
			- - - - - - - - - - - - - - - - - - - - -  */
		
		.boundingBox {
		    background: #fff;
			border-width: 1px;
			border-style: solid;
			border-color: #b2d33b;
		}
		
		.boundingBox.alt1 {
			border-color: #00addc;
		}
		
		.boundingBox.alt2 {
			border-color: #858889;
		}
		
		.boundingBox.alt3 {
			border-color: #25728f;
		}
		
		
		
		
		.sidebar,
		.sidebar.blue,
		.sidebar.green,
		.sidebar.orange {
			margin: 0 0 3em 0;
			padding: 1.5em;
			line-height: 1.55;
			color: #494b4d;
			background: #f2f5f7;
			border-width: 1px;
			border-style: solid;
			border-color: rgba(140,150,150,0.30);
			border-bottom-color: rgba(125,125,125,0.30);
			box-shadow: 0 2px 3px rgb(0 0 0 / 6%);
			
		}

		.sidebar h2,
		.sidebar.empty h2 {
		    font-family: inherit;
		    margin: 0 0 .72em 0;
		    padding: 0;
		    font-size: 170%;
		    font-weight: 500;
		    background: transparent;
		    color: #555;
		}
		
		.sidebar.blue h2,
		.sidebar.green h2,
		.sidebar.orange h2,
		.sidebar.blue h3,
		.sidebar.green h3,
		.sidebar.orange h3,
		.sidebar.blue h4,
		.sidebar.green h4,
		.sidebar.orange h4 {
		    background: transparent;
		    color: #555;
		}

		.sidebar p,
		.sidebar.blue p,
		.sidebar.green p,
		.sidebar.orange p
		.sidebar ol li,
		.sidebar.blue ol li,
		.sidebar.green ol li,
		.sidebar.orange ol li,
		.sidebar ul li,
		.sidebar.blue ul li,
		.sidebar.green ul li,
		.sidebar.orange ul li {
			color: #494b4d;
			line-height: 1.55;
		}
		
		.sidebar.orange ul li,
		.sidebar.tan ul li {
		    list-style: disc;
		    list-style-image: none;
		}

		.sidebar.orange ul.staffBioCards li,
		.sidebar.tan ul.staffBioCards li {
		    list-style: none;
		    list-style-image: none;
			margin-left: 0;
		}


		 

		
		blockquote {
			border-left-color: #abd043;
		}

		

/*	-----------------------------------------------------------------
		ADD THESE STYLES TO /common/templates/global/mobile.css
		Remove the !important attriibutes
	-----------------------------------------------------------------	*/
		
@media only screen and (max-width: 720px) {

	#stripe {
		background: transparent !important;
		border-bottom-width: 0px !important;
	}	
	
	#mobileMenuSearchBar {
		background: transparent !important;
	}
	
	#mobileMenuSearchBar .orange.button {
	    background: #1A5B7D;
	}
	
	#footer {
		text-align: center;
	    background: #1A5B7D !important;
	    border-top-color: #B2D33B !important;
	}
	
	.linkList,
	.linkList2,
	.responsiveLinkList2 {
		list-style: none;
	}
	
	.linkList li,
	.linkList2 li,
	.responsiveLinkList2 li {
		display: block;
		width: 100%;
		margin: 0 0 1em 0;
	}
	
	ul.linkList2.fa-ul {
	    padding-left: inherit;
	    margin-left: 0;
	}
			
	ul.linkList2.fa-ul .fa-li {
	    position: relative;
	    left: 0;
	    top: 0;
	    text-align: center;
	}
	
	.linkList li a,
	.linkList li:last-child a,
	.linkList2 li a,
	.responsiveLinkList2 li a {
		display: block;
		margin: 0;
		padding: .25em .75em;
		text-decoration: none;
		font-size: 125%;
		font-weight: 600;
	    transition: color 1s, background 0.75s;
	    -o-transition: color 1s, background 0.75s;
	    -ms-transition: color 1s, background 0.75s;
	    -moz-transition: color 1s, background 0.75s;
	    -webkit-transition: color 1s, background 0.75s;
		border: .04em solid #666;
	}
	
	.linkList li a:hover,
	.linkList2 li a:hover,
	.responsiveLinkList2 li a:hover {
	    transition: color 1s, background 0.75s;
	    -o-transition: color 1s, background 0.75s;
	    -ms-transition: color 1s, background 0.75s;
	    -moz-transition: color 1s, background 0.75s;
	    -webkit-transition: color 1s, background 0.75s;
	}
	
	#footer .linkList2 {
		margin-bottom: 1em;
	}
	
	#footer .linkList2 li a {
		font-size: 150%;
		padding: .5em;
		background: #fff;
		color: #1a5b7d !important;
	}
	
	#footer .linkList2 li a:hover {
		text-decoration: none;
		color: #fff !important;
		background: #00ADDC!important;
	}	

	
	
}