/* --- Page Body ----------------------------------------- */

body {
  background-color: rgb(229,236,243);
  margin: 0;
  padding: 8px;
  text-align: center;
  font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 80%;
}

/* --- Layout -------------------------------------------- */

#container {
  text-align: center;
  padding: 4px 0 4px 0;
  margin: 3px auto;
  width: 80%;
  background-color: #ffffff;
  background-image: url(banner.jpg);
  background-repeat: repeat-x;
  background-position: 0 -34px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#header #banner {
  padding: 39px 5px 0 25px;
  margin: 3px;
  text-align: left;
}
#header #banner h1 {
  font-size: 2.5em;
  margin-bottom: 10px;
  color: #fff;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
#header #navigation {
  padding: 4px 0 4px 0;
  text-align: center;
  clear: both;
  background-color: rgb(40,100,160);
  color: #5481AC;
  font-size: 1.1em;
  font-weight: bold;
  border-top: 1px solid rgb(84,129,172);
  border-bottom: 1px solid rgb(84,129,172);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
#header #navigation ul {
  display: inline;
  margin: 0;
  padding: 0;
}
#header #navigation ul li {
  display: inline;
}
#header #navigation a {
  color: rgb(210,220,243);
  text-decoration: none;
  border-right: 1px solid rgb(84,129,172);
  padding-right: 5px;
}
#header #navigation a.last {
  border-right: none;
  padding-right: 0;
}
#header #navigation a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
div#body {
  padding: 5px 15px 15px 15px;
  text-align: left;
  line-height: 18pt;
}
#footer {
  text-align: center;
  margin-top: 8px;
  border-top: 2px solid #E5ECF3;
  padding: 8px 0 6px 0;
  width: auto;
  color: #5481AC;
}
#footer a {
  text-decoration: none;
}

/* --- General Styles ------------------------------------ */

div.line {
  border-top: 1px solid rgb(235,235,235);
  width: auto;
  margin: 8px 0 8px 0;
  padding: 0;
  clear: both;
}
a {
  color: rgb(0,77,167);
  text-decoration: underline;
}
#body a:visited {
  color: rgb(0,37,127);
}
a:hover,
.link:hover {
  color: black;
}
.hidden {
  display: none;
}
.underline {
  text-decoration: underline;
}
sup {
  margin-left: -2px;
  margin-right: 3px;
}

ol.references {
  font-size: 0.85em;
  line-height: 15pt;
}

div.image {
  margin: 12px 6px 6px 6px;
  background-color: rgb(204,204,204);
  padding: 4px;
  border: 1px solid rgb(190,190,190);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
div.right {
  float: right;
}
div.left {
  float: left;
}
span.credit {
  display: block;
  font-size: 0.7em;
  color: #666;
  margin-top: -4px;
  margin-bottom: -9px;
}

#body h1 {
  font-family: Georgia, Times, serif;
}
#body h2 {
  color: #336699;
  border-bottom: 1px solid rgb(235,235,235);
  margin-bottom: -4px;
}
#body h3 {
  font-size: 1.3em;
  color: rgb(22,110,0);
  border-bottom: 1px solid rgb(235, 235, 235);
  margin-bottom: -8px;
}
#body h4 {
  font-size: 1.15em;
}

blockquote {
  color: darkred;
  background-image: url(quotes.gif);
  background-repeat: no-repeat;
  background-position: 10% 6px;
  font-family: Georgia, Times, serif;
  font-size: 1.2em;
  width: 30%;
  padding: 20px 6px 6px 15px;
  margin: -12px 4px 4px 4px;
  line-height: 14pt;
  font-weight: bold;
  text-indent: -9px;
}
blockquote.right {
  float: right;
}
blockquote.left {
  float: left;
}

/* --- Print Controls ------------------------------------ */

.print-only {
  display: none;
}