body {
	background: rgb(251,211,220) url("images/RoseBackground.jpg");
	font-family: "Georgia", serif;
	color: black;
}
div {
	clear: both;
	color: inherit; background: rgb(255,238,232) url("images/ParchmentPink.jpg");
	border: ridge rgb(255,238,233);
	padding: 1.5em; margin: 2em 1em;
}
div.clear { /* Use an empty div at the end of a div block to prevent a floating picture from extending below the div block. */
	border: none; padding: 0; margin: 0;
}
form.Popup {
	display: inline;
}
th,td {
	text-align: left;
	vertical-align: top;
}
td.Columnar  { /* Applies to all but last column of tables whose columns should be well-separated. There are better ways to do this, but IE6 doesn't support them. */
	padding-right: 1.5em;
}
li {
	margin-bottom: .5ex;
}
.LargeSpace li {
	margin-top: 2em;
	margin-bottom: 2em;
}
dl dt {
	font-weight: bold;
	margin-top: 1em;
}	
h1, h2, h3 {
	color: maroon;
}
h1, .HeaderVerse {
	font: bold 300% "French Script MT", "Monotype Corsiva", "Lucida Calligraphy", "Old English Text MT", serif;
	text-align: center;
	background: rgb(255,240,207) url("images/Parchment.jpg");
	border: ridge rgb(255,231,228);
	padding: .2em;
	margin: .5em 3em 1em;
}
h1 small, h2 small {
	display: block;
	font-weight: normal;
}
h1.Inset {
	background: none;
	border: none;
	margin: .5em;
}
h2, h3 {
	font: italic normal 140% "Georgia" , serif;
	margin-top: 0em; /* We turn the margin off so that the heading abuts the container's padding. Ideally, we would only turn it off for first-child; however IE6's handling of first-child is buggy. TODO: Work around the problem again with the FirstChild class. */
}
h3 {
	font-size: 120%;
	margin-top: 1.5em;
}
p {
	text-align: justify;
}
table .FirstChild {
	margin-top: 0;
}
img {
	vertical-align: middle;
	border: none;
	margin: 1em;
}
img.Photo, .Photo img {
	border: outset rgb(182,189,192);
}
img.Inline, .PhotoDirections div img {
	float: right;
	margin: 0 0 1ex 1.5em;
}
.PhotoDirections div {
	min-width: 780px;
}
table.Spaced tr
{
	padding-top: .5em;
	padding-bottom: .5em;
}
a:link {
	color: #C00000; background: none;
	text-decoration: none;
}
a:visited {
	color: maroon; background: none;
	text-decoration: none;
}
a:hover, a img:hover {
	background: #FFCC66;
}
a:active, a img:active {
	color: black;
	background-color: rgb(219, 112, 147);
}
.Opening {
	font: 110% "Book Antiqua", "Times New Roman", serif;
	color: rgb(146,65,89);
	margin-bottom: 1.5em;
}
.Contents li {
	font-family: "Verdana", sans-serif;
	line-height: 150%
}
div.NavFooter {
	border: none;
	padding: 1em;
	margin: 1em;
	background: none !important;
	text-align: center;
	line-height: 3em;
}
.NavFooter span {
	border: thin solid #ccccaa;
	background: #ffffcc;
	text-align: center;
	padding: 1ex;
}
.Instructions table {
	border: solid thin black;
}
.Instructions th, .Instructions td {
	padding: 0 1ex;
}
.NextPage {
	text-align: right;
}
.Supplementary {
	margin-top: 5em;
	text-align: center;
	font-size: x-small;
}
.SpacedList li, li.SpacedList {
	margin-bottom: 1em;
}
.Tip 
{
	margin-top: 1em;
	font-style: italic;
}
.Footnote {
	margin-top: 3em;
	margin-bottom: 0;
	font-size: smaller;
	text-align: left;
	color: Navy;
}
.LastUpdate {
	text-align: center;
	color: Navy;
}

