html, body {
        margin: 0px 0px 20px 0px; padding: 0;
        background: #212121 url(../img/bg/page-bg.gif);
        text-align: center;
    }




    #container {
    /*background: url(../img/bg/fullpage-bg.gif) repeat-y 50% 0;*/
        margin: 20px auto 20px auto;
        width: 750px;
        text-align: left;
        border-left: 1px solid #778bac !important;
        border-right: 1px solid #778bac !important;

    }


    #header {
      background-color: #314F81;
      margin: 0;

      min-height: 70px;
 border-top: 1px solid #778bac;

    }

    #header img {
      float: left;
      width: 149px;
      border: none;
    }


    #header h1 {
      margin:0; padding:0;
      padding-top: 27px;
      padding-bottom: 25px;
      font-weight: normal;
      font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
      font-size: 95%;
      color: #c7cfdd;
    }



    #nav {
    clear:both;
    float:left;
        width: 744px;
        margin: 0 auto;

      padding:6px 6px 6px 0px;
      list-style:none;
    background-color: #253c62;
 border-top: 1px solid #778bac;
 border-bottom: 1px solid #778bac;

    }

    #nav li {

      float: left;
      margin:0;
      padding: 0px 6px 2px 8px;
      font-family: "Trebuchet MS", Arial, sans-serif;
      font-size: 80%;
      color: #a0abc1;
      background: url(../img/divpix01.gif) repeat-y 0 0;

    }



    #nav li a:link {
        color: #a0abc1;
        text-decoration: none;
    }

    #nav li a:visited {
      color: #a0abc1;
        text-decoration: none;
        font-weight: normal;
    }


    #nav li a:hover {
        color: #c7cfdd;
        text-decoration: underline;
    }


    #nav li a:active {
        color: #c7cfdd;
        text-decoration: underline;
    }


    #first {
      background: none !important;
    }

    #activelink {
    color: #c7cfdd !important;
      font-weight: bold !important;
    }


    #activememberslink {
          font-weight: bold !important;
          color: #929ad1 !important;
          border-bottom: 1px dotted #929ad1;


    }


    #mainpart {
      clear:both;
              /*background-color: #456699*/
              height: 100%;

    }


    #leftpanel {
      width: 315px;
      float: left;
      /*background: #456699 url(../img/illus/1842704397.jpg) no-repeat;*/

      /*border-right: 1px solid #778bac !important;*/
/*      padding-top: 200px;*/



      font-size: 70%;
    line-height: 120%;
    font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
    padding-bottom: 0px;


/*    color: #b5bfd2;*/


    }



        #leftpanel h3 {
      font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
      font-size: 110%;
      font-weight: bold;
      margin:0;
        margin: 0px 20px 14px 15px;
      padding: 10px 20px 4px 0px;
      border-bottom: 1px solid #778bac;

    }



    #leftpanel p {
    clear: both;
             margin-top: 18px;
      margin-bottom: 18px;
      padding: 0px 10px 0px 20px;
    }

    #leftpanel a:link {
      color: #ffffff;
      font-weight: bold;
      text-decoration: none;
    }

    #leftpanel a:visited {
      color: #ffffff;
      font-weight: bold;
      text-decoration: none;
    }

    #leftpanel a:hover {
      color: #ff0000;
      font-weight: bold;
      text-decoration: underline;
    }




    #rightpanel {
      width: 434px;
      float:left;
      background-color: #dce2ec;
      border-left: 1px solid #778bac !important;

          padding-bottom: 20px;

    }

    #rightpanel h2 {
      font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
      font-size: 110%;
      font-weight: normal;
      margin: 0px 0px 4px 0px;
      padding: 10px 20px 10px 20px;
      background-color: #1a2944;
      color: #b2bccb;
    }

    .firstpara {
      padding-top: 9px !important;
    }


    #rightpanel #cms {
      font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
      font-size: 80%;
      line-height: 150%;
      font-weight: normal;
      margin:0;
      color: #000066;
      padding: 12px 20px 9px 20px;
    }

    #rightpanel #cms p {
      margin:0;padding:0;
    }

     #rightpanel ul {
      line-height: 140%;
      font-weight: normal;
      margin:0;
      color: #000066;
      padding: 6px 16px;
