/*  3 Column 800x600 Absolute Position Style Sheet                       */
/*                                                                       */
/*  Description: 3col-800.css defines the base level (top level)        */
/*  style definition for bd handspicker websites.                        */
/*                                                                       */
/*  Copyright 2006 bd handspicker                                        */

  /* Body */

    html { height: 598px; }

    body {
      margin: 0px;
      text-align: center;
      height: 598px;
      width: 100%;
      background-color: #BDBEC0;
      background-image: url(./images/bg-blank-short.jpg);
      background-repeat: repeat-y;
      background-position: center;
    }

    a {text-decoration:none;}
    a:hover{text-decoration:underline;}
    a:active { color: #FFFFFF; }
    a:link { color: #FFFFFF; }
    a:visited { color: #FFFFFF; }
    a:active { color: #FFFFFF; }

    #centered{
      position: relative;
      width: 792px;
      height: 598px;
      min-height: 580px;
      margin: 0px auto 0px auto;
      text-align: center;
      overflow: visible;
    } 

    * html #centered {
      height:100%;
    }


  /* Header */

    #head-left {
      position: absolute;
      text-align: right;
      left: 0px;
      top: 4px;
      width: 150px;
      height: 100px;
      background-color: #A3B8CB;
    }

    #head-left-text {
      margin:  4px 4px 4px 4px;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 16px;
      color: #FFFFFF;
      text-decoration: none;
    }
 
    #head-center {
      position: absolute;
      text-align: right;
      left: 153px;
      top: 4px;
      width: 486px;
      height: 100px;
      margin-bottom: 0;
      background-color: #A3B8CB;
    }
 

   #pagetitle {
      margin:  8px 8px 8px 8px;
      text-align: right;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 36px;
      font-weight: bold;
      color: #5382A1;
      text-decoration: none;
    }

    #pagetitle a:link { color: white; }
    #pagetitle a:visited { color: white; }
    #pagetitle a:active { color: white; }


    #head-right {
      position: absolute;
      text-align: center;
      valign: center;
      left: 642px;
      top: 4px;
      width: 150px;
      height: 100px;
      background-color: #A3B8CB;
    }
 
    #head-right-text {
      margin:  4px 4px 4px 4px;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 16px;
      color: #FFFFFF;
      text-decoration: none;
    }
 


  /* Columns */

    #column-left {
      position: absolute;
      text-align: left;
      left: 0px;
      top: 107px;
      width: 150px;
      height: 487px;
      background-color: #A3B8CB;
    }

    #column-left-title {
      margin:  4px 4px 4px 4px;
      text-align: left;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 22px;
      font-weight: bold;
      color: #FFFFFF;
      text-decoration: none;
    }

    #column-left-content {
      margin:  4px 4px 4px 4px;
      text-align: left;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 13px;
      font-weight: normal;
      color: #FFFFFF;
      text-decoration: none;
    }

    #column-left-content li {
      margin-left: -2.75em;
    }

    #address {
      position: relative;
      text-align: right;
      top: 230px; /* 240 for Mozilla */
    }

    #addresstext {
      margin:  4px 4px 4px 4px;
      text-align: right;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 10px;
      color: #FFFFFF;
      text-decoration: none;
    }

    #column-center {
      position: absolute;
      text-align: left;
      left: 153px;
      top: 107px;
      width: 486px;
      height: 487px;
      background-color: #FFFFFF;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #35556B;
      text-decoration: none;
    }
 
    #column-right {
      position: absolute;
      text-align: left;
      left: 642px;
      top: 107px;
      width: 150px;
      height: 487px;
      background-color: #A3B8CB;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 16px;
      color: #FFFFFF;
      text-decoration: none;
    }

    #column-right-title {
      margin:  4px 4px 4px 4px;
      text-align: left;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 22px;
      font-weight: bold;
      color: #FFFFFF;
      text-decoration: none;
    }

    #column-right-content {
      margin:  4px 4px 4px 4px;
      text-align: left;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 13px;
      font-weight: normal;
      color: #FFFFFF;
      text-decoration: none;
    }

    #column-right-content li {
      margin-left: -2.75em;
    }

    #logo {
      position: relative;
      text-align: center;
      top: 230px; /* 240 for Mozilla */
    }

    #logotext {
      margin:  4px 4px 4px 4px;
      text-align: center;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 32px;
      font-weight: bold;
      color: #5382A1;
      text-decoration: none;
    }

     #copyright {
      position: relative;
      text-align: center;
      top: 240px; /* 260 for Mozilla */
    }

    .copyrighttext {
      font-family:  Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 7px;
      color: #FFFFFF;
    }



  /* Navigation Menu */

    #navigation {
      position: absolute;
      left: 0px;
      top: 2px;
      width: 486px;
      height: 20px;
      text-align: center;
    }

    #navigation ul {
      margin-left: 0;
      padding-left: 0;
      display: inline;
    } 

    #navigation ul li {
      width: 80px;
      height: 20px;
      margin-top: 0px;
      margin-right: 0px;
      margin-left: 0;
      margin-bottom: 0;
      padding: 0px 8px 2px;
      border: 2px solid #5382A1;
      background-color: #5382A1;
      text-align: center;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #FFFFFF;
      text-decoration: none;
      list-style: none;
      display: inline;
    }
	
    #navigation ul li.here {
      background-color: #FFFFFF;
      color: #5382A1;
      padding: 0px 8px 2px;
      border-bottom: none;
      list-style: none;
      display: inline;
    }
    #navigation ul li.here a:active { color: #5382A1; }
    #navigation ul li.here a:link { color: #5382A1; }
    #navigation ul li.here a:visited { color: #5382A1; }
    html>body #navigation ul li.here a { width: auto; }

    #navigation ul li a:active { color: #FFFFFF; }
    #navigation ul li a:link { color: #FFFFFF; }
    #navigation ul li a:visited { color: #FFFFFF; }
    html>body #navigation ul li a { width: auto; }


  /* Content */

    #content {
      position: relative;
      left: 4px;
      top: 30px;
      width: 472px;
    }

   .titletext {
      text-align: center;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 19px;
      font-weight: bold;
      color: #35556B;
    }

    .contenttext {
      text-align: left;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: normal;
      color: #35556B;
      /* text-decoration: none; */
    }
    .contenttext ul { list-style: square; }
    .contenttext li { margin-top: 0.25em; }
    .contenttext li { margin-bottom: 0.5em; }
    .contenttext li a:active { color: #35556B; }
    .contenttext li a:link { color: #35556B; }
    .contenttext li a:visited { color: #35556B; }
    .contenttext li a:active { color: #35556B; }
    .contenttext a:active { color: #35556B; }
    .contenttext a:link { color: #35556B; }
    .contenttext a:visited { color: #35556B; }
    .contenttext a:active { color: #35556B; }

    .contentblock {
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #35556B;
      font-weight: normal;
      display: none;
      /* text-decoration: none; */
    }
    .contentblock ul { list-style: none; }
    .contentblock li { margin-top: 0.25em; }
    .contentblock li { margin-bottom: 0.5em; }
    .contentblock li a:active { color: #35556B; }
    .contentblock li a:link { color: #35556B; }
    .contentblock li a:visited { color: #35556B; }
    .contentblock li a:active { color: #35556B; }
    .contentblock a:active { color: #35556B; }
    .contentblock a:link { color: #35556B; }
    .contentblock a:visited { color: #35556B; }
    .contentblock a:active { color: #35556B; }

    #content-column-left {
      position: absolute;
      left: 0px;
      top:  80px;
      width: 240px;
    }

    #content-column-right {
      clear: left;
      position: absolute;
      left: 240px;
      top: 80px;
      width: 240px;
    }