/* Table of contents */
col.Contents {
	width: 15em;
}
td.Contents {
	text-align: center;
}
.Contents div {
	text-align: left;
	background: rgb(219,234,243) url("images/Parchment.jpg");
	padding: 1em; margin-left: .5em;
}
.Contents img.Inline {
	margin: 3em 0;
	float: none;
}

/* Adoption */
.Adoption h1 small {
	font-size: 50%;
	font-weight: normal;
	color: rgb(166,85,109);
}
.Adoption .Photo {
	text-align: center;
}

/* Photo albums */
.Album table {
	display: inline;
}
.Album div, .Album p {
	text-align: center;
}
.Album table.Contents a {
	display: block;
}
.Album .Story p {
	text-align: left;
}
.Album .Secondary {  /* Used for a second picture within a border. */
	margin-top: 3em;
}
.Album div img {  /* Implicitly treat all images as photos */
	border: outset rgb(182,189,192);
}
.Album h1 img {
	position: absolute;
	left: 20px;
}
.Album .Logo img {
	float: right;
}

/* Resume */
body.Resume.Conservative {
	color: black; background: white;
}
.Resume table {
	width: 90%;
}
.Resume table table, .Resume.Conservative table {
	width: 100%;
}
.Resume table.Section {
	border-top: thin solid gray;
	margin-bottom: 1.5em;
}
.Resume table.Section td {
	padding: .8ex;
}
.Resume table.Section table td {
	padding: .3ex;
}
.Resume caption { /* Partitions */
	caption-side: top;
	text-align: left;
	font: bold 120% "Century Schoolbook", "Bookman Old Style", serif;
	color: navy; background: none;
}
.Resume h1 {
	font: bold 150% "Georgia", serif;
}
.Resume h4 { /* Job Titles */
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	margin-bottom: .3em;
}
.Resume .Date {
	text-align: right;
}
.Resume p {
	margin-top: 0;
	margin-bottom: 1ex;
}
.Resume .Organization {
	width: 30%;
	font-weight: bold;
	font-size: 100%;
}
.Resume dfn { /* Dates */
	display: block;
	margin-top: .5ex;
	font-style: normal;  /* Should be able to use "font: inherit" here and then override the weight, but IE5 doesn't seem to handle inherit correctly. */
	font-weight: normal;
}
.Resume .Category {
	width: 30%;
	font-style: italic;
}

/* Songs */
.Songs div img {
	float: right;
}

/* Lyrics */
.Lyrics h2 {
	text-align: center;
}
.Lyrics table {
	margin-left: auto; /* Center the lyrics */
	margin-right: auto;
}
.Lyrics .Freestyle p {
	text-indent: 2em;
	text-align: left;
}
.Lyrics .Stanza p {
	text-align: center;
	margin: 0 0 0 2em; /* Set up a hanging indent, in case of a line wrapping to two. */
	text-indent: -2em;
}
body.Lyrics {
	color: black; background: white url("images/WavyStaff.gif");
}
body.Lyrics h1 {
	font: normal 160% "Monotype Corsiva", serif;
	margin: auto; background: none; border: none;
}
.Lyrics td {
	margin: 1em auto;
}

/* Frisbee */
body.Frisbee {
	color: inherit; background: rgb(159,199,221) url("images/Sky.gif");
}
.Frisbee div {
	color: inherit; background: rgb(219,234,243) url("images/ParchmentBlue.jpg");
}
.Frisbee .list {
	font-family: "Verdana", sans-serif;
	color: black; background: white;
}
.Frisbee .list table {width: 100%;}
.Frisbee td {padding: .5ex;}
.Frisbee .name {width: 30%;}
.Frisbee .message {width: 70%;}
.Frisbee .refresh {
	position: absolute;
	top: 2em;
	right: 2em;
}

/* Style overrides for printing */
@media print {
	h1, body div { /* > */
		margin: auto;
		border: none;
		background: none;
		page-break-inside: avoid;
	}
	.Album div {
		page-break-before: always; /* This is here since IE5 does a bad job with page-break-inside:avoid. */
	}
	*:link, *:visited {
		color: black; background: none;
		text-decoration: none;
	}
	.NavFooter {
		display: none;
	}
	.Resume h1 {
		background: none;
		border: none;
	}
}