/* CSS - pics.css */


img.maxwidth_of_2col {
  border-style: solid;
  border-width: 1px;
  border-color: #898;
  margin: 10px 20px 10px 20px;
  width: 910px;
  height: auto;
  box-shadow: -4px -4px 6px #ccc;
}

img.maxwidth {
  border-style: solid;
  border-width: 1px;
  border-color: #004000;
  margin: 10px 20px 10px 20px;
  width: 578px;
  height: auto;
  box-shadow: -4px -4px 6px #ccc;
}

img.picright {
  float: right;
  border-style: solid;
  border-width: 2px;
  border-color: #004000;
  margin: 34px 10px 10px 10px;
  height: auto;
  box-shadow: -4px -4px 6px #ccc;
}

/* Image */

	.image {
		border-width: 2em;
		margin: 5em,5em, 5em,5em;
		/*display: inline-block;*/
		position: relative;
		z-index: 0;
	}

		.image img {
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			margin: 0rem 1rem 2rem 1rem;
			top: 0.25rem;
		}

		.image.right {
			float: right;
			margin: 0rem 1rem 2rem 1rem;
			top: 0.25rem;
		}

		.image.fit {
			display: block;
			margin: 0rem 1rem 2rem 1rem;
			max-width: 100%;
			float: center;
			height:auto;
		}

			.image.fit img {
				/*width: 100%;*/
				max-height: 100%;  
    			max-width: 100%; 
    			width: 100%;
    			height: auto;
   			 	top: 0;  
    			bottom: 0;  
    			left: 0;  
    			right: 0;  
    			margin: auto;
			}

		.image.main {
			display: block;
			margin: 0 0 3rem 0;
			width: 100%;
		}

			.image.main img {
				width: 100% !important;
			}