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

/*
==================================================================================

	Non-global media queries

==================================================================================
*/
@media screen and (max-width:1060px) {/* this logo breaks nav */
	#header-logo a img {
		max-height: 90px;
		margin-bottom: 50px;
	}
}


@media screen and (max-width:639px) {
	#header-tagline{display:none;}
}
/*
@media screen and (max-width:639px) {
	nav{
		font-size: 16px;
	}
	.multi-level-nav > ul > li > a{
		font-size: 16px;
	}
	nav a, nav a:link {
		padding: 10px 10px;
	}
	.h1-container h1{
		
		font-size: 48px;
	}
	article .col-1-4, article .col-1-3{
		width:50%;	
		max-width:50%;	
	}
}
*/

@media screen and (max-width:820px) {

	#SearchForm{
		position:absolute;
		left:0;
		right:0;
		top:80px;
	}
	#SearchForm div{
		position:absolute;
		left:0;
		right:0;
		top:0;
			
	}
	#SearchForm button{
		float:right;
	}
	#search-field{
		position:absolute;
		left:0;
		right:0;
		top:0;
	}
	



	
	div.nav-main-container{
		position:absolute;
		left: 0px;
		right: 0px;
		margin:auto;
		

	}
	div.nav-main-container >ul {
		position:fixed;
		left: 0px;
		right: 0px;
		width: 100%;
	}
	
    #main-nav {
	    position: absolute;
	    padding: 0;
	    width: 100%;
	margin: 0 -10px;
	    top: 150px;
	    left: 10px;
		right: 10px;
	    z-index: 101;
    }

    .multi-level-nav > ul > li > ul > li > ul {
	    display:inherit;
    }
	
	.multi-level-nav > ul {
	    display:inherit;
		
    }

    .multi-level-nav > ul {
	    display: block;
	    position: relative;
	    width: 100%;
	    background-color: #ffffff;
	    margin-left: 0;
	    box-shadow: 0 8PX 16px rgba(0,0,0,0.2);
	    -webkit-box-shadow: 0 8PX 16px rgba(0,0,0,0.2);

    }
    .multi-level-nav > ul > li > a {
	    padding-left: 20px;
	    border-bottom: 1px solid #EEEEEE;
    }
    .multi-level-nav li.expanded > a, 
    .multi-level-nav li.selected > a {
	    font-weight:600;
    }
    .multi-level-nav ul > li {
	    display: block;
	    position: relative;
	    top: inherit;
	    left: inherit;
	    display: block;
	    float: none;
	    clear: none;
    }
	/*
    .multi-level-nav > ul > li > ul {
	    display: block;
	    position: relative;
	    top: inherit;
	    left: inherit;
    }
    .multi-level-nav > ul > li ul {
	    padding-left: 20px;
    }
*/

    nav.multi-level-nav > ul li.expanded > ul > li, 
    nav.multi-level-nav > ul li.selected > ul > li {
	    margin-bottom:0%;

    }
    nav.multi-level-nav li.selected > ul > li,
    nav.multi-level-nav > ul li.expanded > ul > li, 
    nav.multi-level-nav > ul li > a:target + ul > li, 
    nav.multi-level-nav > ul li > a:focus + ul > li, 
    nav.multi-level-nav > ul li:hover > ul > li 
    {
	    margin-top: 0%;
	    font-size:inherit;
    }
	#nav-main.hide-nav, .hide-nav {
        position:absolute;
	    left: 0;

	}
    #nav-main.hide-nav, .hide-nav {
		position:absolute;
	    left: -120%;
    }
    #nav-main.show-nav, .show-nav {
		position:absolute;
	    left: 0;
    }
	
	#SearchForm{
	}
	
	#SearchForm.hide-nav {
	    margin-left: 0%;
	   left: -120%;
	right:120%;
		
    }
	#SearchForm.show-nav{
	    margin-left: 0%;
	   left: 0;
		right: 0;
    }
	
    button#btn-menu-50 {
	    display: block;
    }	
	
	
	
	
	
	
	/*-----------------------------*/
	
	
	
	.h1-container h1{
		font-size: 40px;
	}
	
	header{
		max-height:150px;
		position:fixed;
		width:100%;
		padding: 10px 10px 0px 10px !important;
		z-index:999;
		margin-bottom:0;
		top:0;
	}
	main{
	q margin-top:82px;	
}

	
	#img-top-logo{
		max-width:100px;
			margin-bottom:1em;

	}
    
	.nav-upper-top a, .nav-upper-top a:link{
		padding-left:6px !important;
		padding-right:6px !important;
	}
    .search-container {
	    margin: 0;
    }
    #nav-upper-top {
	    position: absolute;
	    top: 0px;
	    left: 100px;
    }
	
	

    #col-left, #col-middle, #col-right, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-2-4, .col-3-4,
	article .col-1-2, article .col-1-3, article .col-2-3, article .col-1-4, article .col-2-4, article .col-3-4{
	    clear: both;
	    display: block;
	    margin: 0;
	    float: left;
	    width: 100%;
	    max-width: 100%;
		padding-left:0;
		padding-right:0;
    }
	section, article,.bwxt-content, .content-column, .aside-right-column, .aside-left-column{
	/*	padding-left:0; */
	/*	padding-right:0; */
	}
    #nav-side {
	    font-size: 100%
    }
	
    nav > ul li.selected > ul > li,
    nav#nav-side.vertical-nav li.selected > ul > li 
    {
	    /* margin-top: -90px; */
    }
    nav.vertical-nav > ul li.expanded > ul > li, 
    nav.vertical-nav > ul li.selected > ul > li, 
    nav.vertical-nav > ul li > a.sprite-toggle-b + ul > li, 
    nav.vertical-nav > ul li > a:target + ul > li, 
    nav.vertical-nav > ul li > a:focus + ul > li{
	    /* margin-top: -90px; */
    
    }
	
