/* row attractor*/

#PageBody  .header_container + #naepShell {
	padding-top:106px;	
}

#PageBody .header_container + #naepShell #header-bar.fixed {
	top:57px;		
}
#PageBody .header_container.fixed + #naepShell #header-bar.fixed {
	top:42px;		
}
#PageBody #naepShell{
	width:768px;
	margin-left:auto;
	margin-right:auto;	
	font-size:14px;
	box-sizing:border-box;

}
#SearchBtn.hide-large, #SearchBar.hide-large {
	display:none !important;
	height:0;
}

#PageBody #sharingBar {
	display:none;
}
#PageBody #MainContent {
		display:block;
		overflow:hidden;
	}
	.hide-small{
		display:none !important;
	}
#PageBody #MainContent #ContentArea  {
		position:relative;
		display:block;
		width:100%;
	}

#PageBody #MainContent h1 {
	font-size:28px;
	line-height:28px;
}
#PageBody #MainContent h2 {
	font-size:24px;
	line-height:24px;
}
#PageBody #MainContent h3 {
	font-size:20px;
	line-height:20px;
}
#PageBody #MainContent h4 {
	font-size:18px;
	line-height:18px;
}
#PageBody #MainContent h5 {
	font-size:16px;
	line-height:16px;
}
#PageBody #MainContent h6 {
	font-size:14px;
	line-height:14px;
}

#PageBody #MainContent p {
	margin:0 0;
	line-height:24px;
	padding-bottom:20px;
}
#PageBody #MainContent li {
	font-family: "Open Sans", Verdana, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #363636;
	font-weight: normal;
}

	#PageBody #MainContent p + ul {

		margin-top:0px;
	}
	

#PageBody #MainContent .right-asset {
	position: relative;
	float: right;
	right: 0;
	width: 50%;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #c69214;
	box-shadow:0 3px 6px rgba(54,54,54, .15);
	top: 3px;
}
#PageBody #MainContent .left-asset {
	position: relative;
	float: left;
	left: 0;
	width: 50%;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #c69214;
	box-shadow:0 3px 6px rgba(54,54,54, .15);
	top: 3px;
}
#PageBody #MainContent .center-asset {
	position: relative;
	display: block;
	width: 50%;
	margin: 0 auto 20px auto;
	border: 1px solid #c69214;
	box-shadow: 0 3px 6px rgba(54,54,54, .15);
}
#PageBody #MainContent .naep-panel .center-asset, #PageBody #MainContent .naep-panel .clickable-asset.center-asset {
	display: block;
}
#PageBody #MainContent .right-asset.small,#PageBody #MainContent .left-asset.small {
	width:25%;
}
#PageBody #MainContent .right-asset.no-border,#PageBody #MainContent .left-asset.no-border {
	border:none;
	box-shadow:none;
}
#PageBody #MainContent .image-panel {
	width: 478px;
}
#PageBody #MainContent .pageupdated {
	padding-bottom:0;
}	

/*  ********************************   */
/* 	        Subject h1 Icons           */
/*  ********************************   */
#PageBody #MainContent h1.h1-icon{
	position:relative;
	padding-left:32px;
	height:28px;
	padding-top:0px;
}
#PageBody #MainContent .h1-icon:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:28px;
	width:28px;
	background-size:28px;
}
/*  ********************************   */
/* 	         Button Panel              */
/*  ********************************   */
#PageBody #MainContent .naep-button-panel .landing-button {
	width: calc((100% - 40px) / 3);
	/*min-height:70px;*/
} 
#PageBody #MainContent  .button-group .landing-button:nth-child(3n) {
	margin-right:0;
}


/*  ********************************   */
/* 	         Landing Panel             */
/*  ********************************   */
#PageBody #MainContent .landing-element .landing-button {
	width: 35%;
	min-height: 70px;
}
#PageBody #MainContent .landing-element .landing-button span{
}
#PageBody #MainContent .landing-element .landing-text {
	width:65%;
}

/*  ********************************   */
/* 	        Icon-Link Panel            */
/*  ********************************   */
#PageBody #MainContent .naep-icon-link-panel .subscribe-newsflash > a {
	position:relative;
	width:100%;
	font-size:1.143em;
	line-height:2em;
	color:#2b4d6c;
	background-color:#f2f2f2;
	padding:0 32px 0 29px;
}
#PageBody #MainContent .naep-icon-link-panel .link-text span:nth-of-type(2) {
	font-size:1.286em;
}
/*  ********************************   */
/* 	          Pull Quote               */
/*  ********************************   */
#PageBody #MainContent .pull-quote p {
	font-size: 1.286em;
	color: #001871;
	margin: 0 0 20px 0;
	padding: 0;
	font-family: 'Gentium Basic', 'Times New Roman', Times, serif !important; /*Google font*/
	font-weight: bold;
	text-align: justify;
	word-spacing: 0.2em;
}
/*  ********************************   */
/* 	          Video Asset              */
/*  ********************************   */

#PageBody #MainContent .video-asset {
	position:relative;
	height:100%;
/*	padding-bottom:37.5%;*/
}
#PageBody #MainContent .video-asset iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}


/*  ********************************   */
/* 	          Header Bar               */
/*  ********************************   */
	#header-shell {
		position:relative;
		width:768px;
	}
	#header-bar{
		position:relative;
		height:50px;

		z-index:999;		
	}
	#header-bar.fixed{
		position:fixed;
	}	
	#header-bar.open-nav {
		position:fixed;
		height:100%;
		top:2.5em;
		z-index:1;
	}

	#banner-bar {
		position:relative;		
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
		align-items:center;
		background:#001871;
		height:50px;
		padding:0 40px;
	}
	#MenuBtn, #CloseMenuBtn {
		display:inline-block;
		position:relative;
		width:90px;
		height:40px;
		padding-left: 29px;
		color: #fff;
		font-size:1.286em;		
		text-decoration:none;
		line-height:40px;
	}

	#MenuBtn:before, #CloseMenuBtn:before {
		content:"";
		background: #001871 url("/nationsreportcard/adminonly/design2017/images/menu_small.png") no-repeat center ;
		background-size:contain;
		width:25px; 	
		height:19px;
		position:absolute;
		top:10px;
		left:0;
	}
	#CloseMenuBtn:before {
		background: #001871 url("/nationsreportcard/adminonly/design2017/images/close_menu.png") no-repeat center ;
	}
	#MenuBtn:hover, #CloseMenuBtn:hover{
		cursor:pointer;
	}
	#MenuBtn.hide-btn, #CloseMenuBtn.hide-btn {
		display:none;
	}

	
	#SearchBtn, #CloseSearchBtn {
		display:inline-block;
		position:absolute;
		right:40px;
		width:90px;
		height:40px;
		padding-left: 29px;
		color: #fff;
		font-size:1.286em;		
		text-decoration:none;
		line-height:40px;
	}	
	#SearchBtn:before, #CloseSearchBtn:before {
		content:"";
		background: #001871 url("/nationsreportcard/adminonly/design2017/images/search_normal.png") no-repeat center ;
		background-size:contain;
		width:25px; 	
		height:25px;
		position:absolute;
		top:10px;
		left:0;
	}	
	#CloseSearchBtn:before {
		background: #001871 url("/nationsreportcard/adminonly/design2017/images/close_menu.png") no-repeat center ;
		top:7px;
	}
	#SearchBtn:hover, #CloseSearchBtn:hover{
		cursor:pointer;
	}
	#SearchBtn.hide-btn, #CloseSearchBtn.hide-btn {
		display:none;
	}	

	#SearchBarBanner{
		margin-top:0;
		padding-top:0;
		background: none;
		width:auto;
	}

	#SearchBarBanner .SearchForm > form{
		border:2px solid #c69214;
		border-radius:7px;
	}
	#SearchBarBanner .SearchForm input[type="text"] {
		padding-top:4px;
		padding-bottom:1px;
		height:35px;
		border-right:2px solid #c69214;
	}
	#SearchBarBanner .SearchForm button{
		color:#fff;
		font-size: 1.286em;
	}
	#NAEP_logo{
		background: #001871 url("/nationsreportcard/adminonly/design2017/images/NAEP_logo_small.png") no-repeat center ;
		background-size:contain;
		width:100px; 	
		height:39px;
	}


	
	/*************************/	
	/*        NavBar         */
	/*************************/
	
	#NavBar {
		position:absolute;
		left:0;
		right:0;
		top:50px;	
		min-height:600px;
		border:1px solid black;		
		background-color:white;
		color: #001871;
		overflow:hidden;
		font-size:14px;
		line-height:1.5em;
		list-style-type: none;
		padding:0 40px;
	}
	#NavBar #NavBarHead {
		display:flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:center;
		position:relative;
		height:50px;
		width:100%;
		text-align:center;
		font-size:1.571em;
		color:#001871;
		border-bottom:1px solid #cbc9c9;		
	}
