@charset "UTF-8";
/* CSS Document */


/* CONTAINER BODY */

/* '''''''''''''''''''''''''''''''''  BODY  '''''''''''''''''''''''''''''''''''''''''' */

/* css for Presentation units & Blurb */

#wrpr {
	text-align: center;
	min-width: 320px;
	max-width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px;
	display: block;
}
#wrpr {
	margin: 10px; 
	background-color: snow; 
	box-shadow: 0 0 5px #CCC; 
	position: relative; 
	
/*z-index: 2*/;
}

.unts {	
	text-align: center;
	min-width: 159px;
	width: 25%;
	height: auto;
	float: left;
	padding-bottom: 5px;
	}
.innrdv	{
	margin-bottom: 10px;
}

.unts img {
	min-width: 168px;
	padding-bottom: 10px;
}

@media (min-width: 320px) and (max-width: 480px) {
	.unts img {
		min-width: 50%;
		max-width: 90%;
		}
}			
	
@media (max-width: 700px) {
	.unts {
		width: 50%;
		}
}	

.ut1 {}
.ut2 {}
.ut3 {}
.ut4 {}


/* text links for units */	
.unts a {
	color: gray;
	/*font-size: 1.20em;
	line-height: 1.10em;*/
	font-weight: bold;
	text-decoration: none;	
}
.unts a:visited {
	color: gray;
}
.unts a:hover {
	color: orange;
}
	

/* '''''''''''''''''''''''''''''''''  COVERS  ''''''''''''''''''''''''''''''''''''''' */


/*#covers .cvs a span {background-color: rgba(246,218,156,1.00);}*/

#covers .cvs a span {
	font-family: /*Arial, "Century Gothic", "Lucida Console", Monaco, monospace;*/}



/* taken from original idx.css */
/* covers */
#covers {
	text-align: center;
	min-width: 320px;
	max-width: 100%;
	height: auto;
}
#covers .cvs {
	
/* font-family: "Lucida Console", Monaco, monospace; */
	
	/*font-family: "Century Gothic", "Lucida Console", Monaco, monospace;*/
	
	
	font-size: 0.8em;
	vertical-align: top;
	display: inline-block;
	min-width: 136px;
	width: 23%;
	height: auto;
	margin-bottom: 25px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#covers .cvs img {
	background-color: ghostwhite;
	box-shadow: 8px 8px 15px -5px #666;
	margin-bottom: 10px;
}
#covers .cvs a {
	color: gray;
	font-size: 1.20em;
	line-height: 1.10em;
	font-weight: bold;
	text-decoration: none;	
}
#covers .cvs a:hover {
	color: orange;
}
#covers .cvs a span {}

/* bottom row, covers */
#btmrow {
	text-align: left; 
	width: 89%; 
	height: auto; 
	margin: 0 auto;
}

/* #covers .cvs are additional to those already set in mdqrsNvFt.css */
@media screen and (max-width: 320px) 
	and (orientation : portrait) {          
	#covers .cvs {
		margin: 0px 10px 0px;
		}	
}

@media (max-width: 483px) {
	#covers .cvs {
		margin: 0px 7px 0px;
		}
}					
	
/* REDUCING COVERS and FONT SIZE FOR COVERS */
@media (max-width:750px) {	
		#covers .cvs {
font-size: 0.75em;}
		#covers .cvs a {
font-size: /*80%*/; color: blue;}

/* #covers .cvs a span {
	font-family: "Lucida Console", Monaco, monospace;} */
		
/*#covers .cvs a span {
	font-family: "Century Gothic", "Lucida Console", Monaco, monospace;}*/
		
		#covers .cvs a span {white-space: /*nowrap*/;}
		#covers .cvs a span {display: /*none*/;}
		#covers .cvs {height: 250px;}
		

}

																
/* ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */