body {
  background: #5f8dd3 url('images/bg.png') repeat-x fixed top left;
  font-family: Calibri, Helvetica, Verdana, Sans-Serif;
  font-size: 1em;
  color: #444444;
  overflow: scroll;
  padding: 0em 0em 0em 0em;
  margin: 0em 0em 0em 0em;
}

h1 {
   font-family: Calibri, Helvetica, Verdana, Sans-Serif;
   font-weight: 500;
   font-size: 28px;
   margin-top: -1.4em;
   color: #444444;
}

h2 {
   font-family: Calibri, Helvetica, Verdana, Sans-Serif;
   font-weight: 500;
   font-size: 1.4em;
   margin: 0.4em 0em 0.6em 0em;
   color: #007899;
}

a {
  color: #5aa02c;
}

#search {
  margin: 1em 1em 0.5em 0em;
}

#search-box {
  padding: 0em 0em 0em 0em;
  margin: 0em 0em 0em 0em;
}

#search-text, #Field3 {
  font-family: Calibri, Helvetica, Verdana, Sans-Serif;
  font-size: 1em;
  color: #242424;
  background-color: #CAE1FF;
}

#search-text, #Field3 {
    font-size: 10px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border-top: solid 0px #85b1de;
    border-left: solid 0px #85b1de;
    border-bottom: solid .5px #85b1de;
    border-right: solid .5px #85b1de;
    width: 14em;
    background-color: #EDF2F7;
}

  input[type="submit"], input[type="reset"],input[type="button"] {
  background-color: #CAE1FF;
  border-top: solid .5px #EDF2F7;
  border-left: solid .5px #EDF2F7;
  border-bottom: solid .5px #85b1de;
  border-right: solid .5px #85b1de;
  margin-left: 0.25em;
  color: #00008B;
}


input[type="submit"]:hover
{
  color: #ffffff;
}


  #layout {
    width: 66em;
   padding-top:10px;
    margin: 1em auto 0 auto;
  }

  #logo {

    background: transparent url('images/ccilogo.png') no-repeat;
    width: 380px;
    height: 10em;
    float:left; 
    padding-left: 0em;
}

  #topRight {
    background: transparent url('images/topright.png') no-repeat;
    width: 2.25em;
    height: 10em;
    padding: .4em 0em 0em 0em;
    float: right;
  }

  #top {
    background: transparent url('images/top.png') repeat-x;
    width: 40em;
    height: 10em;
    float: left;
  }

#pageShadowLeft {
  width: 2em;
  background: transparent url('images/left.png') repeat-y top left;  
}

#pageShaddowRight {
  width: 2em;
  background: transparent url('images/right.png') repeat-y top left;  
}

  #tabs {
    margin: 0em 0em 1em 0em;
   }

  #tabs ul {
    background: #ffffff url('images/topdiv.png') no-repeat top left;
    list-style: none;
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 0em 0em;
  }

  #tabs ul li {
    float: left;
    padding-right: 0.1em;
    background: transparent url('images/topdiv.png') no-repeat top right;
  }

  #tabs ul li a {
    float: left;
    color: #666666;
    text-decoration: none;
    padding: 1.2em 1.5em 1em 1.5em;
  }

  #tabs ul li a:hover {
    background: transparent url('images/topactive.png') repeat-x;
  }


  #page {
    background-color: #ffffff;
    width: 64.78em;
    margin-left: 8px;
    margin-top: 2em;

  } 

  #content {
    width: 45em;
    padding: 0em 3.5em 2em 1em;
    float: left;
  }

  #sidebar {
    background: transparent url('images/hr.png') repeat-y top left;
    width: 11em;
    padding: 0em 0em 1em 2em;
    float: right;
    margin-top: -2.5em;
  }

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

  #sidebar ul li{
    padding: 0em 0em 2em 0em;
    margin: 0em 0em 0em 0em;
  }

  #footer {
    padding: 0em 3em 1em 3em;
    width: 80.4em;
    font-size: 0.75em;
    color: #555555;
    background-color: #ffffff;
    float: left;
  }


  #footerL {
    float: left;
  }

  #footerR {
    float: right;
  }


  #footL {
    background: transparent url('images/bottomleft.png') no-repeat;
    width: 2em;
    height: 2em;
    float: left;
    padding: 0em 0em 0em .02em;
  }

  #foot {
    background: transparent url('images/bottom.png') repeat-x;
    width: 62em;
    height: 2em;
    float: left;
  }

  #footR {
    background: transparent url('images/bottomright.png') no-repeat;
    width: 2em;
    height: 2em;
    float: right;
    padding: 0em 0em 0em .02em;
  }

  .clear {
    clear: both;
  }