body { /* background colors so far: #f7f2e3  #efe6c7 */ 
	background: #efe6c7 /* should not be the same as .containedText */;
	/* padding:2px; */
	font: 12pt 'Trebuchet MS', Helvetica, Arial, sans-serif;
	vertical-align:middle;
	text-align:center; /* centers our main table */
}

sup {font-size:80%;}

.siteHeading {font-variant:small-caps; letter-spacing: 0px; font-size:200%; text-align:left; font-family:Times New Roman, Times Roman, serif; padding:0px; margin:0px;}
.siteSubHeading, .invitation {font-variant:small-caps; font-size:76%; text-align:left;}
.invitation {color:red;}

/* This is to align the content within the window. */
.bodyContent {width:100%; height:75%;}

table.main, .mainContainer, .menuContainer, .textContainer, .subContentContainer , .menuItem, .menuItemHover {border:0px;}
table.main, .mainContainer, .menuContainer {width:720px; padding:0px;}
table.main { margin: 0px; background-color:#efe6c7}

.mainContainer, .menuContainer {background-color:white;}
.mainContainer	{height: 360px;} /* mainContainer holds menuContainer along with textContainer and subContentContainer */
.menuContainer	{height: 20px; margin:0px;} /* see menuItem (including menuSelection) stuff, below. */
tr.pageMenu {margin:0; padding:0;}

.textContainer, .subContentContainer {
	/* Create images of these dimensions */
	width:357px;
	height:336px; /* height = mainContainer - menuContainer - (2px above) - (2px below) */
	padding:0px;
	background-color: #fbeec6 none;
}
.textContainer		{
	float:left; margin:1px 0px 0px 2px;
}
.subContentContainer	{
	float:right; margin:1px 2px 0px 0px;
	text-align:center; vertical-align:middle; overflow:hidden;
}
.subContentIFrame { position:relative; top:-31px; left:-2px; overflow:hidden; }

.containedText, .subContentText {background: none; font-size:8pt; margin:8px; text-align:left; position:absolute; left:0px; top:0px; float:left;}
.containedText {background-color:#fbeec6;}
.subContentText {background-color:#fffaec;margin:0px; padding:1em;}
.compactText {font-size:8pt; line-height:10pt; margin-top:-0.2em;}
img.containedImage {vertical-align:middle; text-align:center; padding: -2px; }
.subContentHeading {font-weight:bold; margin-top:8px; margin-bottom:0px; overflow:hidden;}
.subContentImageTitle {color:white; font-weight:bold; font-size:8pt; text-align:right; vertical-align:bottom;}

/* set item width to 1/5th (20%) of .menuContainer (above) */ 
.menuItem, .menuItemHover, .menuSelection {width: 20%; height:18px; clear:both; text-align:center; font-size:70%; cursor:pointer;}
.menuItem {background-color:lightslategray; color:#cccccc;}
.menuItemHover {background-color:lightcyan;}
.menuSelection {background-color:lightblue;}