/*  CSS Code file: itnix_style.css */
        /*  Description: common look and feel of all web pages  */
        /*  Version: 1.0 */
        /*  All source code & concepts (c) copyright 2008, 2010 by ItNix, LLC. */
        /*  All rights reserved worldwide. */
        /*  Changed by: Ivan Carrazco */

html {

   scrollbar-face-color: #213C73;
   scrollbar-arrow-color: #FF0000;
   scrollbar-base-color: #666666;
   scrollbar-track-color: #E9B120;
/*
   scrollbar-highlight-color: #red;
   scrollbar-3dlight-color: #202020;
   scrollbar-darkshadow-color: #989898;
*/
}

  html, body {
    height: 100%;
  }

  html, body {
    margin: 0px;
    padding: 0px;
    background: #213C73 url( '../../images/tiny_back.jpg' ) fixed;
    font-family: Verdana, Helvetica, Arial;
    font-size: 10pt;
    color: #000000;/*#213C73;*/
  }


  #page {
    position: relative;
    width: 1024px;
    min-height: 100%;
    min-width: 770px;
    background-color: #213C73;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
  }

  #header {
    position: relative;
    height: 130px;
    margin: 0px;
    padding: 0px 0px 0px 400px;
    background: #FFFFFF url( '../../images/head_back.jpg' ) scroll repeat-x;
    z-index: 2;
  }
      #ada {
        position: absolute;
        width: 93px;
        height: 25px;
        right: 0px;
        top: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        z-index: 20;
      }
        #ada img {
          float: right;
          display: block;
          width: 25px;
          height: 25px;
          margin: 0px 6px 0px 0px;
          padding: 0px;
        }


  #contentWrapper {
    width: 100%;
    margin: -18px 0px 0px 0px;
    padding: 0px;
    background: #FFFFFF url( "../../images/leftback.jpg" ) scroll repeat-y;
    border-bottom: 1px solid #213C73;
  }

    #nav {
      position: relative;
      z-index: 5;
      float: left;
      width: 175px;
      height: 100%;
      margin: 0px;
      padding: 20px 0px 0px 0px;
      /*background: #FFFFFF url( "../../images/leftback.jpg" ) scroll repeat-y;*/
    }

    #content {
      width: auto;
      position: relative;
      z-index: 2;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 20px 178px;
      /*border-bottom: 1px solid transparent;*/
      /* border-left: 175px solid #213C73; */
    }



      div#splash {
        width: 842px;
        height: 280px;
        margin: -18px auto 20px auto;
        background: transparent url( '../../images/content/index-b.jpg' ) scroll no-repeat;
      }

      div#splash object, div#splash embed {
        display: block;
        width: 842px;
        height: 280px;
        border: none;
        margin: 0px;
        padding: 0px;
      }


  #footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 2px 0px 2px 0px;
    margin: 0px;
    bottom: 0;
    height: 20px;
    background-color: #213C73;
    z-index: 3;
  }


  #footer img {
    width: 136px;
    height: 20px;
    display: block;
    float: right;
    margin: 0px 5px 0px 0px;
  }

  p {
    margin: 0px;
    padding: 8px;
  }

      img  {
        display: block;
        border: none;
        padding: 0px;
        margin: 0px 0px 10px 0px;
      }

      div.imgContainer {
        padding: 0px;
      }

      div.logo, div.logo img {
        position: absolute;
        top: 0;
        left: 0;
        width: 404px;
        height: 130px;
        margin: 0px;
        padding: 0px;
        display: block;
        border: none;
      }

      div.isobk {
        background: transparent url( '../../images/aqa9001resp.gif' ) scroll no-repeat 60% center;
      }

/*
      div.navImg, div.navImg img {
        float: right;
        width: 107px;
        height: 76px;
        margin: 4px 6px 0px 0px;
        padding: 0px;
        background: #213C73 url( "../../images/abilityOne.jpg" ) scroll no-repeat;
      }

      div.navImg:hover {
        background: #213C73 url( "../../images/abilityTwo.jpg" ) scroll no-repeat;
      }
*/

   .copyright {
      margin: 0px 0px 0px 8px;
      text-align: center;
      color: #FFFFFF;
      font-size: 0.8em;
    }

