/* cat2012.css updated 160716; Thu 23 Aug 2012 02:08:53 PM CDT */


#header {
	/*float: left;	width: 100%;*/
	margin: 2px;

}

#titlepg {
	color: #0E27A9;/*Dark blue, Light blue #55A0F3;*/
	float: left;
	margin: 8px auto;
	/* height: auto;1000px; height: 100%; 	width: 100%; */
	opacity: 1;
	position: relative;
	/*text-align: center;*/
	width: 100%;
	z-index: 3;
}
#titlepg a {color: #0E27A9; }
.titlepgbackground {
	/* Dimensions 1188 × 1588 1188÷951 	 File size 693.95KB */
	background-image: url("./img2012/catalog2_html_m7e3f38ac.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 99% auto;
	/*background-size: 800px auto;  CSS3 */
	background-origin: content-box;
	-webkit-background-origin: content-box; /* Safari */
	/*padding: 4px;*/
	opacity: 0.30;/* 0.0 - 1.0 */
	filter: alpha(opacity=40); /* 0 - 100 For IE8 and earlier */
	position: absolute;
	width: 100%;
	height: 100%;/*80em;*/

	/*z-index: 1;*/
}

#firstpg {
	color: #0E27A9;
	/*float: left;*/
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 100%;
	max-width: 880px;
}

#forewordpg {
	line-height: 150%;
/* 	float: right;	width: 85.425%;		844px / 988px = 0.85425 */
}

#page {
	float: left;
	/*		margin: 40px auto;		padding: 0 1em;
	max-width: 61.75em;		 988px / 16px = 61.75em */
	width: 100%;
}
#footer {
	float: left;
	margin: 48px auto;
	width: 100%;
}
#img6 {width: 98%;}
#img7 {float: right; max-width: 167px;}

.page-break {
	page-break-before: always;
}

.frame0 {
	float: right;
	top: 720px;
}

#frame1 {
	float: right; width: 0.97in; height: 6.05in; border: none; padding: 0in;
	background: #808019
}

.frame-contents {
	color: #000080;
	font-size: 54pt;
	/*	bottom: 1em;	left: 200px;*/
	/* right: 10%;	width: auto;	height: 1.2em;*/
	-moz-transform: rotate(-37deg);
	-ms-transform: rotate(-37deg);
	-webkit-transform: rotate(-37deg);
	transform: rotate(-37deg);
}

.caption {
	clear: both;
	font-family: Georgia;
	font-size: 0.625em;
}

.contents {margin: 0 auto; max-width: 550px;}

.entry {
	float: left;
	width: 100%;
}
.entry h1 {
	margin-bottom: 0.4em;
	margin-top: 1em;
	margin-left: 1em;
}
.entry h2 {
	/* float: right;*/
	margin: 1em 1em 0.40em 2em;
	/* width: 85.425%;		844px / 988px = 0.85425 */
}
.entry .info {
	float: left;
	margin-top: 0.72727em;	/* 8px / 11px = 0.72727em */
	width: 12.551%;		/* 124px / 988px = .12551 */
	min-width: 4em; /* 72 / 988 7.287%*/
}
.entry .content {
	float: right;
	margin-right: 0.5em;
	margin-left: 0.5em;
	/* width: 85.425%;		 844px / 988px = 0.85425 */
}

.entry .content img {
	/*min-width: 99.8%;*/
	/*height: auto;*/
}
.entry .content p {
	max-width: 40em;
}
.entry .content ul {
	margin-top: 2px
}
.entry .content h2 {
	float: left;
}
.entry .main {
	float: left;
	width: 82.938%;	/* 700px / 844px = 0.82938 */
}
.entry .meta {
	float: right;
	width: 14.692%;	/* 124px / 844px = 0.14692 */
	min-width: 6em;
}

h1.hidden {
	/* hides an element, but it will still take up the same space as before.*/
	visibility:hidden;}

h1.none {
	/* hides an element, and it will not take up any space.*/
	display:none;
}

@media screen and (min-width: 40.5em) {
	.entry .content {
		width: 85.425%;		/* 844px / 988px = 0.85425 */
	}
	.titlepgbackgound {
		background-size: 800px 900px;/* CSS3 */
		width: 50em;
		height: 70em;
	}
}

/*div#dummy img {display:none;}*/

/*.meta {
	float: none;
	height: 18em;
	margin: 0 0 0 0;
	width: 100%;
}
*/
q {
	font-size: 1em;
	font-weight: bold;
}

.textleft {
	text-align: left;
}

.txtcentered {
	text-align: center;
}

.title {
	width: 100%;
}