#NavBarBody {
	display: flex;
	flex-flow: row nowrap;
	/*height:70vh;*/
	padding: 10px 0;
}
	#NavBar.overlay {
		box-shadow:0 45vw 45vw  rgba(0,0,0,.7);		
	}
	#NavBar.closed_small {
		min-height:0;
		max-height:0;
		padding:0 40px;
	}	
	#NavBar .nav-bar {
		display:flex;
		flex-flow:column nowrap;
		justify-content:space-between;
		padding-left: 30px;
		list-style-type:none;
		width:calc(100% - 160px);
	}
	#NavBar .nav-button > a {
		position:relative;
		float:none;
		width:100%;
		display:block;
		z-index:10;
	}	
	#NavBar .nav-button > a:after {
		content:"";
		background: url(/nationsreportcard/adminonly/design2017/images/MM_Normal_Chevron.png) 0 0 no-repeat;
		background-size: 10px 18px;
		position:absolute;
		display:block;
		float:right;
		right:6px;
		top:50%;
		width:10px;
		height:18px;
		margin-left:10px;
		transform: translateY(-50%);
	}
	#NavBar .nav-button > a:link,
	#NavBar .nav-button > a:visited {
		font-size:1.714em;
		line-height:45px;
		width:100%;
		color: #363636;
		text-decoration:none;
	}

		#NavBar .nav-button > a:link:hover {

			text-decoration:underline;
		}
		
		
		
		#NavBar .nav-button > a:hover:after {
			cursor: pointer;
			background: url(/nationsreportcard/adminonly/design2017/images/MM_Hover_Chevron.png) 0 0 no-repeat;
		}	
	#NavBar .nav-menu  {
		position:absolute;
		top:0px;
		z-index:20;
		right:0;
		width:100%;
		height:768px;
		padding:0 40px;
