html,body {
	background-color: #ffe5b4;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11pt;
}

h2 {
	font-family: arial, sans-serif;
	font-size: 20pt;
	margin-top: 5px;
	margin-bottom: 15px;
}

/* general links in content */
a {
	font-family: arial, sans-serif;
}

/* main curved side-border links */
div.MainLink {
	/*border:solid 1px black;  /* for positioning help */
	display: block;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin: 0px;
	text-align: right;
}
#c-home {top:110px; width:237px;}
#c-about {top:140px; width:209px;}
#c-family {top:170px; width:188px;}
#c-downloads {top:200px; width:171px;}
#c-happenings {top:230px; width:157px;}
#c-unused1 {top:260px; width:141px;}  /* if submenus, set width to 147px */
#c-unused2 {top:290px; width:132px;}  /* if submenus, set width to 138px */
#c-unused3 {top:320px; width:125px;}  /* if submenus, set width to 131px */

div.MainLink a {
	/*border:solid 1px blue;  /* for positioning help */
	padding: 0px;
	margin: 0px;
	font-family: times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 18pt;
	color: #0000ff;
	white-space: nowrap;
	text-decoration: none;
}
div.MainLink a:visited {color: #0000ff;}
div.MainLink a:hover {color: #6060ff;}

/* main content div that helps size everything else */
#content-area {
	min-height: 100%;
	position: relative;
}

/* banner, sidebar and corner curves */
#banner {
	position: absolute;
	width: 100%;
	height: 100px;
	background-image: url('img/banner.png');
	background-position: 0px 0px;
	/* either make the banner image exactly 100px high, or set to only repeat-x */
	/*background-repeat: repeat-x;*/
}
#sidebar {
	position: absolute;
	width: 100px;
	height: 100%;
	background-image: url('img/sidebar.png');
	background-position: 0px 0px;
	/* either make the sidebar image exactly 100px wide, or set to only repeat-y */
	/*background-repeat: repeat-y;*/
}
#corner-curve {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	/* to curve into banner and sidebar, 300x500 with transparent oval quadrant, oval center at lower-right corner of image, size 400x800 */
	/* or do a slash style image which will cut through banner and sidebar at an angle */
	background-image: url('img/corner_curve.png');
	background-repeat: no-repeat;
}

/* content sections supporting banner and footer */
#banner-spacer {
	height: 100px;
}
#content {
	position: relative;
	padding-top: 10px;
	padding-bottom: 85px;
	margin-left: 120px;  /* must be massaged by content to avoid corner curve */
	margin-right: 20px;
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 75px;
	padding-top: 10px;
	text-align: center;
	white-space: nowrap;
}