.index-column
{
	background-color: transparent;
	position: absolute;
	width: 200px;
	/*height: 480px;*/	/*this is an attempt to insure that the whole bkgnd image can be seen*/
						/*but no effect in any browser*/
}

.index-top, .index-middle, .index-bottom
{
	background-color: transparent;
}

.index-top 
{
	position: absolute;
	top: 10px;
	left: 20px;
}

.index-middle 
{
	position: absolute;
	top: 140px;
	left: 20px;
}

.index-bottom 
{
	position: absolute;
	top: 390px;
	left: 25px;
	width: 160px;
	text-align: center;
}


.content-column
{
	background-color: transparent;
	position: absolute;
	left: 220px;
	/*top: 20px;*/				/*I should be able to do this with content*/
	margin-right: 20px;
	/*margin-bottom: 20px;*/	/*Doesn't work in any of the browsers. No reference?*/
	/*margin-top:0px;*/			/*I'll add to content instead*/
	/*height: 100%;*/			/*Percentage has some subtle effect, but very little*/
}

.content-cell 
{
	/*margin-top: 15px;*/
	/*position: relative;*/		/*No effect in any browser*/
	
	background-image: url('../site_images/screen_50.gif');
	background-repeat: repeat;
	border: 1px #88661E solid; 
	padding: 20px;
	margin-bottom: 20px;

	/*min-height: 98px;*/		/*no support in IE, but NS and OP do.*/
}

.picture-key
{
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.thumbnails-cell
{
	margin-top: 20px;
	/*position: relative;*/		/*No effect in any browser*/
	/*margin-bottom: 15px;*/	/*Better than this is to have each element have a bottom margin*/
								/*so they are spaced correctly when they wrap*/
	text-align: right;			/*this is the key, instead of trying to float individual elements*/
}

.thumbnail
{
	/*position: relative;*/		/*No effect in any browser*/
	/*float: right;*/			/*makes perfect in NS, behind content in IE*/
	margin-left: 15px;
	margin-bottom: 15px; 
}

.nav-text
{
	text-align: center;
	bottom: 0px;
	padding-top: 40px;
}

.nav-button 
{
	width: 150px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
}