/****************************************************
 * Defines styles for the main site pages and menu. *
 ****************************************************/

a {
  color:            #0070c0;
  font-weight:      bold;
  text-decoration:  none;
}

a:hover
{
  color:            #d04000;
}

xxxbody
{
  background-color: Black;
  color:            #000000;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        10pt;
  text-align:       center;
}

label
{
  font-weight:      bold;
}

ul
{
  list-style-type:  square;
}

.errorMsg
{
  color:            #c00000;
  font-weight:      bold;
}

/*
 * id specific styles
 */

#main
{
  margin:           0px auto;
  text-align:       left;
  /* width:            900px; */
  width:            100%;
}

#titleBar, #copyright
{
  background-color: #010050; /* this is the background of the title  */
  border-color:     #010050 #010050 #010050 #010050;

  border-style:     solid;
  border-width:     1px;

  color:            #fff;
  font-size:        100%;
  font-weight:      normal;
  padding:          2px .5em;
}

#copyright
{
  font-size:        80%;
  font-weight:      bold;
  text-align:       right;
}

#content
{
  background-color: #fff;
  border-color:     #ffff #fff #fff #fff;
  border-style:     solid;
  border-width:     1px;
  padding:          .5em 1em .25em 1em;
}

#validation
{
  padding:          1em 0em;
  text-align:       right;
}

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

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem
{
  font-family:      "MS Sans Serif", Arial, sans-serif;
  font-size:        9pt;
  font-style:       normal;
  /* font-weight:      normal; */
  font-weight:      bold;
  color:            White;
}

div.menuBar
{
  background-color: #8282a9;                    /* this is the background of the menus  */
  border:           2px solid;
  border-color:     #b0b1ca #000000 #000000 #b0b1ca;
  padding:          4px 2px 4px 2px;
  text-align:       left;
}

div.menuBar a.menuButton
{
  background-color: transparent;
  border:           1px solid #8282a9;
  color:            White;
  cursor:           default;
  font-weight:      bold;
  left:             0px;
  margin:           1px;
  padding:          2px 6px 2px 6px;
  position:         relative;
  text-decoration:  none;
  top:              0px;
  z-index:          100;
}

div.menuBar a.menuButton:hover
{
  background-color: transparent;
  border-color:     #e0b090 #906040 #906040 #e0b090;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover
{
  background-color: #010050;                            /* depressed top level */
  border-color:     #000000 #b0b1ca #b0b1ca #000000;
  color:            #fff0d0;
}

div.menu
{
  background-color: #8282a9;
  border:           2px solid;
  border-color:     #b0b1ca #000000 #000000 #b0b1ca;
  left:             0px;
  padding:          0px 1px 1px 0px;
  position:         absolute;
  /*  margin-top:      -105px;      for laptop only  */
  top:              0px;
  visibility:       hidden;
  z-index:          101;
}

div.menu a.menuItem
{
  color:            White;
  font-weight:      bold;

  cursor:           default;
  display:          block;
  text-decoration:  none;
  white-space:      nowrap;
}

div.menu a.menuItem,
div.menu div.menuItemHdr
{
  padding:          3px 1em;
}

div.menu a.menuItem:hover,
div.menu a.menuItemHighlight
{
  background-color: #010050;            /* highligt over menu */
  color:            #fff0d0;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow
{
  margin-right:     -.75em;
}

div.menu div.menuItemHdr
{
  font-weight:      bold;
  color:            Yellow;
}

div.menu div.menuItemSep
{
  border-top:       1px solid #906040;
  border-bottom:    1px solid #e0b090;
  margin:           4px 2px;
}

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

#sideBar
{
  background-color: #f0d0b0;
  border:           1px solid #000000;
  border-top-width: 0px;
  float:            left;
  font-size:        9pt;
  margin:           0em 1em 0em 0em;
  width:            10em;
}

.sideBarHdr
{
  background-color: #d0a070;
  border-bottom:    1px solid #000000;
  border-top:       1px solid #000000;
  font-weight:      bold;
  padding:          0px .5em 0px .5em;
}

.sideBarTxt
{
  padding:          4px .5em 4px .5em;
}

.sideBarSep
{
  border-top:       1px solid #d0a070;
  margin:           2px 0px 2px 0px;
}

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

@media print
{

  a {
    color: #808080 !important;
    font-weight: normal !important;
  }

  body {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10pt !important;
  }

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

  body, input, textarea, #titleBar, #copyright, #content, div.menuBar {
    background-color: #ffffff !important;
    color: White !important;
  }

  input, input.button, textarea, #titleBar, #copyright, #content, div.menuBar {
    border: 1px solid #000000 !important;
  }

  input.button {
    background-color: #e0e0e0 !important;
    color: White;
  }

  textarea {
    scrollbar-base-color: #e0e0e0 !important;
  }

  #main {
    border-width: 0px !important;
  }

  #titleBar, #content, div.menuBar {
    border-bottom-width: 0px !important;
  }

  #titleBar, #copyright {
    background-color: #c0c0c0 !important;
  }

  #validation {
	display: none !important;
  }

  div.menuBar {
    background-color: #e0e0e0 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  div.menuBar a.menuButton,
  div.menuBar a.menuButtonActive
  {
    background-color: #e0e0e0 !important;
    border-width: 0px !important;
    color: #e0e0e0 !important;
    font-family: "MS Sans Serif", Arial, Tahoma, sans-serif !important;
    font-size: 8pt !important;
    font-style: normal !important;
    font-weight: bold !important;
    left: 0px !important;
    top: 0px !important;
  }

  div.menu {
    display: none !important;
  }

  img {
    display: none !important;
  }

  .errorMsg {
    color: White !important;
  }

  #sideBar {
    background-color: #e0e0e0 !important;
    color: White !important;
  }

  .sideBarHdr {
    background-color: #c0c0c0 !important;
    color: White !important;
  }

  .sideBarSep {
    border-color: #000000 !important;
    color: White !important;
  }
}

.style1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.style18
{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
}

#menu ul
{
   margin:          0;
   padding:         0;
   list-style:      none
}

#menu a strong
{
color: #010050;
text-decoration: none
}

#menu a:hover strong
{
color: #FFFFFF;
text-decoration: none
}

.style29 { color: #FFFFFF}
.style30 { font-family: Arial, Helvetica, sans-serif}
.style27 { font-family: Arial, Helvetica, sans-serif; font-style: italic;font-size: 12px;}
.style4  { font-size: 18px; font-weight: normal;}
.style31 { color: #666666}