/*
	nav#nav-side *,
	nav#nav-side.vertical-nav > ul.level-1 > li.expanded > a, 
	nav#nav-side.vertical-nav > ul.level-1 > li.selected > a {
		display:inline;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		position:static !important;
		border:none;
		overflow:auto;
		overflow-wrap:break-word;
		

	}*/
	nav#nav-side a.caret-r-d {
		display:none;
	}
	nav#nav-side li {
		display:none;
	}
	nav#nav-side > ul > li,
    nav#nav-side li.expanded,
    nav#nav-side li.selected
    {
		display:inline;

   }

    nav#nav-side > ul li.expanded > ul > li, 
    nav#nav-side > ul li > a.sprite-toggle-b + ul > li, 
    nav#nav-side > ul li > a:target + ul > li, 
    nav#nav-side > ul li > a:focus + ul > li, 
    nav#nav-side > ul li:hover > ul > li {
	    /* margin-top: -90px; */

    }
	
    nav > ul li.selected > ul > li.selected,
    nav#nav-side.vertical-nav> ul li.selected > ul > li.selected 
    {
	  /*  margin-top: 0%;*/

    }

    nav#nav-side > ul li.expanded > ul > li.selected, 
    nav#nav-side > ul li > a.sprite-toggle-b + ul > li.selected, 
    nav#nav-side > ul li > a:target + ul > li.selected, 
    nav#nav-side > ul li > a:focus + ul > li.selected, 
    nav#nav-side > ul li:hover > ul > li.selected {
	   /* margin-top: 0px;*/
    }
	
    #col-left.upshifted-col {
	    margin-top: 150px;
    }
    #img-placeholder img {
	    width: auto;
	    height: 300px;
    }
    main, div#main {
	    text-align: left;
	    width: auto;
	    margin: 0 auto;
    }
    #col-right section, #col-middle section, #col-left section {
	    margin-left: 0px;
	    margin-right: 0px;
    }
    .hide-if-small {
	    display: none;
    }
    .show-if-small {
	    display: inherit;
    }
    /* Change to vertical Nav*/
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-pixel-ratio: 1), only screen and (min-resolution: 96dppx) {}

    /*Retina Displays*/
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dppx) {
    body {

	   /* font-size: 2em; */
    }
    }

    /*Android, Windows Mobile*/
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dppx) {
    body {
	    /* font-size: 1.5em; */
    }
}


@media print {
	nav,
	.layer-foreground,
	#img-placeholder,
	form,
	footer a,
	#tagline-search-container,
	.nav-main-container,
	#content .slider-zone
	{display:none !important;}
		
	header{
		display:none;
	}
	
	.bwxt-content{	
		max-width:7.5in;
		padding:0;
		margin:auto;
	}
	.content-column > article > section a {display:initial}
	.content-column{
	}
	.aside-left-column{
		overflow:hidden;
		height:auto;
		width:auto;
		min-height:none;
		max-height:none;
		float:none;
		display:none;
	}
	a:link > div.image-container > h1, a:link > div.image-container > h2, a:link > div.image-container > h3, a:link > div.image-container > h4, a:visited > div.image-container > h1, a:visited > div.image-container > h2, a:visited > div.image-container > h3, a:visited > div.image-container > h4, a:hover > div.image-container > h1, a:hover > div.image-container > h2, a:hover > div.image-container > h3, a:hover > div.image-container > h4, div.image-container > h1, div.image-container > h2, div.image-container > h3, div.image-container > h4 {
		font-size: 115%;
		font-size: 100%;
		text-decoration: none;
		text-transform: inherit;
		font-weight: normal;
		letter-spacing: .03em;
	}
	a:link > .image-container > div, a:hover >.image-container > div, .image-container > div {

		line-height: 125%;
		font-size: 90;
		padding: 10px;
		color: #000000;
		background-color: rgba(255,255,255,.8);
	}
	a > div.image-container .show-onhover {
		right: 0% !important;
		opacity: 1 !important;
	}
}