body {
  background: #E6FFE6;
  color: black;
  font-family: calibri, verdana, helvetica, arial, sans-serif;
  margin: 0.1cm auto 0 auto ;
  width: 750px;
}

#nav {
  text-align: center;
  margin: 10px auto;
  padding: 6px 0;
  width: 800px;
  background: #E6A173;
  font-size: 80%;
}

#nav li {
  display: inline;
}

#nav li a, #submenu li a {
  margin: 0 10px;
  padding: 0 5px;
  border-left: solid thin #A60C00;
  border-right: solid thin #A60C00;
}

#submenu {
  background: #E6A173;
  text-align: center;
  margin: 12px 0;
  padding: 5px 0;
}

#submenu li {
  display: inline;
  background: #E6A173;
  padding: 2px 8px;
  margin: 1px 22px;
}

p {
  text-align: justify;
  font-size: smaller;
}

h1 {
  font-weight: bold;
  font-size: 150%;
  color: #503010;
  text-align: center;
  margin: 0  0 0.2em;
  padding: 0;
}

h2 {
  margin: 0.1em 0 0 0;
  padding: 0;
  font-family: "times new roman", times, serif;
  font-weight: bold;
  font-size: 120%;
  color: #604020;
  text-align: left;
}

h2 + p {
  margin-top: 0.5em;
}

h3 {
  margin: 0em ;
  font-family: 'trebuchet ms',tekton,arial,helvetica,sans-serif;
  font-weight: bold;
  font-size: 110%;
  color: #705030;
  text-align:left;
}

a {
  text-decoration: none;
  font-weight: bold;
}

a:link {
  text-decoration: none;
  color: #666;
}

a:visited {
  text-decoration: none;
  color: #A60C00;
}

a:hover {
  background-color: #FF1300;
}

a:focus {
  background-color: #FF1300;
}

img {
  border-color: transparent;
}

div.main {
  margin-left: auto;
  margin-right: auto;
  width:850px;
  text-align: justify;
}

.fright {
   float: right;
}

.warning {
   font-weight: bold;
   font-size: larger;
   color: red;
}

.centre {
   text-align: center;
}

.colheads {
   font-size: smaller;
   font-weight: bold;
   margin-left: .5em;
   text-align: left;
}

.manu {
   margin-left: 1.3em;
}

.desc {
   margin-left: 2em;
}

.price {
   margin-left: 12.5em;
}

.pict {
   margin-left: .5em;
}

/*  forms */
.subchoice {
  padding: 0.5em;
  text-align: left;
}

select {
  margin-right: 10px;
}

legend {
  font-weight: bold;
  background: #81FF80;
  color: #AF5920;
  padding: 2px 5px;
  margin: 10px 0 0;
}

fieldset {
  background: #61BF60;
  font-size: smaller;
  width: 90%;
  margin: 0 auto;
  padding: 10px;
}

fieldset > div {
  margin: 1em 0em;
}

button {
  margin: 1em 16em 0;
}

button.delete {
   background: #ff7777;
}

label {
  float: left;
  clear: left;
  width: 200px;
  margin: 4px 0 2px;
  text-align: right;
}

input, textarea {
  text-align: left;
  display: block;
  margin: 0 0 6px 210px;
}

.radio {
  margin: 10px 0 6px 210px;
}

.radio input {
   display: inline;
   margin: 0px 12px 0 2px;
}

.pseudorow {
   margin: 0;
   padding: 0;
}

.pseudorow * {
   margin: 5px 12px 0 0;
   padding: 0;
   display: inline;
   vertical-align: baseline;;
}

.pseudorow button {
   width: 4em;
   margin: 0;
   padding: 0;
   background: #aaffaa;
}

.pseudorow label {
   float: none;
   text-align: left;
   margin-left: 10px;
   font-size: larger;
}


textarea {
  vertical-align: top;
}

label > * {
  margin-left: 8px;
}

.page  {
  padding-left: 100px;
}

.page label {
  text-align: left;
  float: none;
}

.page button {
  margin: 0;
}

.extra {
  margin-right: 100px;
}

.line {
  margin: 8px 0;
}

.block {
  display: block;
  width: 400px;
  margin: 6px 0;
}

.name {
  font-weight: bold;
  font-size: larger;
}

form.inline {
  display: inline;
}

form.inline button {
  margin: 0 4em;
}


/* typical is used to produce a centered table with borders */
table.typical {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

table.typical th, table.typical td {
  text-align: center;
  vertical-align: middle;
  border: solid #885500;
  padding: 3px;
}

table.typical td {
  text-align: center;
}