body {
    background-color: #ffffff;
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #edf2fd;
    background-repeat: no-repeat;   
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../Content/images/cpi/balloon.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    z-index: -1;
}

header
{
  display: block;
}

#headerimg {
    display: block;
    background-image: url('../Content/images/cpi/comstock.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 320px;
    height: 100px;
    margin: 0;
    padding: 0;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: black;
}

  #logindisplay a:link {
    color: #217ac2;
    text-decoration: underline;
  }

  #logindisplay a:visited {
    color: #217ac2;
    text-decoration: underline;
  }

  #logindisplay a:hover {
    color: #0c71c3;
    text-decoration: none;
  }

#main 
{
    /* top right bottom left */
    padding: 10px 30px 10px 30px;
    background-color: #edf2fd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #cfd2d8;
}

fieldset {
    border: 1px solid #cfd2d8;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 .5em 0;
}

/* TABLE
----------------------------------------------------------*/

.ThinLineTable {
  border: solid 0px #0c71c3;
  border-collapse: collapse;
}

.ThinLineTdRight {
  padding: 5px;
  border: solid 1px #0c71c3;
  text-align: right;
}

.ThinLineTdLeft {
  padding: 5px;
  border: solid 1px #0c71c3;
  text-align: left;
}

.ThinLineTh {
    padding: 6px 5px;
    text-align: left;
    background-color: #cfd2d8;
    border: solid 1px #cfd2d8;
}

/* Default state for menu items (not active) */
ul#menu li a {
  
  color: #0c71c3; /* Not active font color */
  text-decoration: none; /* Optional: removes underline from links */
}

  /* Combined styles for hover, active page, and when a link is being clicked */
  ul#menu li a:hover, /* Style for when you mouse over a menu item */
  ul#menu li.active a, /* Style for the menu item of the current/active page (e.g., <li class="active"><a>...</a></li>) */
  ul#menu li a:active { /* Style for when a menu item is actively being clicked */
    background-color: #e02b20; /* Background color for hover and active states */
    color: white; /* Font color for hover and active states (white is #FFFFFF) */
  }

.wcs_navbar .icon {
    background: #e66c2e !important;
}