/* styles specific to interior pages in tablet and phone size  */

@media only screen and (max-width: 1024px) {
    /* tablets */
	
	body.active #container #breadCrumb { display: none; }
	body.active #content { margin-right: -40%; }
	body.active #masthead_small { margin-right: -45%; }
	
	#content{
		width: 71%; /* 5% narrower than desktop */	
	}
	
	#content h3{
		font-size: 1.6em;
		line-height: 150%;
	}	
	
	#content h4{
		font-size: 1.4em;
		line-height: 150%;
	}
	
	#content th{
		font-size: 1.0em;	
	}
	
	/* slightly smaller font size and wider space for tablets */
	#sideNav{
		font-size: 0.9em;
		width: 23%;
	}
	
	/* in the case that text is too long, allow it to fit by changing direction to right-to-left */
	#sideNav ul li{
		/* direction: rtl;	disabled 10/10 as it was moving ? to the front of words */ 
		line-height: 120%;
	}
	
	/* slightly less padding around the + and - signs for tablets */
	#sideNav ul li a{
		padding: 0 0 0 3em;	
	}
	
	/* slightly less padding around the + and - signs for tablets */
	#sideNav li.more a.nav_more, #sideNav li.more.active a.nav_more{
		width: 3em;
	}
	
	/* wider for tablets, smaller font */
	#container #breadCrumb > h2:first-of-type{
		width: 24%;	
		font-size: 0.8em;
	}
	
	/* smaller font */
	#container #breadCrumb p {
		font-size: 0.8em;
	}
	
	
} /* end of @media only screen and (max-width: 1024px) */