/*  Description: look and feel for the 'Baker Glass' website  */
        /*  Version: 1.0 */
        /*  All source code & concepts (c) copyright 2010 by Cognent Inc. */
        /*  All rights reserved worldwide. */
	/*  ATTENTION: This CSS has been licensed by Baker Glass Co., Inc.*/
	/*  License no: ITNX140610-cgnt-1427 */


html {

   scrollbar-arrow-color: #FFFFFF;
   scrollbar-track-color: #005973;
   scrollbar-base-color: #77A7B5;
   scrollbar-face-color: #77A7B5;
   scrollbar-highlight-color: #77A7B5;
   scrollbar-darkshadow-color: #77A7B5;
}

  body {
    margin: 0px;
    padding: 0px;
    background-color: #005973;
    font-family: Verdana, Helvetica, Arial;
    font-size: 11pt;
    color: #005973;
    text-align: center;
  }

  div {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin: 0px;
    padding: 0px;
    margin-top: -1px;
    position: relative;
    text-align: left;
    background-color: transparent;
  }


  #page {
    width: 96%;
    min-width: 760px;
    min-height: 200px;
    margin: 20px auto 15px auto;
    background-color: #FFFFFF;
    z-index: 1;
  }

  #header {
    width: 100%;
    height: 116px;
    border: none;
    background: transparent url('images/tile_top.gif') scroll repeat-x;
    z-index: 2;
  }

    #header img.ltHd {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 415px;
      height: 116px;
      z-index: 3;
    }

    #header img.rtHd {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 250px;
      height: 116px;
      z-index: 4;
    }

      #ada {
        position: absolute;
        bottom: -30px;
        right: 10px;
        width: 230px;
        height: 25px;
        z-index: 4;
      }

      #ada img {
        width: 25px;
        height: 25px;
      }

      #ada p {
        padding: 0px;
      }

        #ada img {
          float: right;
          display: inline;
          width: 25px;
          height: 25px;
          margin: 0px 6px 0px 0px;
        }

    #nav {
      width: 124px;
      float: left;
      margin-left: 10px;
    }


    #content {
      position: relative;
      min-height: 300px;
      margin-left: 142px;
      padding: 25px 0px 20px 0px;
      z-index: 1;
      margin-bottom: 30px;
    }

    .rBdr, .lBdr {
      position: absolute;
      top: 2px;
      width: 6px;
      height: 100%;

      z-index: 2;
    }
    .bBdr {
      position: absolute;
      width: 100%;
      height: 6px;
      bottom: -1px;
      left: 0px;
      background: transparent url('images/tile_bot.jpg') scroll repeat-x;
      z-index: 1;
      border: none;
    }

    .lBdr {
      left: 0px;
      background: transparent url('images/tile_lt.jpg') scroll repeat-y;
    }

    .rBdr {
      right: 0px;
      background: transparent url('images/tile_rt.jpg') scroll repeat-y;
    }

    /** corners for the whole page, and the footer **/

    .crBL, .crBR {
      position: absolute;
      width: 31px;
      height: 31px;
      bottom: -2px;
      z-index: 3;
    }
    .crBL {
      left: 0px;
      background: transparent url('images/cor_bl.jpg') scroll no-repeat;
    }
    .crBR {
      right: 0px;
      background: transparent url('images/cor_br.jpg') scroll no-repeat;
    }

    .fTL, .fTR, .fBL, .fBR {
      position: absolute;
      width: 6px;
      height: 5px;
      z-index: 2;
      border: none;
    }
    .fTL {
      top: 0px;
      left: 0px;
      background: #FFFFFF url('images/cor_ft.jpg') scroll no-repeat 0px 0px;
    }
    .fTR {
      top: 0px;
      right: 0px;
      background: #FFFFFF url('images/cor_ft.jpg') scroll no-repeat -6px 0px;
    }
    .fBL {
      bottom: 0px;
      left: 0px;
      background: #FFFFFF url('images/cor_ft.jpg') scroll no-repeat 0px -5px;
    }
    .fBR {
      bottom: 0px;
      right: 0px;
      background: #FFFFFF url('images/cor_ft.jpg') scroll no-repeat -6px -5px;
    }



  #footer {
    width: 98%;
    padding: 3px 0px 3px 0px;
    margin: 10px auto 10px auto;
    border-bottom: none;
    border-top: 1px solid #005973;
    background-color: #005973;
    z-index: 5;
    min-height: 15px;
  }
    #footer img {
      width: 150px;
      height: 15px;
      display: block;
      float: right;
      margin: 3px 5px 3px 0px;
    }

      div.imgCenter {
        margin: 10px auto 10px auto;
      }

      div.dl_im {
        max-width: 650px;
        min-width: 534px;
        height: 200px;
        margin: 10px auto 15px auto;
      }

      div.dl_im img {
        height: 200px;
      }

      div.map {
        width: 400px;
        height: 400px;
        margin: 3px auto 90px auto;
      }

      div.map img {
        width: 400px;
        height: 400px;
      }

      p {
        padding: 5px 8px 5px 8px;
        margin: 0px;
      }
      p.ex_pd {
        padding-left: 16px;
      }

      h1, h2, h3, h4, h5 {
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 0px 6px;
      }

      ul {
        list-style-type: none;
      }

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

      img.hist {
        margin-top: 15px;
      }

      div.bBut {
        margin: 10px auto 10px auto;
      }

      div.bBut, div.bBut a, div.bBut a img {
        display: block;
        width: 100px;
        height: 30px;
      }


      .fl_rt {
        float: right;
      }
      .fl_lt {
        float: left;
      }
      div.mb {
        margin-top: 50px;
        border: 1px solid black;
      }


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

    .space {
      clear: both;
      display: block;
    }

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

    .centerText {
      text-align: center;
    }

    .red {
      color: #FF0000;
    }
  a, a:hover, a:link, a:visited {
    color: #005973;
  }


  ul.menu {
  position: relative;
  display: block;
  width: 124px;
  list-style-type: square;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 20px 0px;
  background-color: transparent;
  border: none;
  z-index: 1;
}

      ul.menu img.top {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 124px;
        height: 20px;
      }

      ul.menu img.bot {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 124px;
        height: 20px;
      }

  ul.menu li {
    float: left;
  }


  ul.menu li, ul.menu li a {
    position: relative;
    display: block;
    width: 124px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    border: none;
}



  ul.menu li a img {
    width: 124px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    border: none;
    margin: 0px;
    padding: 0px;
    display: block;
  }