/*
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-family: Georgia, sans-serif;
        font-family: Helvetica, Arial, FreeSans, sans-serif;
        font-family:  Geneva, Tahoma, "Nimbus Sans L", sans-serif;
        font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
        font-family: "Trebuchet MS", sans-serif;
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
*/
body {
        font-family: Optima, Lucida, "MgOpen Cosmetica", "Lucida Sans Unicode", sans-serif;
        background: url(/images/rep_4.jpg);
        overflow-y: scroll;
        }
        
/*
        960px - 1 column
        480px - 2 columns
        320px - 3 columns
        240px - 4 columns
        160px - 6 columns
        120px - 8 columns
*/
        
.wrap {
         padding: 10px;
        }

.clear {
        clear: both;
        }
h1, h2, h3, h4, h5, h6 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
  margin-bottom: 14px;
  color: #4288c6;
}

h1 {
  font-size: 24px;
}
    
h2 {
  font-size: 18px;
}
    
p {
  margin-bottom: 1.5em;
  line-height: 1.5em;  /* 1.3em */
}

ul {
  margin-bottom: 1.3em;
}

li {
  line-height: 1.5em;
  list-style-type: disc;
  margin-left: 20px;
}

img.left {
  float: left;
  margin-right: 10px;
}

img.right {
  float: right;
  margin-left: 10px;
}

#container {
  width: 960px;
  background: #fff url(/images/bg-container.gif);
  margin: 0 auto;
  position: relative;
}
  .container-wrap {
    padding: 0 4px;
  }

/*******
    Header
*******/
.header {
  position: relative;
  z-index: 2;
}
.header .wrap {
    padding: 0;
    background: url(/images/bg-header.jpg) repeat-x;
    }

.header a.logo {
    background: url(/images/logo.jpg) no-repeat;
    display: block;
    width: 960px;
    height: 61px;
    }
    
    .header a.logo h1 {
      margin-left: -5000px;
    }

/*******
    Banner
*******/
.banner {
  position: relative;
  z-index: 2;
}

/*******
        Navigation
*******/

.nav {
  position: relative;
  background: url(/images/bg-below-nav.gif) bottom left repeat-x;
  height: 46px;
  z-index: 2;
}
    
  .nav .wrap {
    padding: 0 0 0 0;
  }
                
    ul.horiz-nav {
      margin-left: 0;
      padding-left: 0;
      white-space: nowrap;
      line-height: auto;
      width: 100%;
      background: #4288c6;
      height: 25px;
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff;
    }
                
      .horiz-nav li {
        display: inline;
        list-style-type: none;
        line-height: 12px;
      }
                        
        .horiz-nav a {
          display: block;
          float: left;
          padding: 5px 10px 4px;
          text-decoration: none;
          text-transform: uppercase;
          background: #4288c6;
          border-right: 2px solid #fff;
          color: #fff;
          letter-spacing: 1px;
          font-size: 12px;
          padding: 8px 10px 5px;
        }
                        
          .horiz-nav a:link,
          .horiz-nav a:visited {
            color: #fff;
          }
          
          .horiz-nav a:active {}
  
          .horiz-nav a:hover {
              background: #99C4FF;
              color: #4288c6;
          }
          
          .horiz-nav li.first a {
            margin-left: 0;
          }

/*******
    Dividers
*******/

  #right-divider,
  #left-divider {
    position: absolute;
    height: 100%;
    width: 4px;
    z-index: 1;
    background: url(/images/divider.png) repeat-y;
  }
  
  #left-divider {
    left: 240px;
  }
  
  #right-divider {
    right: 240px;
  }
    body#right-empty #right-divider {
      display: none;
    }
    
    body#left-empty #left-divider {
      display: none;
    }
    
    body#both-empty #right-divider,
    body#both-empty #left-divider {
      display: none;
    }

.content {
  background: #fff url(/images/bg-content.gif) repeat-x;
  color: #595959;
  font-size: 14px;
}

.content-wrap {
  padding-bottom: 10px;  
}
    
    .leftcol {
      width: 240px;
      float: left;
    }
    
    body#left-empty .leftcol {
      width: 0;
      display: none;
    }
    
    body#left-empty .rightcol {
      width: 850px;
      float: none;
    }
    
    body#right-empty .rightcol-left {
      width: 710px;
    }
    
    body#right-empty .rightcol-right {
      width: 0;
      display: none;
    }
    
    body#both-empty .leftcol,
    body#both-empty .rightcol-right {
      width: 0;
      display: none;
    }
    
    body#both-empty .rightcol {
      width: 960px;
    }
    body#both-empty .rightcol-left {
      width: 960px;
    }
    
    .rightcol {
      float: left;
      width: 710px;
    }
        
        .rightcol-left {
          float: left;
          width: 480px;
        }
            
        .rightcol-right {
          float: left;
          width: 230px;
        }

    .rightcol-left .wrap,
    .rightcol-right .wrap,
    .leftcol .wrap {
      padding: 10px 20px;
    }
        
.footer {
  background: #7ebaae;
  width: 100%;
  font-size: 12px;
  text-align: center;
  position: relative;
  z-index: 2;
}
    
  .footer li {
    display: inline;
    line-height: 12px;
  }
    .footer a {
      color: #fff;
      text-decoration: none;
      margin: 0 10px;
    }        
    .footer a:hover {
      text-decoration: underline;
    }

.copyright {
  background: #fff url(/images/bg-copyright.gif) repeat-x;
  height: 100px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #7c7c7d;
  position: relative;
  z-index: 2;
}
  .copyright .wrap {
    padding: 20px;
  }
        
.style1 {
  color: #6b6d6e;
  font-size: 10px;
}
.style2 {
  color: #50a2c4;
  font-size: 10px;
  font-weight: bold;
}
.style3 {
  color: #4591cc;
  font-size: 11px;
  font-weight: bold;
}
.style4 {
  color: #595959;
  font-size: 12px;
}
.style5 {
  color: #3bab95;
  font-size: 11px;
  font-weight:bold
}
.style6 {
  color: #8e8c8c; font-size: 10px;
  font-weight: bold;
}
.style7 {
  color: #348475;
  font-size: 11px;
  font-weight: bold;
}
.style9 {
  font-weight: bold; 
  color: #348475; 
  font-size:10px
}
.style10 {
  color: #FFFFFF;
  font-size: 8px;
  font-weight: bold;
}
.style12 {
  font-weight: bold; 
  color: #FFFFFF; 
  font-size:11px
}
.style13 {
  color: #7c7c7d;
  font-size: 11px;
}
.style14 {
  color: #4591cc;
  font-size: 11px;
}
.style15 {
  color: #939393
}