padding-bottom:10px;
		background-color:white;
		transform: translateX(100%);
		-webkit-transition: transform .1s ease-in-out;
		-moz-transition: transform .1s ease-in-out;
		-o-transition: transform .1s ease-in-out;
		transition: transform .1s ease-in-out;
	}
	#NavBar .nav-menu-head {
		display:flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:center;
		position:relative;
		height:50px;
		width:100%;
		text-align:center;
		font-size:1.571em;
		color:#001871;
		border-bottom:1px solid #cbc9c9;
	}
	#NavBar .nav-menu-head .back-button{
		position:absolute;
		display:inline-block;
		left:0;
		height:30px;
		width:72px;
		padding:7px 10px 7px 25px;
		font-size:14px;
		line-height:14px;
		color:#001871;
		background-color:#fff;
		border:1px solid #001871;
		border-radius:5px;
		box-shadow:0 3px 6px rgba(54,54,54, .15);
		cursor:pointer;
		
	}
	#NavBar .nav-menu-head .back-button:before{
		content:"";
		background: url("/nationsreportcard/adminonly/design2017/images/chevron_left.png") no-repeat center ;
		left:10px;
		position: absolute;
		display: block;
		width:10px;
		height:18px;
		margin-right:10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);		
	}
	#NavBar .nav-menu-head span {
		display:inline-block;
	}	

	#NavBar .nav-menu.opened {
		visibility:visible;
	}
	#NavBar .nav-menu.slide-left {
		transform: translateX(0);				
	}	
	#NavBar .nav-column li a:hover {
		color:#001871;
		border:1px solid #c69214; 
		background-color:#f2ede2;
		text-decoration:underline;
		box-shadow:0 3px 6px rgba(54,54,54, .15);	
	}
	#NavBar .nav-column li a:hover:after {	
		background: url("/nationsreportcard/adminonly/design2017/images/MM_Hover_Chevron.png") no-repeat center ;
	}	
	#NavBar .nav-menu-body .columns .nav-column {
		margin-right:0;
	}
	#NavBar .nav-column li a span{
		padding-right:25px;
	}		

	
	
	
	/* Follow NAEP */
	#FollowBar_small{
		display:flex;
		flex-flow:column nowrap;
		justify-content:space-between;
		align-items:center;		
		height:100%;
		width:160px;
		background-color:white;
		font-size:10px;
	}
	#FollowBar_small a{
		height:30px;
	}

	#FollowBar_small .FollowBar_group {
		display:flex;
		flex-flow:column nowrap;
		justify-content:center;		
		align-items:center;			
		border:1px solid #c5c5c5;
		border-radius:5px;
		width:100%;
		padding:30px;
		margin-bottom:15px;
	}
	
	#FollowBar_small .FollowBar_group .follow-text{
		text-align:center;
		margin-bottom:10px;
		font-size:1.4em;
		color:#001871;
	}	
	#FollowBar_small .follow-icon {
		display:block;
		height:50px;
		width:50px;	
		margin:25px auto;
	}	
	#FollowBar_small .follow-icon:first-of-type {
		margin-top:0;
	}		
	#FollowBar_small .follow-icon:last-child {
		margin-bottom:0;
	}	
	#FollowBar_small .follow-icon.contact img {
		display:block;
		width:50px;
		height:35px;
	}
		#FollowBar_small .follow-icon img {
			height: 55px;
			width: 55px;
			margin: 0 auto;
			box-shadow:0 3px 6px rgba(54,54,54, .15);
		}		
	#FollowBar_small .FollowBar_group  {
		display:block;
	}	
	#FollowBar_small .FollowBar_group span {
		display:block;
	}


		#FollowBar_small .FollowBar_group:nth-child(3) .follow-icon img {

			box-shadow:none;
		}
		
		
		
		/*************************/
		/*  Related Information  */
		/*************************/
		#PageBody #MainContent #RelatedInformation {
			position: relative;
			display: block;
			width: 470px;
			margin: 0 auto;
			z-index: 100;
			background-color: #fff;
			height: 85px;
		}
#PageBody #MainContent #RelatedInformation.fixed {
	position:fixed;
	top:auto;
	bottom:-1px;
	left:0;
	right:0;
	z-index:100;
	width:100%;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	border-bottom:1px solid #fff;
}
#PageBody #MainContent #RelatedInfo {
	margin-bottom:-1px;
	border:none;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:470px;
	margin:0 auto;
}
#PageBody #MainContent #RelatedInformation #RelatedInformationBar{
	position:absolute;
	left:0px;
	bottom:63px;
	width:100%;
	max-height:800px;
	border:1px solid #c69214;
	border-radius:5px 5px 0 0;
	border-bottom:none;
	z-index:100;
		-webkit-transition: max-height .8s ease-in-out;
		-moz-transition: max-height .8s ease-in-out;
		-o-transition: max-height .8s ease-in-out;
		transition: max-height .8s ease-in-out;	
}

