/******************************************************************************
* Undersea Main Scheme                                                        *
******************************************************************************/

a {
  color: #004080;
}

a:hover {
  color: #0070b0;
}

body {
  background-color: #005050;
  background-image: url("../../graphics/undersea/mainbg.gif");
  color: #000000;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

input, textarea {
  background-color: #c0e0e0;
  border-color: #e0ffff #90b0b0 #90b0b0 #e0ffff;
}

input:focus, textarea:focus {
  background-color: #d0f0f0;
}

input.button, input.button.focus {
  background-color: #009090;
  border-color: #00b0b0 #204040 #204040 #00b0b0;
}

input.button:focus {
  color: #d0f0f0;
}

textarea {
  scrollbar-base-color: #009090;
}

.errorMsg {
  color: #ffff00;
}

#titleBar, #copyright {
  background-color: #008080;
  border-color: #00a0a0 #204040 #204040 #00a0a0;
  color: #c0f0f0;
}

#content {
  background-color: #40c0c0;
  background-image: url("../../graphics/undersea/mainbg2.gif");
  border-color: #60e0e0 #204040 #204040 #60e0e0;
}

body, #content {
  background-attachment: fixed;
  background-position: bottom right;
  background-repeat: no-repeat;
}

/*---------------------------------------------------------------------------*/
/* Site menu.                                                                */
/*---------------------------------------------------------------------------*/

.menuBar {
  background-color: #009090;
  border-color: #00b0b0 #204040 #204040 #00b0b0;
}

.menuBar a.menuButton {
  border: 1px solid #009090;
  color: #e0e0e0;
}

.menuBar a.menuButton:hover {
  border-color: #00b0b0 #006060 #006060 #00b0b0;
  color: #ffffff;
}

.menuBar a.menuButtonActive,
.menuBar a.menuButtonActive:hover {
  background-color: #006060;
  border-color: #204040 #00a0a0 #00a0a0 #204040;
  color: #ffffff;
}

.menu {
  background-color: #009090;
  border-color: #00b0b0 #204040 #204040 #00b0b0;
}

.menu a.menuItem {
  color: #e0e0e0;
}

.menu a.menuItemActive,
.menu a.menuItemActive:hover {
  background-color: #006060;
  color: #ffffff;
}

.menu a.menuItem .menuItemText {
}

.menu a.menuItem .menuItemArrow {
  margin-right: -.75em;
  padding-left: .25em;
}

.menu .menuHeader {
  color: #ffffff;
}

.menu .menuSeparator {
  border-top-color: #204040;
  border-bottom-color: #00b0b0;
}

/******************************************************************************
* Printing styles.                                                            *
******************************************************************************/

@media print {

  body, #content {
    background-image: none;
  }

}

/*---------------------------------------------------------------------------*/
/* Styles for side bar.                                                      */
/*---------------------------------------------------------------------------*/

#sideBar {
  background-color: #b0d0d0;
  border-color: #000000;
}

.sideBarHdr {
  background-color: #80c0c0;
  border-bottom-color: #000000;
  border-top-color: #000000;
}

.sideBarSep {
  border-top-color: #408080;
}