/* NAEP 2016 Public Site Design: Page shell ------------------------------------------
	(Content styling is covered in naep2016-content.css, for standard sitewide styles, and naep2016-supp.css,
	for supplemental, special-purpose, and legacy styles.) */
html {
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
#PageBody.naep2016 {
	margin: 0; padding: 0;
}
#PageBody.naep2016 form#aspnetForm {
	padding: 0;
}
#PageBody #MainContent p {
	margin: 1em 0;
	padding: 0;
}
#PageBody #MainContent {
	font-family: "Open Sans", Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.714;
	color: #363636;
	font-weight: normal;
}

.footer_container{
	top:0 !important;
}
/* Shell ------------------------------------------------------------------------ */

#naepShell {
	position: relative;
	width: 960px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.5);
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
		
	#naepShell #skip-nav { position: absolute; top: 0; left: -999px; }	
	
	/* Sharing Bar ------------------------------------------------------------------ */
	
	#naepShell #sharingBar {
		position: fixed;
		background: transparent;
		top: 30%;
		margin-left: -25px;
		width: 53px;
		height: 167px;
		z-index: 500;
	}
	
		/* Sharing Bar Components ------------------------------------------------------- */
		
		#naepShell #sharingBar .sharing-bar-fold {
			position: absolute;
			top: 0;
			left: 0;
		}
		#naepShell #sharingBar a{
			outline:0;
			
		}
		#naepShell #sharingBar a img{
			position:relative;
		}
		#naepShell #sharingBar .sharing-bar-image {
			float:right;
		}
		#naepShell #sharingBar .facebook-button {
			background-color:#3b579d;
		}
		#naepShell #sharingBar .twitter-button {
			background-color:#5ea9dd;		
		}	
		#naepShell #sharingBar .email-button {
			background-color:#d57800;
		}		
		#naepShell #sharingBar a:focus {
			position:relative;
			outline:3px solid #c69214;
			outline-offset:2px;
			z-index: 1000;
		}
		#naepShell #sharingBar .share-button {
			position:relative;
			display:block;
			top:17px;
			width:50px;
			height:50px;
			cursor: pointer;
			-moz-box-shadow: 4px 0 3px 0 rgba(0,0,0,.2);
			-webkit-box-shadow: 4px 0 3px 0 rgba(0,0,0,.2);
			box-shadow: 4px 0 3px 0 rgba(0,0,0,.2);			
			-webkit-transition: width 0.3s ease-in;
			-moz-transition: width 0.3s ease-in;
			-o-transition: width 0.3s ease;
			transition: width 0.3s ease;			
		}		
		#naepShell #sharingBar .share-button{
			box-shadow: 0px 5px 10px 0 rgba(0,0,0,.3);
		}
		#naepShell #sharingBar .share-button:hover{
			width:75px;

		}
	
	/* NAEP Banner ------------------------------------------------------------------ */
		#naepBanner {
			position:relative;
			height:69px;
			width: 960px;
			background: white;
			font-family: "Open Sans", Verdana, sans-serif;			
		}
		/* NAEP Banner Objects ---------------------------------------------------------- */	
		#naepBanner a{
			outline:0;
			z-index:100;
		}
		#naepBanner a img{
			border:1px solid transparent;
			margin:5px;
			z-index:100;
			-moz-transition: opacity .3s ease-in;
			-webkit-transition: opacity .3s ease-in;
			transition: opacity .3s ease-in;			
		}
		#naepBanner a img:hover{
			opacity:.6;
		}		
		#naepBanner a:focus img{
			outline:3px solid #c69214;
		}		
		#naepBanner #bannerNaepLogo {
			position: relative;
			top:5px;
			left:0px;
		}
		#naepBanner #bannerNaepLogo img {		
			display:inline-block;
			margin-top:5px;
			height:50px;
			width:289px;

		}

		#naepBanner #bannerIESLogo {
			position: absolute;
			top: 11px;
			left: 344px;
		}
		#naepBanner #bannerIESLogo  img{
			display:inline-block;
			height:38px;
			width:137px;
		}
		
		#naepBanner #bannerNCESLogo {
			position: absolute;
			top: 21px;
			left: 485px;
			z-index:100;			
		}
		#naepBanner #bannerNCESLogo  img{
			display:inline-block;
			height:28px;
			width:137px;
			z-index:100;
		}	
		#naepBanner #bannerFollowBox {
			display:flex;
			flex-flow: row nowrap;
			align-items:center;
			justify-content:space-between;
			position: relative;
			top: 12px;
			float:right;
			height:45px;
			font-size: 12px;
			color:#363636;
			padding:0;
			margin:0 10px 0 0 ;
		}
		#naepBanner #bannerFollowBox a{	
			height:25px;
			margin:0;
			padding:0;
		}

		#naepBanner .follow-text {
			font-size:12px;
			line-height:115%;
			display: inline-block;

		}
		
		#naepBanner .follow-icon {
			height:25px;
			width:25px;
			margin:0 0 0 10px;
		}
		#naepBanner .banner-divider {
			border-left: 2px #363636 solid;
			padding:0px 0 0px 10px;
			margin: 0 0 0 10px;
		}
	/* Navigation Bar --------------------------------------------------------------- */
	#full-nav-bar{
		position:relative;
	}
	#navBar {
		position: relative;
		display: inline-block;
		width:100%;
		margin: 0;
		font-family: "Open Sans", Verdana, sans-serif;
		background: #001871;
		height: 48px;
		padding:0;
		z-index: 500;
		list-style-type:none;
	
	}
	#navBar.disabled{
		pointer-events:none;
	}
	#navBar ul {
		font-size:0;
		list-style-type:none;
	}
	#navBar .nav-button{
		top:0;
	}
	#navBar .nav-button {
		display: block;
		float:left;

	}
	#navBar .nav-button > a {
		padding:0 15px;	
		line-height:48px;
		z-index: 510;
		position:relative;
	}

	#navBar .nav-button > a:link,
	#navBar .nav-button > a:visited {
		display: block;
		font-size: 18px;
		color: #ffffff;
		text-decoration: none;
		outline:0;
	}
	#navBar .nav-button:hover{
		background-color:#c69214;
		color:#001871;
	}	
	#navBar .nav-button:hover a{
		color:#001871;
	}
	#navBar .nav-button > a:focus {
		position:relative;
		outline:3px solid #c69214;
		outline-offset:-3px;
		z-index: 1000;
	}
	#navBar .nav-button > a:focus:hover {
		outline:3px solid #001871;
	}	
	#navBar .nav-button a.current-topic:after{
		content: "";
		height: 0;
		width: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #c69214;
		position: absolute;
		top: 0;
		left: 55%;
		margin: 0 0 0 -13px;
		transform: rotate(180deg);	
	}
	#navBar .nav-button:hover a.current-topic:after{
		content: "";
		height: 0;
		width: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #001871;
		position: absolute;
		top: 0;
		left: 55%;
		margin: 0 0 0 -13px;
		transform: rotate(180deg);	
	}	

	#navBar .search-icon {
		position:relative;
		float:right;
		height:48px;
	}

	#navBar .search-icon:hover {
		background-color:#c69214;
		color:#001871;
	}
	#navBar .search-icon a{
		height:100%;
		margin-top:0;
		width:42px;
	}

	#navBar .search-icon a:link {
		display: inline-block;		
		margin-right:0;	
		padding-left:13px;
		padding-right: 13px;		
	}
	#navBar .search-icon a:focus {
		position:relative;
		outline:3px solid #c69214;
		outline-offset:-3px;	
	}
	#navBar .search-icon a:focus:hover {
		outline:3px solid #001871;
	}
	#navBar .search-icon a{
		background:url(/nationsreportcard/adminonly/design2016/images/img-search.png) center center no-repeat;
	}	
	#navBar .search-icon a:hover{
		background:url(/nationsreportcard/adminonly/design2016/images/imgSearchHover.png) center center no-repeat;
	}
		
	/* Search ----------------------------------------------------------------- */	
	#search-form-container {
		position: relative; top: -10px; float: right;
	}
	.search-form{
		position:absolute;
		right:10px;
		width:377px;
		height:106px;
		z-index:1000;	
		margin-right:-10px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;			
		}

	.search-forms:after{
		content: "";
		height: 0;
		width: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #fff;
		position: absolute;
		top: -10px;
		left: 50%;
		margin: 0 0 0 150px;
		z-index: 1000;

	}	
	.search-form.hidden {
		display:none;
	}
	.search-border{
		display:flex;
		flex-flow:row nowrap;
	}
	.form-inline{
		position:absolute;
		left:30px;
		top:39px;		
	}
	.form-inline .form-control.search-text {
		-webkit-box-sizing:border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height:38px;
		font-size:16px;
		width: 240px;
		padding:8px 0 7px 10px;
		outline:0;	
		box-shadow: 0 0 5px 0 rgba(0,0,0,.2) inset;
		border:1px solid #8e9fbc;
		border-right:none;
		transition:all .3 ease-in;		
	}
	.form-inline .form-control.search-text:focus,
	.form-inline .form-control.search-text:hover{
		border:1px solid #001871;
		border-right:none;
	}	
	.search-btn{
		position:relative;
		top:0;
		background-color:#001871;
		height:38px;
		font-size:16px;
		padding-left:10px;
		padding-right:10px;
		font-weight:600;
		color:#ffffff;
		border:none;
		border-left:1px solid #001871;
		border-radius:0;
		transition:all .3s ease-in;
	}
	.form-inline  .search-btn:hover{
		color:#001871;
		background-color:#c69214;
		border:1px solid #001871;		
	}
	.search-border .search-btn:active{
		transition:all 0s;
		background-color:#bb8822;
		color:#001871;
	}	
	::-webkit-input-placeholder	{
		font-size:16px;
		font-family:"Open Sans";
		color:#77787b;
		font-style:italic;
	}
	:-moz-placeholder{
		font-size:16px;
		font-family:"Open Sans";
		color:#77787b;
		font-style:italic;
	}
	::-moz-placeholder{
		 font-size:16px;
		font-family:"Open Sans";
		color:#77787b;
		font-style:italic;
	}
	:-ms-input-placeholder {
		font-size:16px;
		font-family:"Open Sans";
		color:#77787b;
		font-style:italic;
	}

	/* Mega Menu ----------------------------------------------------------------- */		
		
	#navBar > li > .navmenu {
		position: absolute;
		display:none;
		width: 100%;
		opacity:0;
		padding:20px 0;	
		border: 2px solid #c69214;
		box-shadow:0 0 10px 0 rgba(0,0,0,.3);
		top:48px;
		left:0px;
		z-index: 1;
		overflow: hidden;
		font-size:16px;
		font-family:"Open Sans";
		background-color:#fff;
		color:#363636;
			-moz-transition: all .3s ease-in;
			-webkit-transition: all .3s ease-in;
			transition: all .3s ease-in;			
	}

	#navBar > li:hover > .navmenu,  
	#navBar > li > .navmenu.opened {
		display:block;
		opacity:1;
	}
	#navBar .nav-column {
		float: left;
		width: 33%;
		padding:0 20px;
		border-left: 1px solid #d1d3d4;
		border-right: 1px solid #d1d3d4;		
	}	
	#navBar .nav-column:first-child{
		border-left: none;
	}
	#navBar .nav-column:nth-child(2){
		margin-left:-1px;
	}		
	#navBar .nav-column:last-child{
		width: 34%;		
		margin-left:-1px;
		border-right: none;
	}
	#navBar .nav-column.no-separator{
		border:none;
	}	
	#navBar .nav-column ul {
		padding: 0px;
	}	
	#navBar .nav-column > ul > li > a {
		position:relative;
		color:#363636;
		display: block;
		padding:5px 20px 5px 10px;
		margin-bottom:0px;
		border:1px solid transparent;
					-moz-transition: all .3s ease-in;
			-webkit-transition: all .3s ease-in;
			transition: all .3s ease-in;	
	}
	#navBar .nav-column li a:before {
		position:absolute;
		content:url(/nationsreportcard/adminonly/design2016/images/megamenu-chevron-off.png);
		display:block;
		float:right;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		padding-left:10px;
	}

	#navBar .nav-column li a:after{
		content:"";
		background:url(/nationsreportcard/adminonly/design2016/images/megamenu-chevron-on.png) 0px 0px no-repeat;
		position:absolute;
		display:block;
		float:right;
		right: 6px;
		top: 50%;
		width:  6px;
		height: 10px;
		transform: translateY(-50%);
		padding-left:10px;
		opacity: 0;
		z-index: 2;
		-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		transition: all .3s ease-in;
	}              
	#navBar .nav-column li a:hover:after,
	#navBar .nav-column li a:focus:after{
		opacity: 1.0                         
	}
	#navBar .nav-column li a span{
		position:relative;
	}	
	#navBar .nav-column li a span.external:before {
		content:"";
		background:url(/nationsreportcard/adminonly/design2016/images/megamenu-external-link-off.png) right  no-repeat;
		display:inline-block;
		height:15px;
		width:25px;
		position:absolute;
		float:right;
		transform: translateY(15%);		
		-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		transition: all .3s ease-in;		
	}	
	
	#navBar .nav-column li a span.external:after{
		content:"";
		background:url(/nationsreportcard/adminonly/design2016/images/megamenu-external-link-on.png) right no-repeat;
		display:inline-block;
		position:absolute;
		float:right;
		transform: translateY(15%);		
		height:15px;
		width:25px;
		opacity:0;
		-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		transition: all .3s ease-in;
	}              
	#navBar .nav-column li a:hover span:after,
	#navBar .nav-column li a:focus span:after{
		opacity: 1.0                         
	}

	
	#navBar .nav-column li a:link,
	#navBar .nav-column li a:visited
	{
		font-size: 16px;
		color: #363636;
		text-decoration: none;
		outline:0;
					-moz-transition: all .3s ease-in;
			-webkit-transition: all .3s ease-in;
			transition: all .3s ease-in;	
	}
	#navBar .nav-column .l2 li a,
	#navBar .nav-column .l2 li a
	{
		position:relative;
		color:#363636;
		display: block;		
		font-size: 14px;		
		padding:1px 20px 1px 20px;
		border:1px solid transparent;	
			margin-top:-2px;
						-moz-transition: all .3s ease-in;
			-webkit-transition: all .3s ease-in;
			transition: all .3s ease-in;	
	}			
	#navBar .nav-column .l2 li:first-child a,
	#navBar .nav-column .l2 li:first-child a
	{
		margin-top:-2px;
	}
	#navBar .nav-column li a:hover,
	#navBar .nav-column li a:focus
	{
		background-color:#f2ede2;
		border:1px solid #c69214;
		outline:none;
	}		
	
	#navBar .nav-column .l2:last-child a{
		margin-bottom:0;
	}
	#navBar .nav-column .l2 li .orphan {
		margin-top:25px !important;
	}
	
	/* Crumb Trail ------------------------------------------------------------------ */
	
	#crumbTrail {
			position: relative;
			display: table;
			border-collapse: separate;
			border: 1px solid #d1d3d4;
			border-radius: 2px;
			margin: 10px 40px 10px 40px;
			font-family: "Open Sans", Verdana, sans-serif;
			font-size: 14px;
			line-height: 21px;
			padding: 0;
	}
	
	#crumbTrail .crumb {
			display: table-cell;
			vertical-align: middle;
			background-color: #f5f5f5;
			background-position: -2.999999px center;
			background-image: url("/nationsreportcard/adminonly/design2016/images/crumb-border.svg");
			background-size: 10px 125%;
			background-repeat: no-repeat;
			background-clip: padding-box; 
			padding: 2px 8px 2px 15px;
	}

	#crumbTrail .crumb-home {

	}
	
	#crumbTrail .crumb img {
		position: relative;
		top: 2px;
	}
	
	#crumbTrail .crumb a:link,
	#crumbTrail .crumb a:visited {
		color:#363636;
		text-decoration: none;
	}
	
	#crumbTrail .crumb:focus a,
	#crumbTrail .crumb:hover a,
	#crumbTrail .crumb:active a {
		text-decoration: underline;
		text-shadow:0 0 2px rgba(0,0,0,.2);
	}
	
	#crumbTrail .crumb:first-child {
			background-image: none;
			padding: 0 3px 2px 5px;
	}
	
	#crumbTrail .crumb:last-child {
		background-color: #77787b;
		border-top-right-radius: 2px;			
		border-bottom-right-radius: 2px;

	}
	#crumbTrail .crumb:last-child a {
		color:#fff;
	}	
	#crumbTrail .crumb:hover {
		background-color: #77787b;
	}
	#crumbTrail .crumb:hover  a{
		color:#fff;
	}	
	#crumbTrail .crumb:hover + .crumb {
			background-image: url("/nationsreportcard/adminonly/design2016/images/crumb-border-hover.svg");
	}
	#crumbTrail .crumb span {
		color:#fff;
		cursor:default;
		text-decoration:none;
	}		
		
	/* Main Content ------------------------------------------------------------------ */

	#MainContent {
		position: relative;
		display:block;
		margin: 0 40px;		
		font-family: "Open Sans", Verdana, sans-serif;
		font-size: 14px;
		line-height: 1.714;
		color: #363636;
		font-weight: normal;
		-webkit-box-sizing:content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;	
}	

	/* NAEP Footer ------------------------------------------------------------------ */

	#naepFooter {
		position: relative;
		display:flex;
		justify-content: space-between;
		background: #f2ede2;
		color: #001871;
		font-family: "Open Sans", Verdana, sans-serif;
		font-size:14px;
		height:171px;
		padding:30px 60px;
		border-top:3px solid #001871;
	}

		/* NAEP Footer Objects ---------------------------------------------------------- */
		#naepFooter .li-column {
			display: inline-block;
			margin-left: 0;
			padding-left: 0;
			vertical-align: top;
			margin-right:30px;
		}

		#naepFooter .li-column:last-child {
			margin-right:0;
		}	
		#naepFooter #footer-links> ul {
			margin-top:0 !important;
		}	
		#naepFooter ul {
			padding: 0;
			list-style-type: none;
		}
		#naepFooter a:link,
		#naepFooter a:visited {
			color: #001871;
			text-decoration: none;
			line-height:2em;
		}
		
		#naepFooter a:focus,
		#naepFooter a:hover,
		#naepFooter a:active {
			color: #004c97;
			text-decoration: underline;
		}
		#naepFooter a:focus{
			outline:3px solid #c69214;
			outline-offset:2px;
		}
		#naepFooter #footerFollowBox {
			display:inline-block;
			font-size: 14px;
			margin-top:30px;
		}
		#naepFooter .follow-text {
			margin-bottom:5px;
		}
		
		#naepFooter #footerFollowBox a {
			display:inline-block;
			margin-right:10px;
		}
		#naepFooter #footerFollowBox .follow-icon{
			transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-webkit-transition: all .3s;
		}
		#naepFooter #footerFollowBox .follow-icon:hover {
			opacity:.6;
		}		
		#naepFooter #footerNaepLogo {
			display:inline-block;
			-moz-transition: all .3s ease-in-out;
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;			
		}
		#naepFooter #footerNaepLogo a img {

			-moz-transition: all .3s ease-in-out;
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;			
		}
		#naepFooter #footerNaepLogo a img:hover {
			
			opacity:.6;
		}