body {
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  /*font-size: 80%;*/
  color: black;
  /*background: orange;*/
  /*background: #f0f0f0;*/
  background: #ffffff;
}

div#page {
  /*margin: 20px 30px;*/
  margin: auto;
  width: 800px;
}

div#header {
  font-size: 250%;
  font-weight: bold;
  margin-bottom: 10px;
  color: navy;

}

div#menu {
  margin-top: 20px;
}

div#menu ul {
  list-style: none;
  margin: 0;
  padding: 0px 0px 1px 0px; /* The bottom value seems to be important... */
}

div#content {
  border: 1px solid navy;
}

div#menu ul li {
  border: 1px solid #7777b0;
}

div#menu ul li#selected {
  border-color: navy;
}

div#menu ul li {
  float: left;
  border-bottom-width: 0;
  margin: 0 0em 0 .5em;
  background: #eaeaea;
  color: navy;
}

div#menu ul li a {
  display: block;
  padding: .3em .8em;
  color: #7777b0;
  font-weight: bold;
}

div#menu ul li a:hover {
  color: navy;
  background: #ffffff;
}

div#menu ul li#selected a {
  color: navy;
  background: white;
}

div#menu ul li#selected {
  position: relative;
  top: 1px;
  background: white;
  color: navy;
}

div#content {
  clear: both;
  padding: .5em 2em .5em 2em;
  background: white;
}

div#header a {
  color: navy;
}

div#header a:hover {
  color: navy;
}

div#footer {
  font-size: 70%;
  color: #aaa;
  /*TODOborder-top: 1px solid #ddd;*/
  /*border: 1px solid navy;*/
  margin-top: .5em;
  /*TODOmargin-top: 5em;*/
  /*clear: both;*/
}

div#footer a {
  color: #aaa;
}

div#footer a:hover {
  color: blue;
}

div.address {
  padding-left: 3em;
  margin-top: 1em;
  font-style: italic;
}

span.email {
  font-weight: bold;
  white-space: nowrap;
  /*color: #555;*/
}

span.email span {
  font-weight: normal;
  font-family: monospace, Courier;
  /*font-size: 50%;*/
  margin: 0 .3em;
}

div#footer span.email {
  font-weight: normal;
}

div#footer span.email span {
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
  color: navy;
}

a, a:visited {
  text-decoration: none;
  color: #00c;
}

a:hover {
  color: #55f;
  /*text-decoration: underline;*/
}




td {
  white-space: nowrap;
  vertical-align: top;
}

form {
  display: inline; /* Hmmmmm. Does I need this??? */
}

fieldset {
  /*margin: 1em 0 .5em 0;*/
  margin: 1em 2em .5em 0;
  border: 1px solid navy;
  width: auto;
  padding: 0em .5em;
  background: #fffff8;
  /*float: left;*/
  /*clear: both;*/
  display: inline; /* Hmmmmm. Does I need this??? */
  vertical-align: top; /* Hmmmmm. Does I need this??? */
}

legend {
  font-size: 80%;
  font-weight: bold;
  color: navy;
  border: 1px solid navy;
  padding: .1em .5em;
  background: white;
}

table#calculator td {
	padding: .4em .1em;
}

table#results td.wrapper {
	padding: 0em .2em;
}

table#results td.value, table#results td.valueUserDefined {
	text-align: right;
	padding: 0em .5em;
}

table#results td.unit, table#results td.unitUserDefined {
	text-align: left;
}

table#results td.valueUserDefined, table#results td.unitUserDefined  {
	font-weight: bold;
}

table.targetSplitTimes table td {
	text-align: right;
	padding: .1em .5em;
}

table.targetSplitTimes td {
	/*vertical-align: top;*/
}

table.targetSplitTimes tr.special {
	font-weight: bold;
}

table.targetSplitTimes table.newColumn {
	border-left-width: thin;
	border-left-color: #ddd;
	border-left-style: solid;
}

input.number {
	font-family: monospace, Courier;
	text-align: right;
	font-weight: bold;
}

table#calculator td span.info {
  font-size: 70%;
  color: gray;
}

table#calculator tfoot.copyright td {
  font-size: 70%;
  color: #aaa;
  text-align: right;
  padding: 0em;
}

table#calculator tfoot.copyright td a {
  color: #aaa;
}

em {
  /*color: #060;*/
  /*background: lightyellow;*/
}

div#content li {
  /*padding-top: .2em;*/
  padding-bottom: .8em;
  list-style-type: circle;
}

div#content li li {
  padding-top: .4em;
  padding-bottom: .2em;
  list-style-type: none;
}

div#content li div {
  padding-top: .4em;
  /*padding-bottom: .2em;*/
}

.error {
  color: red;
}

.ok {
  color: green;
}

.message {
  color: #666;
  font-style: italic;
}

span.date {
font-size: 90%;
/*font-style: italic;*/
color: #888;
}

table.configuration th {
  text-align: left;
}

table.configuration th, table.configuration td {
  padding: .2em .3em;
}

select, option {
  font-family: monospace, Courier;
  /*color: #000;
  background-color: #fff;*/
  text-align: left;
  /*font-weight: bold;*/
}

blockquote {
  color: #262;
  padding: 0;
  margin: 1em 3em;
  /*border: 1px solid blue;*/
}

blockquote p {
  margin: 0;
  padding: 0;
}

blockquote blockquote {
  color: #bbb;
  font-size: 80%;
  font-style: italic;
  padding: 0;
  margin: .2em 2em;
}