/* COLOR CHEAT SHEET */
/* Colors and names from http://www.visibone.com/colorlab/ */

/* Scheme--weak blues, greys
 * 
 * CCCCFF  pale weak blue
 * 9999CC  light weak blue
 * 666699  medium weak blue
 * 333366  dark weak blue
 * 000033  obscure weak blue
 *
 * CCCCCC  pale gray
 * 666666  dark gray
 * 333333  obscure gray
 */


/* GENERAL SETUP */

body {
  margin: 1em;
  padding: 0;
  font-family: verdana, "trebuchet MS", helvetica, sans-serif;
  color: black;
  background: white;
  font-size: 12px;
}
  
p {
  margin-top: 0; padding-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, Times, serif;
  color: #000033;
  background-color: transparent;
  margin: 5px 0 0 0;
  letter-spacing: .04em;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  font-family: Georgia, Times, serif;
  font-size: 100%;
}

h1 {
  font-size:  24px;
}

h2 {
  font-size:  18px;
}

h3 {
  font-size:  16px;
}

h4 {
  font-size:  14px;
}

h5 {
  font-size:  12px;
}

h6 {
  font-size:  12px;
}

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

#body a {
  border-bottom: solid 1px;
  border-color: #CCCCFF;  
}

a:link  {
  color: #000066;
  background-color: transparent;
}

a:visited {
  color: #333399;
  background-color: transparent;
}

a:active  {
  color: #000000;
  background-color: transparent;
}

a:hover {
  background-color: #CCCCFF;
  text-decoration: underline;
}

dt  {
  font-weight: bold;
}

ol, li, dl, dt, dd {
  line-height: 1.5em;
}
  
img {
  /* turn off gaps around images */
  border: 0;
}

form {
  margin: 0px; 
  padding: 0px;
}


/* LAYOUT TABLES */

table.layout {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}

table.layout td {
  vertical-align: top;
  margin: 0;
  padding: 0;
}


/* LIST TABLES */

table.list, table.nowrap-list {
  border-style: dashed none dashed none;
  border-width: 1px;
  border-color: black;
}

table.list, table.nowrap-list, table.form {
  margin-bottom: 1em;
}

table.list th, table.nowrap-list th, table.form th {
  font-variant: small-caps;
  text-align: right;
  font-weight: bold;
  padding-right: 1em;
  vertical-align: top;
}

table.nowrap-list th, table.form th {
  white-space: nowrap;
}

table.form th {
  vertical-align: middle;
}

table.list td, table.nowrap-list td, table.form td {
  vertical-align: top;
}

/* MENU */

#menu h2 {
  text-align: center;
  margin-bottom: 1em;
}

#menu h4 {
  margin-bottom: 1em;
}

#menu ul {
  padding-left: 2em;
}

#join h1, #join h2, #join h3, #join h4, #join h5, #join h6 {
  color: #003300;
}

#join a:link  {
  color: #006600;
  background-color: transparent;
}

#join a:visited {
  color: #339933;
  background-color: transparent;
}

#join a:active  {
  color: #000000;
  background-color: transparent;
}

#join a:hover {
  background-color: #CCFFCC;
  text-decoration: underline;
}


/* PARAGRAPHS */

p.aside {
  font-size: 75%;
}

.welcome {
  background-color: #333366;
  color: #CCCCCC;
  text-align: center;
  font-size: 1.2em; 
  font-weight: bold;
  padding: .2em; 
  margin-bottom: 1em;
}

.welcome a {
  color: #FFFFBB;
  background-color: transparent;
}

.welcome .version {
  font-family: serif;
  color: #666699;
}

#known-problems {
  background-color: #EEEEEE;
  border: 3px solid #333366;
  padding: 1em 1em 0 1em; 
  margin-bottom: 1em;
}

/* FONTS */

em, .date {
  font-variant: small-caps;
}

.date {
  font-weight: bold;
}

strong {
  background-color: #ffff99;
}

.error {
  background-color: red;
  color: white;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.5em 0.5em 0.5em 0.5em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  text-align: center;
}

.importantField {
  visibility: hidden;
}

#menu em {
  font-style: normal;
}

#menu strong {
  font-variant: small-caps;
  font-weight: bold;
  background-color: transparent;
}