html { height: 100%; margin-bottom: 1px; }

/* ###### Body Text ###### */

body {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 100%;
  margin: 0;
}

h1, h2, h3 {
  font-family: arial, verdana, tahoma, sans-serif;
}

h1 {
  font-size: 150%;
  font-weight: bold;
  font-style: italic;
  padding-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
}

h2 {
  font-size: 120%;
  font-weight: bold;
  padding-top: 1em;
}

h3 {
  font-size: 100%;
  font-weight: bold;
} 

p {
  padding-bottom: 1ex;
}

img {
  border: none;
}

.floatleft { float: left; }

.floatright { float: right; }

.padding { padding: 0em 4em 0em 4em; }

.floatleftpadding { float: left; padding-left: 2em; padding-right: 2em; padding-bottom: 2em; }

.floatrightpadding { float: right; padding-left: 2em; padding-right: 2em; padding-bottom: 2em; }

.center { text-align: center; }

#table {
  border:1px solid #483D8B;
  width: 800px;
}

#bodyText {
  text-align: left;
  line-height: 1.5em;
  margin-left: 12em;
  padding: 0.5ex 1em 1em 1em;
  border-left-style: solid;
  border-left-width: 1px;
}

#left {
  font-size: 70%;
  float: left;
  padding-left: 8px;
  padding-top: 10px;
}

#calloutLeft {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-size:80%;
  color: #b82619;
  padding: 0.2em 3em 0.2em 0em;
  float: left;
}

#calloutRight {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-size: 80%;
  color: #b82619;
  padding: 0.2em 3em 0.2em 3em;
  float: right;
}



/* ###### Header ###### */

#header {
  height: 7em;
  padding: 0.25em 2.5mm 0 4mm;
}

.headerTitle {
  font-size: 350%;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  line-height: 1.5em;
}

.headerTitle span {
  font-weight: normal;
}

.headerLinks {
  font-size: 87%;
  padding: 0.5ex 10em 0.5ex 1em;
  position: absolute;
  right: 0;
  top: 0;
}

.headerLinks * {
  text-decoration: none;
  padding: 0 2ex 0 1ex;
  font-weight: bold;
}

.headerLinks a:hover {
  text-decoration: underline;
}

.menu {
  text-align: center;
  padding: 0.5ex 0;
}

.menu * {
  text-decoration: none;
  font-weight: bold;
  padding: 0 2ex 0 1ex;
}



/* ###### Footer ###### */

#footer {
  font-size: 75%;
  text-align: center;
  line-height: 1.25em;
  padding: 1em 4mm 1.5em 4mm;
  clear: left;
}

#footer div {
  padding-bottom: 1ex;
}

#footer a {
  font-weight: bold;
}



/* ###### Text Colors ###### */

h1
 { color: #a68c53; }

.headerTitle, .menu a:hover
 { color: black; }

.headerTitle span, .menu, .menu *
 { color: white; }

.headerLinks
 { color: #b82619; }


/* ###### Background Colors ###### */

body
 { background-color: #f3f2eb; }

#bodyText, .headerLinks, .menu a:hover
 { background-color: white; }

#header
 { background-color: #b82619; }

.menu
 { background-color: black; }

.left, #footer
 { background-color: #e6dfcf; }


/* ###### Border Colors ###### */

h1, #bodyText,
 { border-color: #e6dfcf; }