html { overflow: -moz-scrollbars-vertical; }

body {
  color: #ddd;
  font-family: arial, verdana, sans-serif;
  background: #000;
  margin: 0px;
}

.main {
  width: 760px;
}

a {
  color: #69b;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #9cf;
}

p, body, a {
  font-size: 12pt;
}


/*
  The main page heading
*/
table.title, table.footer {
  height: 60px;
  width: 730px;
  background: #fff;
  color: #000;
  vertical-align: middle;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 15px;
}

table.title tr td {
  font-size: 24pt;
  font-weight: bold;
  font-style: italic;
}

table.footer tr td {
  font-size: 10pt;
  text-align: center;
}

table.title tr td.left, table.footer tr td.left {
  width: 170px;
  background-image: url("title-left.png");
  background-repeat: repeat-y;
}

table.title tr td.right, table.footer tr td.right {
  width: 120px;
  background-image: url("title-right.png");
  background-position: right;
  background-repeat: repeat-y;
}

/*
  The following three items define the layout of the page.
*/
td.navigation {
  width: 150px;
  vertical-align: top;
  padding: 10px;
}

td.content {
  vertical-align: top;
  padding: 10px;
}

td.logo {
  width: 150px;

  vertical-align: top;
  text-align: center;
  padding-top: 10px;
}

.phone {
  font-size: 10pt;
  font-weight: bold;
  color: #aaa;
  border: 1px solid #369;
  background: #123;
  padding: 10px;
  text-align: center;
}
.number {
  font-size: 12pt;
  font-weight: bold;
  color: #864;
}
.phone .number {
  padding-top: 2px;
  padding-bottom: 12px;
}
a.email {
  font-size: 8pt;
}


/*
  Define the look of items in the menu (the naviagation)
*/

.menu {
  border: 1px solid #369;
  background: #123;
  padding-left: 4px;
  padding-right: 4px;
}


.menu a {
  font-size: 10pt;
  padding: 1px 4px 1px 4px;
  display: block;
  color: #58a;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
  text-align: center;
}

.menu a.selected {
  background: #479;
  color: #123;
}

.menu a:hover {
  color: #9cf;
}


.indented {
  margin-left: 40px;
}


/* Temporary box, e.g. for holiday text */
.alertBox {
  /*border: 5px solid #369;*/
  color: #333;
  background: #fcf267;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: -10px;
}


/* The quotes in the body of the page */
.quotename, .question {
  font-weight: bold;
  color: #864;
}

.quotetype, .answer {
  font-style: italic;
  color: #ace;
}

.quote, .answer {
  font-style: italic;
  color: #ace;
  margin-bottom: 15px;
  margin-top: 3px;
}

.aaronquote {
  font-family: tacoma, verdana, sans-serif;
}
.aaronquotename {
  font-family: tacoma, verdana, sans-serif;
  font-weight: bold;
}

/* The quotations on the right */
.quotation {
  font-style: italic;
  color: #ace;
  padding: 10px;
  margin-top: 10px;
  text-align: center;

}

.links .description {
  margin-bottom: 10px;
}

.smallprint {
  font-size: 10pt;
}