#PageBody #naepShell{
	width:100%;
	position:relative;
	font-size:14px;
}
	/* #PageBody #naepShell #CrumbTrail {
		margin: 30px 5px 20px 5px;
	} */

#PageBody #naepShell #sharingBar{
	display:none;
}

#PageBody #MainContent {
	position:relative;		
	display:block;
	width:100%;
	margin:0;
	overflow:hidden;
	padding:0 5px;
	
}

.hide-small{
	display:none !important;
}
	
#PageBody #MainContent #ContentArea,
#PageBody #MainContent #ContentArea_base {
	position:relative;
	display:block;
	width:100%;
	padding:0;
}

#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:22px;
	margin-bottom:20px;
	font-size:14px;

}

#PageBody #MainContent .naep-panel{
	padding-bottom:30px;
	padding-top:30px;
}
#PageBody #MainContent .naep-panel .panel-body p:last-child{
	padding-bottom:0;
}

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

#PageBody #MainContent .large-image{
	width:233px;
}
/*home slider */


#PageBody #MainContent .naep-image-slider-panel .carousel .controls-container {
	height: 35px;
	margin-top: -35px;
}

#PageBody #MainContent .naep-image-slider-panel .carousel .controls-container {

	padding-left:35px;
}


/*  ********************************   */
/* 	        Subject h1 Icons           */
/*  ********************************   */
#PageBody #MainContent h1.h1-icon{
	position:relative;
	padding-left:32px;
	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: 100%;
		padding: 10px 20px;
		margin: 0;
		margin-bottom: 20px;
		min-height: 54px;
	} 
#PageBody #MainContent  .naep-button-panel .landing-button:last-child {
	margin-bottom:0;
} 
#PageBody #MainContent .landing-button > span {
	width:calc(100% - 30px);
}
#PageBody #MainContent .landing-button.external > span {
	width:calc(100% - 35px);
}
#PageBody #MainContent .landing-button.pdf > span {
	width:calc(100% - 46px);
}
#PageBody #MainContent .landing-button:after {
	right:20px;
	margin-left:20px;
}
#PageBody #MainContent .landing-button:active:after, 
#PageBody #MainContent .landing-button.pdf:active:after {
	right:20px;
	margin-left:20px;
}
#PageBody #MainContent .naep-button-panel .button-group{
	margin-bottom:0px;
}
/*  ********************************   */
/* 	         Landing Panel             */
/*  ********************************   */
#PageBody #MainContent .landing-element{
	box-shadow: 0 3px 6px rgba(54,54,54, .15);
	margin-bottom:20px;
	border:1px solid #f6f6f6;
	border-radius:5px;
}

	#PageBody #MainContent .landing-element:hover {
		box-shadow:none;
	} 
	
	
	#PageBody #MainContent .landing-element a {
		display: flex;
		flex-flow: column nowrap;
	}
#PageBody #MainContent .landing-element .landing-button {
	width:100%;
	min-height:54px;
	padding:10px 20px;
	margin:0;
}
#PageBody #MainContent .landing-text {
	width:100%;
	margin:0;
	margin-top:20px;
}

/*  ********************************   */
/* 	        Icon-Link Panel            */
/*  ********************************   */
#PageBody #MainContent .naep-icon-link-panel {
	width:100%;
}

#PageBody #MainContent .naep-icon-link-panel .link-text {
	width: calc(100% - 30px);
}
#PageBody #MainContent .naep-icon-link-panel .link-text span:nth-of-type(2) {
	font-size:1.286em;
}
#PageBody #MainContent .naep-icon-link-panel .icon-link .link-icon {
	width:90px;
	height:90px;
	margin-right:20px;
	flex:none;
}
/*  ********************************   */
/* 	    Image-Link Panel (small)       */
/*  ********************************   */
#PageBody #MainContent .naep-image-link-panel.small .image-links {
	width:49%;
	height:auto;
	display:inline-flex;
	flex-flow: column nowrap;
	align-items:center
}

#PageBody #MainContent .naep-image-link-panel.small .image-link {
	width:100%;
	height:auto;
	display:flex;
	flex-flow: row nowrap;
	align-items:center
}
#PageBody #MainContent .naep-image-link-panel.small .image-link img{
	display:block;
	height:50px;
	width:50px;
	margin:10px 5px;
	z-index:0;
}
#PageBody #MainContent .naep-image-link-panel.small .image-link .image-link-text {
	margin-bottom:0;
	padding-right:15px;
}
#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;
}


