/* LAYOUT */

html, body {
  background-color: #545454;
  height: 100%;
}

table#doc {
  border-collapse: separate;
  border-spacing: 1em;
  background-color: #8A8A8A;
  margin: 0 auto;
  padding: 0 1em;
  width: 950px;
  height: 100%;
}

td#header {
}

td#content {
  vertical-align: top;
  height: 100%;
}

td#footer {
  padding: 1em;
  color: #545454;
  background-color: #C9C9C9;
  box-shadow: 1px 1px 3px #545454;
  -moz-box-shadow: 1px 1px 3px #545454;
  -webkit-box-shadow: 1px 1px 3px #545454;
  cursor: default;
}


a {
  color: #0A7D00;
  text-decoration: none;
}

a:hover {
  text-shadow: 0px 0px 2px #98CC93;
  text-decoration: underline;
}

p {
  margin-bottom: 0.75em;
  line-height: 150%;
  font-size: 108%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 0.75em;
  color: #470000;
  text-shadow: 1px 1px 1px #c9c9c9;
}

h1 {
  font-size: 146.5%;
  padding-bottom: 0.2em;
  border-bottom: 2px solid #C9C9C9;
  background-image: url(/images/red_arrow.png);
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: center left;
}

.box:hover h1 {
  background-image: url(/images/green_arrow.png);
}

h2 { font-size: 138.5%; }
h3 { font-size: 131%;}
h4 { font-size: 123.1%; }
h5 { font-size: 116%; }
h6 { font-size: 108%; }

input.text {
  border: 1px solid #470000;
  padding: 2px;
  box-shadow: 1px 1px 1px #C9C9C9;
  -moz-box-shadow: 1px 1px 1px #C9C9C9;
  -webkit-box-shadow: 1px 1px 1px #C9C9C9;
}

input.text:focus { background-color: #b0e6ab; }

input.button {
  border: 1px outset #006d00;
  background-color: #006d00;
  background-image: url(/images/green_button_gradient.gif);
  background-repeat: repeat-x;
  background-position: top left;
  padding: 0.25em 1em;
  font-weight: bold;
  color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 1px 1px 1px #C9C9C9;
  -moz-box-shadow: 1px 1px 1px #C9C9C9;
  -webkit-box-shadow: 1px 1px 1px #C9C9C9;
}

input.button:hover {
  text-shadow: 0px 0px 6px white;
  cursor: pointer;
}

#logo {
  float: left;
  height: 50px;
}

#logo img {
  display: block;
  float: left;
}

#logotext {
  margin-left: 60px;
  font-weight: bold;
  text-shadow: 0px 0px 4px black;
  color: white;
  line-height: 1.15;
  cursor: default;
}

#userlinks {
  text-align: right;
  line-height: 1.75;
  height: 50px;
  margin-bottom: 1em;
  color: white;
  text-shadow: 0px 0px 1px black;
  cursor: default;
}

#userlinks a {
  color: white;
  text-shadow: 0px 0px 1px #470000;
  font-weight: bold;
}

#userlinks a:hover {
  color: #470000;
  text-shadow: 0px 0px 1px #545454;
}


ul#nav {
  clear: left;
  padding: 1em;
  margin-top: 1em;
  background-color: #470000;
  box-shadow: 1px 1px 3px #545454;
  -moz-box-shadow: 1px 1px 3px #545454;
  -webkit-box-shadow: 1px 1px 3px #545454;
  cursor: default;
}

ul#nav li {
  display: inline;
  font-size: 108%
}

ul#nav li.separator {
  color: #8A8A8A;
  font-weight: bold;
  margin: 0 0.25em;
}

ul#nav li a {
  color: #C9C9C9;
  font-weight: bold;
  text-decoration: none;
  outline: none;
}

ul#nav li a:hover { color: white; text-shadow: 0px 0px 6px white; }
ul#nav li a:active, ul#nav li a.selected { color: white; text-shadow: 0px 0px 4px black; }

#content ul {
  color: black;
  list-style: disc outside;
  margin-bottom: 1em;
}

#content ul li {
  list-style: disc outside;
  margin-left: 2em;
  margin-bottom: 0.5em;
}

form.login div {
  text-align: right;
  margin-bottom: 0.5em;
}

div.buttons {
  margin: 1em 0 0 0;
  text-align: right;
}

form.login label {
  display: block;
  float: left;
}

form.login input.text {
  width: 15em;
}

table#body {
  border-collapse: collapse;
  width: 100%;
  *width: auto;
  height: 100%;
}

table#body .box {
  vertical-align: top;
  padding: 1em;
  margin-bottom: 1em;
  background-color: white;
  box-shadow: 1px 1px 1px #545454;
  -moz-box-shadow: 1px 1px 1px #545454;
  -webkit-box-shadow: 1px 1px 1px #545454;
}

table#body td#content {
  font-size: 108%;
}

table#body td#right_column {
  width: 35%;
  padding-left: 1em;
  vertical-align: top;
}

table#body #testimonials { margin-bottom: 0; }
#testimonials blockquote { font-size: 108%; font-style: italic; margin-bottom: 0.5em; }
#testimonials blockquote:before { content: '\201C'; }
#testimonials blockquote:after { content: '\201D'; }

#testimonials cite { display: block; margin-left: 2em; }
#testimonials cite:before { content: "\2014\00a0"; }

#footer #footerlinks {
  float: left;
}

#footer #footerlinks a {
  color: #545454;
}

#footer #copyright {
  text-align: right;
}