/* 
 * css - media styles 
 * - screen rules ...
 * - print ...
 */
 

@media screen and (max-width: 960px) {
	
	.view-of-documents .alphabet-list > div ,
	.lt-ie8 .view-of-documents .alphabet-list > div {
		width: 100% ;
	}
	.view-of-documents .alphabet-list .list-first {
		margin-bottom: 1em;
	}
		.view-of-documents .alphabet-list > div > div > a ,
		.view-of-documents .alphabet-list > div > div > div {
			padding-top: 10px ;
			padding-bottom: 10px ;
		}
}

@media screen and (max-width: 900px) {

	/* home page banners / week / news - change layout */

	.banners-news .grid_8 {
		width: 98%;
		margin: 0 1% 1em 1% ;
	}
	.banners-news .grid_4 {
		width: 98%;
	}

	.latest-news ul {
		height: auto ;
		max-height: none ;
	}

	.theme-button {
		font-size: 1.75em ;
	}
	.theme-button.medium {
		font-size: 1em ;
	}
	.theme-button.medium p {
		font-size: 1em !important ;
	}
	


}



@media screen and (max-width: 768px){
	
	.jqmWindow {
		margin-left: -350px;
		width: 700px;
		height: 400px;
	}

	.site-registration {
		font-size: 0.9em ;
	}
	

	.site-content aside article a, 
	.site-content aside article div {
		padding-left: 12px ;
		padding-right: 12px ;
	}
	
}

@media screen and (max-width: 720px){
	/*
	.tab-panels > div {
		height: 310px ;
	}
	*/
}



/* * * * * * * 
 * print classes ... 
 * * * * * * */
@media screen {
	.print-only {
		display: none ; 
	}
} 
 
 
@media print {
	
	.no-print {
		display: none ;
	}
	body .container_12 { 
		width: 100% ;
		min-width: 100% ;
		max-width: 100% ;

	}
	
	/* =Print(Grid) >> 12 Columns
	--------------------------------------------------------------------------------*/	
	.print_1,
	.print_2,
	.print_3,
	.print_4,
	.print_5,
	.print_6,
	.print_7,
	.print_8,
	.print_9,
	.print_10,
	.print_11,
	.print_12 {
		display: inline;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		}
	.container_12 .print_1 { width: 6.333%; }
	.container_12 .print_2 { width: 14.666%; }
	.container_12 .print_3 { width: 23%; }
	.container_12 .print_4 { width: 31.333%; }
	.container_12 .print_5 { width: 39.666%; }
	.container_12 .print_6 { width: 48%; }
	.container_12 .print_7 { width: 56.333%; }
	.container_12 .print_8 { width: 64.666%; }
	.container_12 .print_9 { width: 73%; }
	.container_12 .print_10 { width: 81.333%; }
	.container_12 .print_11 { width: 89.666%; }
	.container_12 .print_12 { width: 98%; }
	

	.site-header {
		background-color: transparent ;
	}
	
	.banners img {
		width: 100% ;
	}
	
	.site-logo {
		padding-bottom: 0 ;
	}
	
	
	
	/* Homepage */
	
	

	.home-page-content,
	.home-page-content a,
	.home-page-content a:link,
	.home-page-content a:visited {
		color: #231F20 ;
	}
	
	
		ul.flex-direction-nav {
		display: none ;
	}
	
	
	ul.items-news {
		padding: 0 ;
		margin: 0 ;
		background-color: transparent ;
	}
	
	.tabs li a,
	.tabs li a.active {
		background: transparent ;
	
	}
	.this-week-and-news div {
/*		border: 1px solid gold !important ;*/
		background-color: transparent ;

	}
	
	.tab-panel-2 {
		display: block !important ;
	}

	
	.container_12 .pi-es .grid_6 {
		width: 47.65% ;
		padding: 1% 0 ;

		
	}
	
	.pi-es a {
			height: auto ;
		}

	
	
	.services .grid_3 {
		width: 22.65% ;
	
		
	}
	
	.services .a-mimic-box,
	.services .d-mimic-box {
		background-color: transparent ;
	}
	
	.popular-content > div > div {
		background-color: transparent ;
	}
	
	.pi a,
	.pi a:link,
	.pi a:visited {
		background-color: transparent ;
	}
	
	.es a,
	.es a:link,
	.es a:visited {
		background-color: transparent ;
	}
	
	
	
	/*****/
	
	.site-content content {
		padding-bottom: 1em ;
	}
	.site-content > article > header ,
	.site-content > article > header > h1 {
		border-width: 0 ;		/* chrome bug fix */
	}
	.site-content aside article {
		width: auto ;
		margin-left: 1em ;
	}
	.site-content aside article a ,
	.site-content aside article a:link ,
	.site-content aside article a:visited ,
	.site-content aside article div {
		background: white ;
		color: black ;
		border: 1px solid #CCCCCC ;
	}

	.site-bread-crumb .grid_12 {
		font-size: 0.8em ;
		border-width: 0 ;
		margin-bottom: 0 ;
	}
	.site-footer {
		font-size: 0.8em ;
	}
	
}