#PageBody #naepShell{
	margin-left:auto;
	margin-right:auto;	
	font-size:14px;
	padding-top:182px;
}
#PageBody  .header_container + #naepShell {
	padding-top:85px;	
}

#PageBody .ies_header_container + #naepShell {
	padding-top: 85px;
}

.hide-large {
	display:none !important;
	height:0;
}
#PageBody #sharingBar {
	display:none;
}
#PageBody #naepShell .row {
	margin-left:0;
	margin-right:0;
}
#PageBody #CrumbTrail {
	margin-left: 5px;
}
#PageBody #MainContent {
	display: block;
	overflow: hidden;
	padding: 0 5px;
}
#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-bar{
		position:relative;
		display:flex;
		height:50px;
		z-index:999;
		width:100%;
	}
	#header-bar.fixed{
		position:fixed;
		top:56px;
	}	
	.header_container.fixed + #naepShell #header-bar.fixed{
		top:44px;
	}	
	
	#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;
		height:50px;
		padding:0 25px;
	}
	#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{

	}
	#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;
	}

	/*************************/	
	/*        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;
		}
		
/*  ********************************   */
/* 	    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;
}