/* cards.css gene dumas at sbcglobal dot net */
/* 2011C10 */

.heading {
	color: #0080ff;
	font-family: arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	text-align: center;
}

.myimg {
	border: 1em groove black;
	/*background-color: black; */
	/*  float: right; */
	height: auto;
	max-width: 1024px;
	width: 98%;
}

div .tile {
	/*border: 1px solid #E6E6FA;#0000ff red;*/
	-moz-box-shadow: 0 2px 8px #E6E6FA;/* #323232;*/
	-webkit-box-shadow: 0 2px 8px #E6E6FA;/* #323232;*/
	box-shadow: 0 2px 8px #E6E6FA;/* #323232;*/
	/*height: auto;*/
	margin: 4px 8px;
	padding: 8px;
	/*width: auto; Must be auto for img inline display.
	auto resizes block applied to; */
	/*float: left;	text-align: center;*/
}
div .tile img {
	display: inline;
	margin: 3px;
	border: 1px solid #ffffff;
}
div .tile a:hover img {
	border: 1px solid #0000ff;
}


.cards {
	display: inline;
	/*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 #E6E6FA;
	text-align: center;
	vertical-align: top;
}
.cards li a {
	text-decoration: none;
}
.cards li img a {
	text-decoration: none;
}
.desc {
	font-size: .8em;
	/*font-weight: bold;*/
	width: 180px;/* */
	margin: 2px;
	text-align: center;
}
.cards img {
	border: 0;
	width: auto;
	height: auto;
	max-width: 1024px;
}
.cards img:hover {
	/*border: 4px solid red;*/
	opacity: 0.2;/* 0.0 - 1.0 */
	filter: alpha(opacity=40); /* 0 - 100 For IE8 and earlier */
	filter: alpha(opacity=100);/*  For IE8 and earlier */
}
.hide.hidden {
	visibility: hidden;
/* h1, div block elements still take up the same space as before.
 The element will be hidden, but still affect the layout. */
}
.remove.hidden {
	display: none;
/* Element will not take up any space. The element will be hidden,
 and the page will be displayed as the element is not there */
}
.centered {
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
}
.clearbg {
	background-image: url('imgspn/spacer.gif');
	background-repeat: repeat;
	z-index: 11;
}
.clearleft { clear: left; }

#sect01 {
	/*border: 1px solid #000;*/
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
#sect02 {
	clear: left;
	margin-bottom: 10px;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 10px;
	width: 90%;
}
.darkblue {
	color: #336699;
	font-family: sans-serif, Verdana, Arial, Helvetica;
}
.warning { color: #ff9999; }

/* eof */