body{
    margin:0;
    padding:0;
    font-family:Arial, Verdana, sans-serif;
    font-size:10pt;
 }


  /* Layout Structure*/


  #wrap{
      width:900px;
      margin:0 auto;
  }


  h1{
    margin:0;
    padding:25px 0 25px 35px;
    color:#fc0;                   /*  #5c5c5c   */
    background:#354966;
  }

  #header{
      margin:0;
      padding:0;
  }


  #content{
      margin:0;
      padding:0;                    /*  ebf4d9 light green background color   */
      background:#ccc;

  }



   #white_space{                /*  white background page   */
      float:left;
      width:74%;
      background:#ccc;              /* ebf4d9 which is no longer white  light green */
      display:inline;            /*   does nothing to fix indent problem */
           }



  #right_sidebar{
      float:right;
      width:25%;
      margin:0;
      padding:0;
      background:#ccc;
      display:inline;            /*   does nothing to fix indent problem  */
  }



  #center{
      background:#fff;
      margin:20px 10px 0 30px;
      padding:0;

  }


  #footer{
      clear:both;
      font-size:80%;
      line-height:2em;
      background:#ccc;                   /*   old footer color ccf   */
      padding-left:10px;
  }

  /*    header    */

    #top_settings {
        float:right;
        margin:5px 17px 0 0;
        padding:0;
        list-style-type:none;
    }

    #top_settings li {
        display:inline;
        color:#ece9d8;
    }

    #top_settings li a {
        height:auto;
        text-decoration:none;
        margin:0;
        padding:0 8px 0 1px;
        color:#ece9d8;
        font-size:90%;
    }

    #top_settings li a:hover {
        color:#fc0;
    }




  /*   nav bar   */

  #top_nav{
        margin:0;
        padding:1px 10px 18px 30px;
        background:#354966;
  }


  #nav_bar{
      margin:0;
      padding:0 0 9px 0;
  }

  #nav_bar li{
      margin:0;
      float:left;
      list-style:none;
      line-height:2em;
  }


  #nav_bar li a{
      padding:0 10px;
      display:block;
      float:left;
      text-decoration:none;
      color:#ece9d8;
      background:#40608c;
      margin-left:2px;
  }

  #nav_bar a:hover{
      position:relative;
      top:1px;
      left:1px;
      color:#808080;
      background:#ff9;
  }


  #home .home, #services .services, #resources .resources, #contact .contact, #about .about, #login .login {
      position:relative;
      top:1px;
      left:1px;
      background:#ccc;
      font-weight:bold;
      color:#090;
  }

   /*    main content    */

   h2{
        font-size:130%;
        margin:10px 10px 0 10px;
        padding:15px 0 0 0;
        text-align:center;
        border-bottom:2px solid #f90;
        color:#808080;
        position:relative;
  }

    h3 {
        margin:15px 20px 1px 20px;
        padding:15px 0 0 0;
        border-bottom:1px solid #999;
        position:relative;
  }

  p{
        margin:5px 20px 10px 20px;
        padding:0;
        line-height:1.7em;
        font-size:9pt;

  }

  p.first_p {                           /*  to fix ie indent bug , display:inline doesn't work  */
        text-indent:-3.2em;
  }

  html>body p.first_p{                  /*  to fix ie indent bug , position:relative doesn't work  */
        text-indent:0;
   }



  span {
        font-size:10pt;
        font-weight:bold;
  }

  .by_line{
        margin:0 20px;
        padding:0;
        font-size:80%;
        color:#999;

  }

   ul.content {                           /*    for xtra_dept_services  */
      line-height:1.7em;
      font-size:9pt;
      padding-left:15px;
  }

  ul.content li {
      list-style:square;
      margin-left:25px;
  }                                       /*    for xtra_dept_services  */

  /*   ul of services   */


  #services_list li{                      /*   for xtra_dept     (home)  */
        padding-left:20px;
        list-style:none;
        font-size:12pt;
        line-height:1.8em;
          }

   #services_list li.first {
        text-indent:-2.4em;
   }

   html>body #services_list li.first {
         text-indent:0;
   }                                       /*   for xtra_dept     (home)  */

   #divider {
        margin:10px 10px;
        padding:0;
        clear:both;
        border:1px solid #eee;
        height:0;
   }

   #divider.side {
        margin-top:3px;
        border-color:#999;
   }




   /* right sidebar */

  #side_title {
       font-size:110%;
       margin:5px 20px 1px 20px;
       padding:15px 0 0 0;
       position:relative;
  }


  #side_menu {
      margin:18px 15px 0 0;
      background:#ccc;                /* ccc ebf4d9   */
  }

  #right_nav {
        margin:0 0 0 10px;
        padding:0;
  }


 #right_nav li {
        margin:0;
        padding:0;
        list-style:none;
        display:inline;
        width:90px;
 }

 #right_nav a {
      display:block;
      height:14px;
      text-decoration:none;
      color:#000;
      padding:8px 0 20px 5px;
 }


   #right_nav a:hover {
      background:#ff9;
   }

/*   Contact Form   */



  table.contact_form td{
      padding-left:15px;
  }

  #required {
        font-size:8pt;
  }

  #star {
     color:#990000;
}

 /*     login form    */


 table.login_form td {
        padding:5px 15px 0 15px;

 }

 #note {
    font-size:8pt;
 }



 #login_button {
        padding-top:15px;
 }


#forget {
    font-size:9pt;
}