.transf {
	/* -moz-transform: rotate(-37deg) scale(0.75) translate(-46%, -400%); */
	-ms-transform: rotate(-47deg) scale(0.75) skew(-10deg,20deg);
	-o-transform: rotate(-47deg) scale(0.75) skew(-10deg,20deg);
	-webkit-transform: rotate(-47deg) scale(0.75) skew(-10deg,20deg);
	transform: rotate(-47deg) scale(0.75) skew(-10deg,20deg);
	/*transform-origin: right top;*/
}
h1.transf {
	color: #4D4D4D;
	font-size: 4em;
	font-weight: bold;
	margin: 0;
}

.width20 { width: 20%; min-width: 17em;}
/*.width32 { width: 32%; min-width: 17em;}*/
.width50 { width: 50%; min-width: 17em;}

.western {
	font-family: Vendana;
}
.western44 {
	font-family: Vendana;
	font-size: 2.75em;/* 44pt; */
}
.western32 {
	font-family: Vendana;
	font-size: 2.5em;/* 32pt; */
}


/* From cards.css */

.b8tile {
	margin: 10px;
	padding: 8px;
	/* -moz-box-shadow: 0 2px 8px #323232; */
	/* -webkit-box-shadow: 0 2px 8px #323232; */
	box-shadow: 0 2px 8px #323232;/*#E6E6FA;*/
	width: 90.8%;
	height: auto;
}

.cards {
	display: inline;/*block;*/
	/*float: left; 	margin-left: 1%;	margin-right: 1%;	width: 98%;*/
}
.cards ul {
	list-style-type: none;
	padding: 0;
}
.cards li {
	/*background-color: #1a1a1a; #4D4D4D; #E6E6FA; */
	/*border: 1px solid gray;*/
	display: inline-block;/* display: inline; */
	margin: 10px;
	padding: 8px;
	/* -moz-box-shadow: 0 2px 8px #323232; */
	/* -webkit-box-shadow: 0 2px 8px #323232; */
	box-shadow: 0 2px 8px #323232;/*#E6E6FA;*/
	text-align: center;
	vertical-align: top;
}

.cards img {
	border: 0;
	max-width: 1024px;
	/* border: 1px solid #000;1em groove black;*/
	/*background-color: black; */
	/*  float: right; */
	width: 99.8%;
	height: auto;
}
.cards img:hover {
	/*border: 4px solid red;*/
	opacity: 0.20;/* 0.0 - 1.0 */
	filter: alpha(opacity=40); /* 0 - 100 For IE8 and earlier */
}

.centered {
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
}

/* From base.css */

.bhmenu {	/* bottom horizontal box menu for a list */
	/* background-color: green; text-decoration: none; */
	border: 0;
	clear: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 100%;
}
.bhmenu ul {
	border: 0;
	list-style-type: none;	/* we don't want to view the list as a list */
	line-height: 1.5em;	/*	 globally SET the menu's item spacing. */
	/* Note:  line-height must be 1.0 or 1.5 or 2.0 for Mozilla */
	margin: 1px;/*	margin-left: 0; margin-top: 1px; margin-bottom: 0; */
	padding: 8px;/*  0; */
	text-align: center; /* SET to center, left, or right to align as desired*/
}
.bhmenu li {
	display: inline;	/* side-by-side 	margin: 18px 6px;	*/
	display: inline-block;	/* keep from breakup, maintain spacing */
	float: none;/* left; */
	height: 24px;
	margin: 0;
	padding: 8px;
}
.bhmenu a {
	/*border: solid 1px #ffffff;*/
	color: #ffffff;
	/*display: block;*/
	/*margin: 0 4px 6px 4px;*/
	padding: 4px;
	text-decoration: none;
}
.bhmenu a:link,
.bhmenu a:visited {
	color: #ffffff;
}
.bhmenu a:hover {
	background-color: green;	/* #A020F0; */
	color: #ffffff;
	/*border-top-width: 2px;	border-top-color: #ffffff;	border-bottom-color: #00FF00;*/
	/* Stop movement by keeping top padding and border equal to a: */
	padding-bottom: 2px;/*	 Decrease from 4px for a pushup affect. */
	padding-top: 4px;/* Decrease top pad to match border increase. */
}
.bhmenu a:active {
	color: #ffffff;
	/* end bottom horizontal box menu */
}

/* Suppress our whole menu when not an interactive mode */
/*	@media print, projection (when printing, etc.) */
@media print {
	.bhmenu {display: none;}
	/*.entry img {max-width: 75%; height: auto;}*/
	.entry .content {float: none; margin-left: 10%; margin-right: 2%; width: 88%;}
	.cards {max-width: 50%;}
}
.entry .content {float: none; margin-left: 10%; margin-right: 2%; width: 88%;}
.entry .content p {	max-width: 99%;}