body {
	margin:36pt auto 0pt auto;  /* TRBL */
	padding: 0pt 1em 0pt 1em;
	min-width: 65em;
	max-width: 70em;
	font-family: "Gill Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;

}

/**************** main layout block definitions ************************/

/* an optional banner which spans the columns */
div#banner {
	margin: 20px 0px 20px 0px; /* TRBL */
	background:#fff;
}

/* unused banner heading customization */
/* #banner h1 { margin:0px; padding:10px; } */

/* Define the generic column block element.  The columns must be set
   to take up 100% of the body width, no more, with margins of 0 to
   control the width exactly.  The top and bottom margins could be
   adjusted if needed. */

div.column {
	float:left;
	margin:  0pt 0pt 0pt 0pt;
	padding: 0pt 0pt 0pt 0pt;
}

/* customize div.column for the each column width */
div#column1.column  { width:30%; }
div#column2.column  { width:50%; }
div#column3.column  { width:20%; }

/***************** generic formatting ***********************************/
p,h1,pre {
	margin: 0pt 0em 0pt 0em;
}

/* link colors */
A:link 	  { color: #000020;}
A:visited { color: #002000;}
A:active  { color: red; }


/* a heading normally used for the work title */
h1 {
	font-size:36px;
	font-weight: normal;
	margin: 10pt 0em 0pt 0em;
}

/* typically right below the h1 work title, often for materials and date */
p.subtitle {
	font-size: 16pt;
	margin: 0pt 0em 12pt 0em;
}	

/* typically right below the h1 work title, for artist name */
p.artist {
	font-size: 18pt;
	padding-bottom: 24pt;	 

}	

/* set of words used as link anchors */
p.linkwords {
	line-height: 1.5em;  /* space them out to be easier to select */
	font-size: 16pt;
}	

/* container for the main text paragraphs */
div.statement {
	margin: 0pt 2em 0pt 0em;
}	    
div.statement p {
	padding-bottom: 10pt; /* gentle line break in paragraph formatted text */
}

/****************** image float formatting *********************************/

/* A block element to contain images which will be stacked up; this allows the images to 
   float left or right and stack up horizontally, but will clear the float on the next set.
   An empty paragraph or other float-clearing element should be used to end the stack. */
p.imagestack {
	clear: both;
}

/* left-floating images */
img.flushleft {
	margin:  0px 0px 30px 0px; /* TRBL */
	padding: 0px 0px  0px 0px; /* TRBL */
	float: left;
}

/* centered images */
img.centered {
	margin:  0px auto 30px auto; /* TRBL */
	padding: 0px 0px  0px 0px; /* TRBL */
	display: block; /* treat this image as a block element so the margin properties apply */
}

/* right-floating images */
img.flushright {
	margin:  0px 0px 30px 0px; /* TRBL */
	padding: 0px 0px  0px 0px; /* TRBL */
	float: right;
}

/* the logo which is placed to float to the bottom right of the body */
p#logo {
	position: relative;
	bottom: 64px;
	float: right;
	height: 0pt; /* pretend it has no height so no space will be reserved */

}

/* similar, a menu which is floated to the bottom of the right side */
p#rbmenu {
	position: relative;
	bottom: 200px;
	padding: 0pt 0pt 0pt 0pt;
	margin:  0pt 0pt 0pt 0pt;
	float: right;
	text-align:right;
	height: 0pt; /* pretend it has no height so no space will be reserved */

}
p.photocredit {
	font-size: 50%;
	font-family: sans-serif;
	clear:both;
	float:right;
	position: relative;
	top: -20pt;
	height: 0pt;
}