html { height: 100%; }
body
	{
	min-height: 99%;  width: 100%;
	margin: 0;
	font-family: Candara, "Trebuchet MS", sans-serif;
	font-size: 90%;
	}
.body2
	{
	height: 100%;  width: 100%;
	}

a:link    { text-decoration: underline; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { margin: 12px 8px 4px 8px;  padding: 0; }
h1 { clear: right;  font-size: 180%;  font-weight: bold;    font-variant: small-caps; }
h2 { clear: right;  font-size: 120%;  font-weight: bold;    border-bottom: 1px solid #000000;  }
h3 { clear: right;  font-size: 105%;  font-weight: normal;  border-bottom: 1px dotted #A0A0A0; }
h4, h5, h6 { font-size: 105%;  font-weight: normal; }

form { margin: 4px auto 8px auto; }
form.inline { display: inline; }

li { padding-left: 0; }

ol, ul { margin: 4px 12px 4px 12px; }

p { margin: 2px 8px 8px 8px;  padding: 0;  text-indent: 40px; }

table { margin: 8px auto 8px auto;  border-collapse: collapse; }


.container1 { height: 95%;  width: 100%;  display: table; }
.container2 { height: 100%;  width: 100%;  display: table-cell;  text-align: center;  vertical-align: middle;  margin: auto 0 auto 0; }

.float-left { float: left; }
.float-center { float: left;  margin-left: auto;  margin-right: auto; }
.float-right { float: right; }
.clear { clear: both; }
.center { margin-left: auto;  margin-right: auto; }

.quote { margin: 1em 10% 0.5em 10%; }
.by-line { margin: 0.5em 10% 1em 20%;  font-style: italic; }
.by-line:before { content: "- "; }


.header { width: 50%;  margin: 5px auto 5px auto;  text-align: center; }
.header h1 { margin-bottom: 2px; }
.header h3 { margin-top: 2px; }

.subtitle { text-align: center; }

.navigation1 { min-width: 20%;  float: left;  margin: 1em 0.5em 0.5em 4%; }
.navigation2, .navigation3, .navigation4 { width: 100%; }
.navigation1 .center { width: 16em;  text-align: center; }
.navigation1 p { text-indent: 0; }
.navigation1 ul { margin: 4px 4px 4px 4px;  padding-left: 1em;  list-style: none; }
.navigation1 ul li { display: inline;  font-weight: normal;  text-indent: 0;  margin-left: 0;  padding-left: 0; }
.navigation1 ul li:after { content: " | "; }

.calendar { width: 13em;  font-size: 90%;  text-align: center;  vertical-align: middle; }
.calendar th { padding: 2px }
.calendar td { padding: 2px }
.calendar .today   { font-weight: bold; }

.main { width: 50%;  margin-left: auto;  margin-right: auto; }

.side1 { float: right;  clear: right;  width: 50%;  margin: -0.5em -12em 1em 0.5em;  font-size: 95%; }
.side1 p { text-indent: 2em; }
.side2, .side3, .side4 { width: 100%; }

.pre-footer { float: right; }
.footer
	{
	height: 2em;
	clear: right; min-width: 25%; margin: 5px auto 5px auto;
	border-top: 1px dotted #A0A0A0;
	font-size: 90%; text-align: center;
	}