/* General default styles */

html
{
  height: 100%;
}

body
{
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: #222288;
  font-family: sans-serif;
}

em
{
  font-weight: normal;
  font-style: italic;
}

/* Unique border and page styles */

table#wholePage
{
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

td#topLeft
{
  width: 150px;
  height: 70px;
  border: 0;
  margin: 0;
  padding: 0;
  background-image: url(images/top_left.gif);
  background-position: top right;
  background-repeat: no-repeat;
  background-color: #bbbbcc;
}

td#topLeft img
{
  border: 0;
  margin: 0;
  padding: 0;
}

td#topMiddle
{
  width: 250px;
  height: 70px;
  background-image: url(images/top_middle.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #bbbbcc;
  border: 0;
  padding: 0;
}

td#topRight
{
  height: 66px;
  background-image: url(images/top_right_small.png);
  background-position: top right;
  background-repeat: repeat-y;
  background-color: #bbbbcc;
  border: 0;
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  text-align: right;
  color: #bbbbcc;
  font: italic bold 133% sans-serif;
  vertical-align: bottom;
}

td#pageLeftBar
{
  width: 130px;
  background-image: url(images/left_upper.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #222288;
  margin: 0;
  border: 0;
  padding-top: 200px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 50px;
  color: white;
  vertical-align: top;
  text-align: left;
}

td#pageLeftBarBase
{
  width: 130px;
  background-image: url(images/left_lower.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-color: #222288;
  border: 0;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 100px;
  color: white;
  vertical-align: bottom;
  text-align: left;
}

td#pageContent
{
  bottom: 0px;
  background-color: #eeeeff;
  padding: 20px;
  border-top: 1px solid #222288;
  border-left: 1px solid #222288;
  border-right: 0;
  border-bottom: 1px solid #222288;
  margin: 0;
  vertical-align: top;
  text-align: left;
}

td#bottomLeft
{
  width: 150px;
  height: 40px;
  border: 0;
  margin: 0;
  padding: 0;
  background-image: url(images/bottom_left.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #222288;
}

td#bottomMiddle
{
  width: 250px;
  height: 40px;
  background-image: url(images/bottom_middle.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-color: #222288;
  border: 0;
  padding: 0px;
}

td#bottomRight
{
  height: 28px;
  background-color: #222288;
  border: 0;
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 20px;
  padding-bottom: 2px;
  vertical-align: middle;
  text-align: right;
  color: white;
  font: 10pt sans-serif;
}


/* General page content styles */

td#pageContent p
{
  display: block;
  margin-top: 1em;
  margin-left: 3em;
  margin-right: 1em;
  margin-bottom: 1em;
}

td#pageContent ul
{
  display: block;
  padding-top: 1em;
  padding-left: 4em;
  padding-right: 1em;
  padding-bottom: 1em;
  margin: 0;
}

td#pageContent td p
{
  display: block;
  margin-top: 0.5em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0.5em;
}

td#pageContent td ul
{
  display: block;
  padding-top: 0.5em;
  padding-left: 2em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  margin: 0;
}

td#pageContent table
{
  display: block;
  /* Old values (these muck up the photo album so left out for now)
  margin-top: 1em;
  margin-left: 2em;
  margin-right: 3em;
  margin-bottom: 1em;*/
}

td#pageContent table.footnote
{
  display: block;
  margin-top: 1em;
  margin-left: 3em;
  margin-right: 1em;
  margin-bottom: 1em;
}

td#pageContent table td
{
  padding: 0.2em;
  vertical-align: top;
}

td#pageContent em
{
  font-weight: normal;
  font-style: italic;
}

td#pageContent strong
{
  font-weight: bold;
  font-style: normal;
  color: #222288;
}

td#pageContent a
{
  color: #3333aa;
  font-weight: bold;
  text-decoration: none;
}

td#pageContent a:visited
{
  color: #3333aa;
  font-weight: bold;
  text-decoration: none;
}

td#pageContent a:hover
{
  color: #bbbbcc;
  /* background-color: #bbbbcc; */
  font-weight: bold;
  text-decoration: none;
}

td#pageContent a:active
{
  color: #bbbbcc;
  /* background-color: #bbbbcc; */
  font-weight: bold;
  text-decoration: none;
}

td#pageContent h1
{
  display: block;
  margin-top: 2em;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #222288;
  color: #222288;
  font-size: 166%;
  font-weight: bold;
}

td#pageContent h2
{
  margin-top: 1.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  border: 0;
  color: #222288;
  font-size: 133%;
  font-weight: bold;
  font-family: serif;
}

td#pageContent h3
{
  margin-top: 1em;
  margin-left: 1.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  border: 0;
  color: #222288;
  font-size: 100%;
  font-weight: bold;
}

td#pageContent h4
{
  margin-top: 1em;
  margin-left: 1.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  border: 0;
  color: #222288;
  font-size: 100%;
  font-weight: normal;
  font-style: italic;
}

td#pageContent h5
{
  margin-top: 1em;
  margin-left: 3em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  border: 0;
  color: #222288;
  font-size: 80%;
  font-weight: bold;
}

td#pageContent h6
{
  margin-top: 1em;
  margin-left: 3em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  border: 0;
  color: #222288;
  font-size: 80%;
  font-weight: bold;
  font-style: italic;
}

td#pageContent em
{
  font-weight: bold;
}

td#pageContent hr
{
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center;
  width: 60%;
  height: 1px;
  border-top: 1px solid #bbbbcc;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  background-color: transparent;
}

td#pageContent .error
{
  border: 1px solid #ff0000;
  background-color: #dd9999;
  padding: 0.5em;
}


/* General left-bar styles */

td#pageLeftBar form
{
  margin-top: 10px;
  margin-left: 25px;
  margin-right: 0;
  margin-bottom: 5px;
  font: 80% sans-serif;
}

td#pageLeftBar p
{
  margin-top: 10px;
  margin-left: 25px;
  margin-right: 0;
  margin-bottom: 10px;
  font: 80% sans-serif;
}

td#pageLeftBar p.center
{
  margin-top: 30px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 30px;
  font: 80% sans-serif;
  text-align: center;
}

td#pageLeftBar h1
{
  width: 100%;
  margin-top: 40px;
  margin-left: 5px;
  margin-right: 0;
  margin-bottom: 10px;
  padding: 1px;
  font: bold 100% sans-serif;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid white;
}

td#pageLeftBar a
{
  color: #bbbbcc;
  font-weight: bold;
  text-decoration: none;
}

td#pageLeftBar a:visited
{
  color: #bbbbcc;
  font-weight: bold;
  text-decoration: none;
}

td#pageLeftBar a:hover
{
  color: white;
  font-weight: bold;
  text-decoration: none;
}

td#pageLeftBar a:active
{
  color: white;
  font-weight: bold;
  text-decoration: none;
}

td#pageLeftBar p.buttonPressed
{
  display: block;
  width: 110px;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding-top: 2px;
  padding-left: 11px;
  padding-right: 9px;
  padding-bottom: 1px;
  border-top: 1px solid #111144;
  border-left: 1px solid #111144;
  border-right: 1px solid #8888bb;
  border-bottom: 1px solid #8888bb;
  background-color: #4444bb;
  font: bold 100% sans-serif;
  color: white;
  text-decoration: none;
  text-align: center;
}

td#pageLeftBar a.button
{
  display: block;
  width: 110px;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  border-top: 1px solid #8888bb;
  border-left: 1px solid #8888bb;
  border-right: 1px solid #111144;
  border-bottom: 1px solid #111144;
  background-color: #222288;
  font: bold 100% sans-serif;
  color: #bbbbcc;
  text-decoration: none;
  text-align: center;
}

td#pageLeftBar a.button:hover
{
  display: block;
  width: 110px;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  border-top: 1px solid #8888bb;
  border-left: 1px solid #8888bb;
  border-right: 1px solid #111144;
  border-bottom: 1px solid #111144;
  background-color: #3333aa;
  font: bold 100% sans-serif;
  color: white;
  text-decoration: none;
  text-align: center;
}

td#pageLeftBar a.button:active
{
  display: block;
  width: 110px;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding-top: 2px;
  padding-left: 11px;
  padding-right: 9px;
  padding-bottom: 1px;
  border-top: 1px solid #111144;
  border-left: 1px solid #111144;
  border-right: 1px solid #8888bb;
  border-bottom: 1px solid #8888bb;
  background-color: #3333aa;
  font: bold 100% sans-serif;
  color: white;
  text-decoration: none;
  text-align: center;
}

td#pageLeftBar input
{
  width: 90px;
  border-top: 1px solid #111144;
  border-left: 1px solid #111144;
  border-right: 1px solid #8888bb;
  border-bottom: 1px solid #8888bb;
  background-color: #6666dd;
  color: white;
  padding: 2px;
}

td#pageContent a img
{
  border: 0;
  margin: 8px;
  padding: 0px;
}

td#pageContent a:visited img
{
  border: 0;
  margin: 8px;
  padding: 0px;
}

td#pageContent a:active img
{
  border: 8px solid #bbbbcc;
  margin: 0px;
  padding: 0px;
}

td#pageContent a:hover img
{
  border: 8px solid #bbbbcc;
  margin: 0px;
  padding: 0px;
}

td#pageContent input
{
  border: 1px solid #bbbbcc;
  background-color: white;
  padding: 2px;
}

td#pageContent textarea
{
  border: 1px solid #bbbbcc;
  background-color: white;
  padding: 2px;
}

td#pageContent input.checkbox
{
  border: 0;
  background-color: #eeeeff;
  padding: 0;
  margin: 0;
}

td#pageContent input.button
{
  border: 1px outset #bbbbcc;
  background-color: #bbbbcc;
  color: black;
}

/* Journal styles */

td#pageContent p.postfooter
{
  display: block;
  margin-top: 1em;
  margin-left: 2em;
  margin-right: 1em;
  margin-bottom: 1em;
  font-size: 75%;
}

/* Photo album styles */

td#pageContent p.warning
{
  display: block;
  margin-top: 1em;
  margin-left: 3em;
  margin-right: 1em;
  margin-bottom: 1em;
  padding: 10px;
  border: 1px solid #222288;
  color: #aa4444;
  background-color: #bbbbcc;
  font-size: 100%;
  font-weight: bold;
  font-style: italic;
}

td#pageContent p.message
{
  display: block;
  margin-top: 2em;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
  padding: 10px;
  border: 1px solid #222288;
  color: #44aa44;
  background-color: #bbbbcc;
  font-size: 100%;
  font-weight: bold;
}

td#pageContent p.debug
{
  display: block;
  margin-top: 2em;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
  padding: 10px;
  border: 1px solid #222288;
  color: #4444aa;
  background-color: #bbbbcc;
  font-size: 100%;
  font-weight: normal;
}

.footnote-reference {
  font-size: 60%;
  vertical-align: top;
}