/* big container */
	#body {
		margin:.1em;
		padding:0;
		border:0;	    	/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		font-family:  Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;
		font-size: 100%;  
  	
		letter-spacing: 1.5;
	}
	
    h1.showimage {
		margin:.8em 0 .2em 0;
		padding:0;
		font-size: smaller;
	}

	/* social media buttons */
	.buttons {
		position: relative;
		right: 1em;
		left: 1em;
		top: .5em;
		max-width: 85%;
		margin: 1%;
	}
	
	.box {
		clear:both;
		border:1px solid #999;
		margin:2% 0% 2% 0%;
		padding:12px 12px !important;
		text-align:left;
	}
	/* menu img cols */	  

	.micol {
		float: left;
		min-width:100px;
		max-width:170px;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		font-size: 90%;
		padding: .05em;
	}
	
	.dicol {
		float: left;
		min-width:350px;
		max-width:45%;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		font-size: 90%;
		padding: .05em;
	}
	
	.calendar {
		float: left;
		width: 400px;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		font-size: 90%;
		padding: .05em;
	}
	
	.ficol {
		float: left;
		min-width:360px;
		max-width:100%;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		font-size: 90%;
		padding: .05em;
	}
	
	.centerimg {
		min-width:300px;
		max-width: 100%;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0 6px 6px 6px;  
		padding: 5px;  
		float: center;
	}

	.centerimg4 {
		min-width:300px;
		max-width: 400px;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0 6px 6px 6px;  
		padding: 5px;  
		float: center;
	}

    .marginimage {
	width:140px;
	height:160px;
    border: 1px outset rgb(28, 36, 28);  
	margin: 0 6px 6px 6px;  
	padding: 5px;
	}

	
     .catalog {
		clear:both;
		border:1px solid #999;
		margin:2% 0% 2% 0%;
		padding:12px 12px !important;
		text-align:left;
		font-variant: small-caps;
	}
	.imgwrapper {
		margin: 2em 2em;
	}
		
	.logo {
		min-width:320 px;
		max-width: 380 px;
		height: auto;
		border: 0px outset rgb(28, 36, 28);  
		margin: 0px 0px 10px 2em;  
		padding: 5px;  
		float: center;
	}

	.blocked {
		position:inline;
		clear:both;
		float:center;
		width:80%;	
		margin: auto;
		overflow:hidden;	
	}
	
	
	.wide { 
    	clear:both;
		float:left;
		width:100%;
		margin: 0 auto;
	}

	
	.leftimg {
		min-width:250 px;
		max-width: 90%;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 2em 10px 0em;  
		padding: 5px;  
		float: left;
	}
	.rightimg {
		min-width:250 px;
		max-width: 90%;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 0px 10px 2em;  
		padding: 5px;  
		float: right;
	}

	.wrapleft {
		width:250px;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 2em 10px 0em;  
		padding: 5px;  
		float: left;
	}
	.wrapright {
		width:250px;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 0px 10px 2em;  
		padding: 5px;  
		float: right;
	}

	.smallimg {
		max-width: 250px;
	}
	
		.rowimage {
		height: 140px;
		width: auto;
		max-width: 320px;
		border: 1px outset rgb(28, 36, 28);
		margin: 4px; 
		padding: 3px;
	}

	.rowimagewide {
		height: auto;
		max-width: 250px;
		border: 1px outset rgb(28, 36, 28);
		margin: 4px; 
		padding: 3px;
	}
		
	.rowimagetall {
		width: auto;
		max-height: 320px;
		border: 1px outset rgb(28, 36, 28);
		margin: 4px; 
		padding: 3px;
	}


  .calimage {
		width:250px;
		height: auto;
		max-width: 250px;
		border: 1px outset rgb(28, 36, 28);
		margin: 4px; 
		padding: 3px;
	}

	.rowimagetall {
		width: auto;
		max-height: 320px;
		border: 1px outset rgb(28, 36, 28);
		margin: 4px; 
		padding: 3px;
	}

	.columbine {
		min-height: 96px;
		background-image: url("http://www.williammorristile.com/tile/columbine_tiles.jpg");
	}

	.fish {
		min-height: 96px;
		background-image: url("http://www.williammorristile.com/demorgan/demorgan_fish_set_of_8.jpg");
	}

	.birds {
		height: 96px;
		background-image: url("http://www.williammorristile.com/blue_and_white/red_house_birds_for_header.jpg");
	}

	.illuminated {
		height: 100%;
		background-image: url("http://www.artpassions.net/sitemap/illuminated.jpg");
	}
	
    .tinyscroll {
        width: 21px;
        border: 0;
        margin: 4px;
        padding: 0 1px 0 0;
        vertical-align: text-top;
    }
  
  	.rightsidebar {
		max-width: 525px;
		border:1px solid #999;
		margin:5% 2% 4% 0%;
		padding:22px 8px !important;
		text-align:left;
	}


	.leftimghard {
		width: auto;
		max-height: 500px;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 2em 10px 0em;  
		padding: 5px;  
		float: left;
	}
	.rightimghard {
		width: auto;
		max-height: 500px;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 0px 10px 2em;  
		padding: 5px;  
		float: right;
	}


	.smallimg {
		max-width: 250px;
	}

  .left {
     float: left;
  	margin: 0px 2em 10px 0em;  
		padding: 5px;  
  }
  
  
  .right {
     float: right;
 	margin: 0px 0px 10px 2em;  
		padding: 5px;  
  }

.rightbox {
		min-width:250px;
		max-width: 525px;
    text-align: left;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 0px 10px 2em;  
		padding: 2em 2em 2em 2em;  
		float: right;
	}

.leftbox {
		min-width:250px;
		max-width: 525px;
		height: auto;
    text-align: left;
    border: 1px outset rgb(28, 36, 28);  
		margin: 0px 2em 10px 0em;  
		padding: 2em 2em 2em 2dm;  
		float: left;
	}

.imagebox {
		min-width:250px;
		max-width: 65%;
		height: auto;
    text-align: left;
    border: 1px outset rgb(28, 36, 28);  
		margin: 0px 2em 10px 0em;  
		padding: 2em 2em 2em 2dm;  
		float: left;
	}
 
		.picture {
		color:#005544;
		font-weight:normal;
    text-decoration:none;
		font-size: 95%;  
  		letter-spacing: .04em;
		
	}

  
	.colimage {
		min-width:300px;
		max-width:45%;
		border: 1px outset rgb(28, 36, 28);
		margin: 4px; 
		padding: 3px;
	}


	.noborder {
		height: auto;
		max-width: 45%;
		border: none;
		margin: 3px; 
		padding: 3px;
	}


	.fixed200 {
		height: 200px;
		max-width: 200px;
		border: 1px outset rgb(28, 36, 28);
		margin: 3px; 
		padding: 3px;
	}

  
	.borderimg {
		min-width:350 px;
		max-width: 90%;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 0px 10px 2em;  
		padding: 5px;  
		float: center;
	}
	.centered {
		text-align: center;
		display: block;
	}
	.cinderella {
		min-height: 96px;
		background-image: url("http://www.artpassions.net/art/cinderella_heading_cover.jpg");
	}
	
    .segur {
		min-height: 96px;
		background-image: url("http://www.artpassions.net/art/adrienne_segur_heading.jpg");
	}