/** Special Buttons **/
    a.button {
      display: block;
      padding: 0px;
    }

    a.ability {
      float: right;
      background: #2137C3 url( "../../images/buttons/abilityButton.jpg" ) scroll no-repeat;
      width: 107px;
      height: 76px;
      margin: 4px 6px 0px 0px;
      padding: 0px;
    }

    a.ability:hover {
      background-position: -107px 0px;
    }

    a.playButton {
      background: #FFFFFF url( "../../images/buttons/creativeButton.jpg" ) scroll no-repeat;
      width: 136px;
      height: 58px;
      margin: 0px;
      padding: 0px;
    }

    a.playButton:hover {
      background-position: -136px 0px;
    }


    a.ability2 {
      width: 94px;
      height: 68px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      background: #FFFFFF url( "../../images/buttons/abilityButton2.jpg" ) scroll no-repeat;
    }

    a.ability2:hover {
      background-position: -94px 0px;
    }



/** End of special buttons */


  .space {
    clear: both;
  }






  /** LOOK AND FEEL FOR CONTENT **/

  /** newsletter background */
  div.newsletterBack {
    position: absolute;
    width: 576px;
    height: 399px;
    bottom: 43px;
    right: 0;
    background-image: url( "../../images/content/newsletter/paperimg.jpg" );
    background-attachment: scroll;
    background-repeat: no-repeat;
    z-index: 1;
  }

  div.floatOnTop {
    position: absolute;
    top: 150px;
    left: 500px;
    width: 197px;
    height: 280px;
  }


/** columns rules */
  .leftCol {
    width: 47%;
    float: left;
    margin: 0px;
    padding: 0px 8px 10px 8px;
  }

  .rightCol {
    width: 47%;
    float: right;
    margin: 0px;
    padding: 0px 8px 10px 8px;
  }

  .triCol {
    width: 30%;
    float: left;
    margin: 0px;
    padding: 0px 1px 0px 0px;
    overflow: hidden;
  }

  .triCol_1 {
    float: left;
    width: 50%;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
  }

  .triCol_2 {
    float: left;
    width: 20%;
    max-width: 167px;
    margin: 0px;
    padding: 0px ;
  }

  .triCol_3 {
    float: right;
    width: 20%;
    min-width: 90px;
    margin: 0px;
    padding: 0px;
  }

  .imgRight img {
    display: block;
    float: right;
    clear: right;
    margin-right: 30px;
  }

  img.hdr {
    width: 842px;
    height: 280px;
    margin: 0px auto 16px auto;
    padding: 0px;
    display: block;
  }

  img.imgCnt {
    display: block;
    margin: 0px auto 10px auto;
  }

  div.imgCenter {
    display: block;
    width: auto;
    margin: 0px auto 16px auto;
    padding: 0px;
  }

  div.imgCenter img {
    display: block;
    margin: 0px;
    padding: 0px;
  }

  div.exec {
    position: relative;
    margin: 0px;
    padding: 0px;
    padding-left: 66px;

  }

  div.exec img {
    position: absolute;
    width: 66px;
    /*height: 100px;*/
    top: 10px;
    left: 0;
  }


/** End of columns */



  .noExtraBounds {
    margin: 0px;
    padding: 0px;
    border: none;
  }

/** rules about link inside the content */
  #content a, #content a:link, #content a:visited, #content a:hover {
    text-decoration: none;
    color: #213C73;
    font-weight: bold;
    font-size: 0.8em;
    margin-left: 2px;
  }

  #content a:hover {
    text-decoration: underline;

  }


  #content ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }





  hr {
    width: 90%;
    position: relative;
    margin: 16px auto 16px auto;
    padding: 0px;
    background-color: #213C73;
    color: #213C73;
  }



  /** Rules for contacts and headers **/
  div.contacts p span.name, p.contact span.name {
    font-weight: bold;
    color: #213C73;
  }

  div.contacts p a:link {
    font-weight: bold;
    font-size: 0.8em;
  }

  .redText {
    font-size: 0.8em;
    font-weight: bold;
    color: #EA1B21;
  }


  .blueText {
    color: #213C73;
    font-weight: bold;
    font-size: 0.8em;
    text-decoration: none;
  }

  .bigger {
    font-weight: bold;
    font-size: 1.1em;
  }

  h3.isoHdr {
    margin-top: 0px;
    margin-left: 8px;
    color: #000078;
  }
  h3.isoHdr, h3 {
    margin-bottom: 0px;
    font-size: 1.1em;
  }

  .line {
    text-decoration: underline;
  }

/** By default, all images on this site are displayed as blocks.  But the sign news letter sign is composed of two pics, so the need to be displayed as inline elements in order for them to be next to each other. **/
  div.newsletterSign img {
    display: inline;
  }