#PageBody #MainContent #RelatedInformation #RelatedInformationBar.closed-small {
	max-height:0;
}
#PageBody #MainContent #RelatedInformation #RelatedInformationBar li a span{
	padding-right:20px;
	width:100%;
	max-width:100%;
}

#PageBody #MainContent #RelatedInformation .related-information-title {
	display:none;
}
#PageBody #MainContent #RelatedInformationBar li:first-child{
	border-radius:5px 5px 0 0;
}
#PageBody #MainContent #RelatedInformationBar li:last-child {
	border-radius:0;
} 	
#PageBody #RelatedInformation #RelatedInfoBanner {
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	height:65px;
	border:1px solid #c69214;
	border-top:1px solid #8e9fbc;	
	background-color: #dbe2e9;
	border-radius:0 0 5px 5px;
	z-index:201;
}
#PageBody #RelatedInformation #RelatedInfoBanner { 
	border-radius:5px;
}
#PageBody #RelatedInformation #RelatedInfoBanner {
	border:1px solid #c69214;
}

#PageBody #MainContent #RelatedInformation #RelatedInformationBar.hide-small + #RelatedInfoBanner {
	border:1px solid #c69214;
}
#PageBody #RelatedInformation #RelatedInfoBanner .related-info-banner-title {
	position:relative;
	border-right:1px solid #8e9fbc;
	width:calc(100% - 224px);
	padding:20px 0 20px 0;
	color:#001871;
	font-style:italic;
	font-size:1.25em;
	font-weight:600;
	cursor:pointer;
	text-align:center;
}
#PageBody #RelatedInformation #RelatedInfoBanner .related-info-banner-title span:before {
		content:"";
	background: url('../images/Minus_Related_Info.png') center center no-repeat;
	width:10px;
	height:100%;
    position: absolute;
	margin-left:-20px;
	left:0px;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);	
}
#PageBody #MainContent #RelatedInformation #RelatedInformationBar.hide-small + #RelatedInfoBanner{
	border-radius:5px;
}
#PageBody #MainContent #RelatedInformation #RelatedInformationBar.hide-small + #RelatedInfoBanner .related-info-banner-title span:before{
	content:"";
	background: url('../images/Plus_Related_Info.png') center center no-repeat;
}
#PageBody #RelatedInformation #RelatedInfoBanner .related-info-banner-share {
	border-left:1px solid #fff;
	padding:10px 20px;
}
#PageBody #RelatedInformation.hide-large #RelatedInfoBanner .related-info-banner-share {
	border-left:none;
	padding:10px 20px;
}
#PageBody #RelatedInformation #RelatedInfoBanner .related-info-sharing-bar {
	position:relative;
	border-top:2px solid #001871;
	width:184px;
	padding-top:10px;
	margin:0px;
}
#PageBody #RelatedInformation #RelatedInfoBanner .sharing-bar-label {
	position:absolute;
	margin-top:-7px;
	top:0;
	left:60px;
	padding:0 10px;
	background-color: #dbe2e9; 
	color:#001871;
	font-style:italic;
	font-size:.9em;
	line-height:1em;
}
#PageBody #RelatedInformation #RelatedInfoBanner .sharing-bar-image {
	display:inline-block;
	height:35px;
	width:35px;
}
#PageBody #RelatedInformation #RelatedInfoBanner .share-button {
	margin-right:35px;
	height:100%;
}
#PageBody #RelatedInformation #RelatedInfoBanner .share-button:last-child {
	margin-right:0;
}

/*  ********************************   */
/* 	    Image-Link Panel (small)       */
/*  ********************************   */
#PageBody #MainContent .naep-image-link-panel.small .image-link {
	width:130px;
}
#PageBody #MainContent .naep-image-link-panel.small .image-link .image-link-text span{
	font-size:14px;
}
#PageBody #MainContent .naep-image-link-panel.small .image-link .image-link-text:after {
	right:5px;
}