/*  ********************************   */
/* 	          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;
}
/*  ********************************   */
/* 	        Clickable Asset            */
/*  ********************************   */
#PageBody #MainContent .clickable-asset {
	padding:0;
}
/*  ********************************   */
/* 	          Video Asset              */
/*  ********************************   */

#PageBody #MainContent .video-asset {
	position:relative;
	width:100%;
	height:0;
	margin:20px 0;
	padding-bottom:70%;
}
#PageBody #MainContent .video-asset iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}

/*  ********************************   */
/* 	          Header Bar               */
/*  ********************************   */
	#header-bar{
		position:relative;
		height:50px;
		z-index:999;
		width:100%;
	}
	#header-bar.open-nav {
		position:fixed;
		height:100%;
		top:2.5em;
		z-index:1;
	}
	#header-shell {
		position:relative;
		height:100%;
		width:100%;
	}
	#banner-bar {
		position:relative;		
		display:flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:center;
		width:100%;		
		height:50px;
		padding:0;
	}
	#MenuBtn, #CloseMenuBtn {
		display:inline-block;
		position:absolute;
		left:5px;
		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;
	}
	
	/*************************/	
	/*        NavBar         */
	/*************************/
	
	#NavBar {
		position:absolute;
		left:0;
		right:0;
		top:50px;
		height:calc(100vh - 86px);
		border:1px solid black;		
		background-color:white;
		color: #001871;
		overflow:hidden;
		font-size:14px;
		line-height:1.5em;
		list-style-type: none;
		padding:0 5px 10px 5px;
	}
	#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:column nowrap;	
		overflow:auto;
		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;
	}	
	#NaBar #NavBarBody {
		position:relative;
	}
	
	#NavBar .nav-bar {
		display:flex;
		flex-flow:column nowrap;
		justify-content:space-between;
		list-style-type:none;
		padding-left:0;
		margin:0 0 10px;
		height:calc(100vh - 322px);
	}
	
	#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%;
		padding:0 40px;
		padding-bottom:10px;
		background-color:white;
		transform: translateX(100%);
		-webkit-transition: transform .3s ease-in-out;
		-moz-transition: transform .3s ease-in-out;
		-o-transition: transform .3s ease-in-out;
		transition: transform .3s 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;
		height:100%;
		padding:0 5px 10px;
		background-color:#fff;
	}
	#NavBar .nav-menu.slide-left {
		transform: translateX(0);				
	}	
	#NavBar .nav-menu-body {
		padding:0;
		margin-top:10px;
		height:calc(100vh - 160px);
		overflow:auto;		
	}		
	#NavBar .nav-menu-body .columns{
		display:flex;
		flex-flow:column nowrap;
		padding-bottom:10px;	
	}	
	#NavBar .nav-menu-body .columns .nav-column {
		display:block;
		width:100%;
	}
	
	/*************************/	
	/*      Follow Bar       */
	/*************************/
	#FollowBar_small{
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
		align-items:center;		
		order:2;
		width:100%;
		background-color:white;
		font-size:10px;
		left:0;
		right:0;
		bottom:0;
	}
	#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;
		padding:10px 0;
		width:32%;
	}
	
	#FollowBar_small .FollowBar_group .follow-text{
		text-align:center;
		margin-bottom:0px;
		font-size:1.3em;
		line-height:1em;
		padding: 10px;
		color:#001871;
	}
	#FollowBar_small .FollowBar_group .follow-icons{
		padding:0 10px
	}
	#FollowBar_small .follow-icon {
		display:inline-block;
		margin:0 4px 10px 4px;
		height:35px;
		width:35px;	
	}	
	#FollowBar_small .follow-icon:first-of-type {
		margin-left:0;
	}		
	#FollowBar_small .follow-icon:last-child {
		margin-right:0;
	}	
	#FollowBar_small .follow-icon.contact img {
		display:block;
		width:45px;
		height:45px;
	}
		#FollowBar_small .follow-icon img {
			height: 35px;
			width: 35px;
			margin: 0 auto;
			box-shadow:0 3px 6px rgba(54,54,54, .15);
		}

		#FollowBar_small .FollowBar_group:nth-child(3) .follow-icon img {
			box-shadow: none;
		}
		



	#FollowBar_small .FollowBar_group span {
		display:block;
	}	

/*  ********************************   */
/* 	     Subject Landing Panel         */
/*  ********************************   */
#PageBody #MainContent .naep-panel .results-button{
	height:150px;
}
#PageBody #MainContent .naep-panel .results-button span{
	margin-left:239px;
	font-size:22px;
}

