body, html { 
		color: #000; 
		background-color: #b9b8b8; 
		margin: 0; 
		padding: 1px 3px 2px 2px; 
		font-size: 101%;
		}
		
br.both { 
		clear: both; 
		height: 0; 
		}
		
/*clears floats*/
		
.clearing {
	height: 0;
	clear: both; }
		
div#page {  
		color: #000083;  /* needed to validate without warnings */
		background-color: #fff; 
		margin: 0 auto; 
		padding: 0; 
		min-width: 555px; 
		max-width: 1200px;  /* change to 1200px when production */
		width: 100%; 
		text-align: left; 
		border-color: #666; 
		border-style: double; 
		border-width: 3px 1px; 
		}
 		
div#header { 
		color: #000080;  /* needed to validate without warnings */
		background-color: #edebd5; 
		background-image: url(../logo.gif); 
		background-repeat: no-repeat; 
		background-position: left top; 
		width: 100%; 
		height: 85px; 
		padding: 0; 
		border-top: 1px solid #666; 
		border-bottom: 3px double #666; 
		border-right-color: #666; 
		border-right-width: 1px; 
		border-left-color: #666; 
		border-left-width: 1px; 
		}
		
div#wrapper { 
		margin: 0 auto; 
		padding: 0; 
		width: 100%; 
		}
		
div#container { background-image: url(columnback.gif); background-repeat: repeat-y; background-position: right top; 
		/* position: relative;  in lynne */
		float: left; margin: 0 -144px 0 0; padding: 0; width: 100%; }
		
div#content { 
		position: relative;
		/*z-index: 20;*/
		overflow: hidden;
		margin: 0 144px 0 0; 
		padding: 0;
		/*padding: 10px 25px 20px 15px;*/
		border-right: 1px solid #666;
		}
		
div#sidebar { 
		position: relative;
		/*z-index: 60;*/
		float: right; 
		width: 144px; 
		color: #000080; /* needed to validate without warnings */
		background-color: #edebd5; 
		margin: 0 0 0 -6px; 
		padding: 0; 
		border-left: 1px solid #666; 
		border-top-color: #666;
		border-right-color: #666;
		border-bottom-color: #666;
		}
		
div#navcontent { 
		position: relative;
		/*z-index: 80;*/
		float: left; padding: 0 0 0 0.3em;
		/*padding-left: 7px;*/
		}
		
div#footer { 
		text-align: left; 
		width: 100%; 
		padding-top: 5px; 
		padding-right: 0; 
		padding-bottom: 5px; 
		border-top: 3px double #666; 
		border-bottom: 1px solid #666; 
		border-right-color: #666; 
		border-left-color: #666; 
		}

div#header img {
	float: right;
	margin: 0;
	padding: 0;
	border-width: 0; }
		
div#header .museumlogo { 
		display: none;
		}

div#content div.styledimage { 
		overflow: auto; 
		width: 100%;
		}


img, iframe { 
		border: solid 1px black;  
		margin: 1.5em 0 1.5em 12px; 
		/*padding: 1.0em 0 1.0em 0;*/
		overflow: auto ;
		}
		
object { 
		
		margin: 1.5em 0 1.5em 12px; 
		/*padding: 1.0em 0 1.0em 0;*/
		overflow: auto ;
		}
		
img.c {
		overflow: hidden;
		}
img.bugimage { float: right; margin-top: -1em; padding: 0; border-style: none; }	
	
img.thumblink {  /* used to make image link - content lists */
		float: left;
		margin: 1em 2em 1.5em 20px;
		border: solid 3px blue;
		}
a.leftlink { /* used to make left link - content lists */
		float: left;
		min-width: 7em;
		margin: 1.1em 2em 1.5em 20px; 
		}
	
a.leftlink +p {  /*usedd to make link - contents lists*/
		left: 10em;
	 	}
		
.left-element {
   		float: left;
   		width: 10%;
		padding: 20px 0px 0px 50px;
   		}

.right-element {
		float: right;
		width: 10%;
		padding: 20px 150px 0px 0px;
		text-align: right; /* depends on element width */
  		} 
	 	
img.titleimage { top: 43px; left: 264pt; border-style: none; }