/* layout */

body{ 
  background-image: url("images/bg2.gif"); 
  background-color: #8293be;
  color: black; 
  margin: 0px;
}

div.page { 
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background-color: white;
  font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
}

span.nav{ 
  background-color: #eeeeee; 
  color: black; 
  padding: 2px;
  font: "Trebuchet MS", "Lucida Grande", sans-serif;
  font-size: 80%; 
}
div.index { 
  float: right; 
  width: 35%; 
  text-align: right; 
}

div.menu {
  float: right;
  width: 125px;
  background: #536A93 url(images/menubg.gif) 0 0 no-repeat;
  color: #eeeeee;
  margin-left: 5px;
}

.note{ 
  background: #f8f8f8;
  color: #800000;
  border: 1px solid black;
  padding: 2px;
}

div.note b {

}

div.debug {
  background: #f8f8f8;
  color: #aa5555;
  border: 1px dashed black;
  padding: 2px;
  font: 85% Courier courier monospace;
}
div.debug b { 
  color: #883333;
}

/* appearance */

a { 
  color: blue;
  text-decoration: none;
}
a:hover { 
  color: blue; 
  background-color: transparent; 
  text-decoration: underline;
}

p {
  padding: 0px 5px;
}

strong { 
  color: #000080; 
  background-color: transparent; 
}
strong.hdr { 
  text-transform: uppercase;
}

em { 
  color: #000080; 
  background-color: transparent; 
}
em.str { 
  color: #a000a0; 
  background-color: transparent; 
}

code {
  color: #555555;
  background-color: transparent;
}

h1#banner {
  font-size: 200%;
/* Helvetica Neue, Helvetica, Verdana, Arial, sans-serif; */
  font-family: Times, serif;
  color: #000080;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
}

div.menu dl {
  margin: 15px 5px 0px 5px;
  border-top: double 3px #cccccc;
  border-bottom: double 3px #cccccc;
}
div.menu dl dt  {
  margin: 0px;
  padding: 0px 0px 0px 3px;
  border: solid 1px #536A93;
}
div.menu a {
  color: #d5d5ff;
}
div.menu dl dt:hover,
div.menu dl dt:hover a {
/*  background: #2C446D; */
  background: #6680aa;
  color: white;
  text-decoration: none;
}
div.menu dl dt:hover {
  border: solid 1px #cccccc;
}

div.menu dl dt#selected { 
  background: #536A93;
  color: yellow;
  text-decoration: none;
  border: solid 1px #536A93;
}
div.menu dl dt#selected:hover { 
  background: #536A93;
  color: yellow;
  text-decoration: none;
  border: solid 1px #536A93;
}

div#faqlist {
/*  width: 90%;
  margin: 0px auto; */
  padding: 0px 3px;
}

img#lowerborder {
/*  border: red 1px solid;
  position: relative;
  top: -15px; */
}

ol li.listemph,
ul li.listemph {
  background: #f8f8f8;
  color: #800000;
  border: 1px solid black;
  padding: 2px;
}

ol.long li { 
  padding-bottom: 10px; 
}
ol.long li ul li { 
  padding-bottom: 2px; 
}

ul.open li { 
/*  padding: 0px;
  margin: 0px */
}

address { 
  position: relative;
  clear: both;
  left: 50%;
  width: 50%;
  padding: 5px;
  text-align: right;
  background: #eeeeee;
  color: #888888;
  font-size: 80%; 
  font-style: italic; 
  border-top: solid 1px black;
  margin-top: 1em;
}
address a { 
  color: #8888ff;
}


/* old definitions */

.indented{ margin-left: 2%; }
.indentedtwice{ margin-left: 4%; }

h2 { color: #000080; background-color: transparent; }
h3 { font-style: italic; margin-left: 5%; color: #000080; 
  background-color: transparent; }

.av { color: #000090; background-color: transparent; }

table.adminform { background-color: #ededff; color: black; 
  width: 85%; margin-left: auto; margin-right: auto; 
  border: black solid 1px; }
pre.stulist { background-color: #eeeeee; color: black;
  border: black solid 1px; }