body {
  margin: 0px;
  padding : 0px;
  font-family: segoe ui, sans-serif;
  font-size: 11pt;
}

/* Panes */

.titlePane {
  margin: 0px;
  height: 120px;
  border: none;
  padding: 0em;
  /*background: #5599dd; */
  background-image: url('images/vsgradient.png');
  background-repeat: repeat-x;
  font-weight: normal;
  font-size: 250%;
  vertical-align: middle;
  overflow: hidden;
}

.titleText {
	margin-left: 0.5em;
}

.menuPane {
  width: 15em;
  background: #bbddff;
  padding: 0.25em;
}

.contentPane {
  padding: 0.75em;
}

/* Content */

.invalid {
	color: red;
}

.block {
	margin: 1.0em;
	/*
	border-style: solid;
	border-width: thin;
	border-color: gray;
	*/
	border: thin solid gray;
	/* background: #11CCFF; */
	background: #bbddff;
	/* background: lightsteelblue; */
	padding: 1.0em;
}

h4 
{
	margin: 0.1em 0 0.9em 0
}

div.nav1 {
  background: steelblue;
  padding: 0.1em;
  font-weight: bold;
}

a.nav1 {
  color: black;
  text-decoration: none;
}

div.nav2 {
  background: lightsteelblue;
  padding: 0.1em;
  padding-left: 1.0em;
  font-weight: normal;
}

a.nav2 {
  color: black;
  text-decoration: none;
}

div.area {
	background: aquamarine;
	padding: 0.25em;
	border: solid 1px gray;
	margin: 0.25em;
	float: left;
}

.input 
{
	/*
	border-style: solid;
	border-width: 2px;
	border-color: #333366; */
	/* border-color: #FFAA66; */
}

.center 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

button {
	padding: 0;
	font-size: small;
}

/* layout tables */

table.layout {
	margin: 0px;
	border: none;
	border-collapse: collapse;
}

table.layout tr td {
	margin: 0px;
	border: none;
}

/* content tables */

table.content {
	border: none;
	border-collapse: collapse;
}

table.content tr td {
	border: thin solid gray;
	padding: 0.2em;
}

table.content tr th {
	text-align: left;
	border: thin solid gray;
	padding: 0.2em;
	font-weight: bold;
}