/*      padding: 3px 20px 3px 20px; */
    }

    #rightpanel ul li {
      padding: 1px 0px;
    }



    #rightpanel h3 {
      font-size: 120%;
      font-weight: bold;
      margin:0; padding:0px 0px 7px 0px;
      color: #000066;
    }




    #footer {
        width: 750px;
      clear: both;
      background: url(../img/bg/footer-bg.gif) repeat-y 0 0 !important;
      height: 5em;
      border-bottom: 1px solid #778bac;



    }


        #leftfooter {
      width: 315px;

      float: left;



    font-size: 70%;
    line-height: 120%;
    font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
    padding-top: 12px;
    padding-bottom: 0px;
    height: 5em;

    color: #ffffff;

    }

    #leftfooter img {
    margin: 0px 0px 0px 10px;
    padding: 1px;
      float:left;
      width: 30px;
      border:1px solid #898f9d;
    }

    #leftfooter p {
    margin:0;padding:0px 0px 0px 10px;
        float:left;
        width: 250px;
/*      margin-top: 2px;
      margin-bottom: 2px;
      padding: 0px 10px 0px 45px;*/
    }



    #rightfooter {

      width: 434px;
      float: left;



    text-align: center;
    font-size: 70%;
    line-height: 150%;
    font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
    padding-top: 12px;
    padding-bottom: 0px;
    height: 5em;

    color: #000066;
    }

    #rightfooter p {
      margin-top: 2px;
      margin-bottom: 2px;
      padding: 0;
    }

   #rightpanel a:link {
        color: #0000a0;
        font-weight: bold;
        text-decoration: none;

    }

  #rightpanel a:visited {
        color: #585a9c;
        font-weight: bold;
        text-decoration: none;

    }

    #rightpanel a:hover, #rightpanel a:active {
        color: #ff0000;
        font-weight: bold;
        text-decoration: underline;
    }


        #rightfooter a:link, a:visited {
        color: #0000ff;
                font-weight: bold;
        text-decoration: none;
    }

    #rightfooter a:hover, a:active {
        color: #ff0000;
                font-weight: bold;
        text-decoration: underline;
    }

    .smallcover {
        margin-left: 20px;
      background: url(../img/covers/sma/1842704397.jpg) no-repeat 0 25%;
    }

    .floatimage {
      float: left;
      padding-right: 8px;
    }

    .imageframedright {
      float: right;
      padding-left: 10px;
      border: 1px solid #778bac;
      padding: 2px;
      margin-left: 10px;
    }

    .imageframedleft {
      float: left;
      padding-right: 10px;
      border: 1px solid #778bac;
      padding: 2px;
      margin-right: 10px;
    }

    .inputbox {
      font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
      font-size: 85%;
    }

    .input100 {
      font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
      font-size: 85%;
      width: 98%;
    }

    .mbrselect {
      font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
      font-size: 85%;
    }


    .zButton {
      	background-color: #bfc9da;
						border-right: 1px solid #579851;
						border-bottom: 1px solid #579851;
            border-right: 1px solid #314f81;
						border-bottom: 1px solid #314f81;
						border-left: 1px solid #ffffff;
						border-top: 1px solid #ffffff;
						text-align: center;
						width: auto;
						font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
						font-size: 85%;
                         font-weight: bold;
						padding: 1px 2px 1px 2px;

						color: #2b2a65;
                        width: 95px;
    }



    .textfield, .dropdown {
      font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
      font-size: 100%;
    }

    label {
      font-weight: bold;
    }


    .smalltext {
      font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
      font-size: 80%;
    }

    #membertable {
      border:1px solid #314f81;
      border-collapse:collapse;
    }

    #membertable td {
      border:1px solid #314f81;
      padding: 1px 3px;
      font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
    }

    form#cms_form01 {
     margin:0; padding:0;
    }

  .messagetext {
      font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
      font-size: 90%;
  }