#PageBody #MainContent .naep-panel .button-row {
	display:flex;
	flex-flow: column nowrap;
	justify-content:space-between;
	width:100%;
}
#PageBody #MainContent .naep-panel .button-row .landing-button {
	margin-left:0;
	margin-right:0;
}
#PageBody #MainContent .naep-panel .button-row:last-child .landing-button {
	width:100%;
	padding:10px 20px;
	margin:0 0 20px 0;
	min-height:54px;
}
#PageBody #MainContent .naep-panel .button-row .landing-button:last-child {
	margin-bottom:0;
	margin-left:0;
}

/*  ************************************  */
/* 	     Subject Landing Panel - V2       */
/*  ************************************  */
.naep-subject-landing-panel .flex-panel a.panel-item {
	min-width: 220px;
}
	
/*  ********************************   */
/* 	     Area Specific Content         */
/*  ********************************   */

/*       State map image               */
#PageBody #MainContent  .ifMapShown,
#PageBody #MainContent  .statemap {
	display:none;
}

/*      TDW Analysis                   */
#PageBody #MainContent #contentWrapper {
	display:block;
}
#PageBody #MainContent #contentWrapper > table{
	width:auto !important;
}
#PageBody #MainContent div#pageContent.MainContent {
	width:auto !important;
}

	#PageBody .header_container + #naepShell #header-bar.fixed {
		top:56px;
		position:fixed;		
	}
	#PageBody .header_container + #naepShell {
		padding-top:99px;
	}	
	#PageBody .header_container.fixed + #naepShell #header-bar.fixed {
		top:42px;		
	}	
	#PageBody .header_container.fixed + #naepShell {
		padding-top:92px;
	}	

@media screen and (max-width: 730px), screen and (max-device-width: 730px) {	
	#PageBody .header_container + #naepShell #header-bar.fixed {
		top:55px;
		position:fixed;		
	}
	#PageBody .header_container + #naepShell {
		padding-top:85px;
	}	
	#PageBody .header_container.fixed + #naepShell #header-bar.fixed {
		top:43px;		
	}	
	#PageBody .header_container.fixed + #naepShell {
		padding-top:94px;
	}	
}
@media screen and (max-width: 575px) {
	#PageBody #MainContent .subject-icons-panel .subject-icon img {
		width: 45px;
	}

	#PageBody #MainContent .subject-icons-panel .subject-icon span {
		font-size: 9px;
	}
}
@media screen and (min-width: 530px) and (max-width: 585px){
	#PageBody .header_container + #naepShell #header-bar.fixed{
		position:fixed;
		top:83px;
	}
	#PageBody .header_container + #naepShell {
		padding-top:116px;
	}
	#PageBody .header_container.fixed + #naepShell #header-bar.fixed {
		top:42px;		
	}	
	#PageBody .header_container.fixed + #naepShell {
		padding-top:180px;
	}
}
@media screen and (min-width: 484px) and (max-width: 529px){
	#PageBody .header_container + #naepShell #header-bar.fixed{
		position:fixed;
		top:83px;
	}
	#PageBody .header_container + #naepShell {
		padding-top:116px;
	}
	#PageBody .header_container.fixed + #naepShell #header-bar.fixed {
		top:42px;		
	}	
	#PageBody .header_container.fixed + #naepShell {
		padding-top:180px;
	}	
	
}
@media screen and (max-width: 483px), screen and (max-device-width: 483px) {	
	#PageBody .header_container + #naepShell #header-bar.fixed{
		position:fixed;
		top:83px;
	}
	#PageBody .header_container + #naepShell {
		padding-top:101px;
	}
	#PageBody .header_container.fixed + #naepShell #header-bar.fixed {
		top:70px;		
	}	
	#PageBody .header_container.fixed + #naepShell {
		padding-top:120px;
	}		
}

@media screen and (max-width: 450px), screen and (max-device-width: 450px) {
	#PageBody .header_container + #naepShell #header-bar.fixed{
		position:fixed;
		top:41px;
	}
	#PageBody .header_container + #naepShell {
		padding-top:71px;
	}
	#PageBody .header_container.fixed + #naepShell #header-bar.fixed {
		top:41px;		
	}	
	#PageBody .header_container.fixed + #naepShell {
		padding-top:88px;
	}

	#FollowBar_small .FollowBar_group {

		width:initial;
	}

	#FollowBar_small .follow-icon {
		margin: 0 0px 10px 2px;
	}
	.navbar-toggler.custom-toggler{
		font-size: .8rem;
		padding:.25rem;
	}	
	#BannerRight .share-button img{

	}
	#SearchBarBanner .SearchForm Button {
		width: 35px;
	}
}