body
    {
      font-family: Tahoma,Verdana,Arial;
      font-size: 8pt;
      color: #1E2D41; 
      /*margin-left: 20%;
      margin-right: 20%;
      width: 760px;*/
              margin: 0; padding: 0; 
 background-color:#F0F5FB;
    }
    .ccontent
    {
      width: 760px;
      font-size: 8pt;
      margin-left: 10px;
      margin-right: 40px;
      margin-top: 5px;
      margin-bottom: 10px;
      vertical-align: top;
    }
    a
    {
      text-decoration: none;
      font-weight: bold;
    }
    a img{ border: none; }
    a:link
    {
      color: #336699;
    }
    a:visited
    {
      color: #336699;
    }
    a:hover
    {
     color: red;
    }
    a:active { color:red; }
    .menuitem
    {
      cursor: pointer;
      color: #FFF;
      font-weight: bold;
      font-size: 8pt;
      font-family: Arial;
      background-color:#336699;
    }
    .submenuitem
    {
      cursor: pointer;
      color: #FFF;
      font-weight: bold;
      font-size: 8pt;
      font-family: Arial;
       margin-left:10px;
       background-color:#336699;
    }
    .lines
    {
      color: #336699;
      border-style: solid;
      border-width: thin;
    }
    hr { color:#336699; }
    .button { background-color:#336699; color:#fff;  }
    .test {
color:#ffffff;
}

#modaloverlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:150%;
     z-index: 1000;
     background-image:url(images/modalbackground.jpg);
    /*-moz-opacity: 0.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity:.40;
    filter: alpha(opacity=40);*/
}
#modaloverlay div {
     width:700px;
     margin: 10px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:10px;
}
#modalcontents {
 background-color:white;
 width:100%;
}