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

  /* Body */

    html { height: 100%; }

    body {
      margin: 0px;
      text-align: center;
      height: 100%;
      width: 100%;
      background-color: rgb(144, 174, 160);
      background-image: url(./images/bg-blank.jpg);
      background-repeat: repeat-y;
      background-position: center;
    }

    a {text-decoration:none;}
    a:hover{text-decoration:underline;}


  /* Background */

    #centered{
      position: relative;
      width: 792px;
      height: 100%;
      min-height: 580px;
      margin: 0px auto 0px auto;
      text-align: left;
      overflow: visible;
      border-color: #BCCBC6;
      border-style: solid;
      border-width: 4px;
      background-image: url(./images/bg-lake.gif);
      background-repeat: no-repeat;
    } 

    * html #centered {
      height:100%;
    }


  /* Header */

    #pagetitle {
      position: absolute;
      text-align: left;
      left: 18px;
      top: 30px;
      width: 369px;
      height: 45px;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 36px;
      color: #ffffff;
      text-decoration: none;
    }

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


  /* Navigation Menu */

    #menubackground {
      position: absolute;
      left: 17px;
      top: 97px;
      width: 164px;
      height: 444px;
      background-image: url(./images/bar-side.gif);
      /* background-image-width: 164px; */
      /* background-image-height: 444px; */
      background-repeat: no-repeat;
    }

    #menu {
      position: absolute;
      left: 13px;
      top: 3px;
      width: 9em;
      padding: 0 0 1em 0;
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      color: #285151;
      text-decoration: none;
    }
    #menu ul {
      list-style: none;
      margin:  0;
      padding: 0;
      border: none;
    }
	
    #menu li {
      margin:  0 0 0.5em 0;
      font-size:13px;
      font-weight:bold;
    }

    #menu li a {
      display: block;
      padding: 2px 2px 2px 0;
      text-decoration: none;
      width: 100%;
    }

    #menu li a:hover {
      margin: 0 0 0 -10px;
      border-left: 10px solid #285151;
      background-color: #B4CEC4;
      color: #fff;
    }

    #menu li a:active { color: #000000; }
    #menu li a:link { color: #285151; }
    #menu li a:visited { color: #285151; }
    #menu li a:active { color: #285151; }
    html>body #menu li a { width: auto; }

    #menusub li {
      margin:  0 0 0.25em 2em;
      font-size:11px;
      font-weight:normal;
    }

  /* Footer */

     #footer {
      position: absolute;
      left: 17px;
      top: 544px;
      width: 164px;
      height: 19px;
      text-align: center;
    }

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


  /* Content */

    #contenttitlebar {
      position: absolute;
      left: 188px;
      top: 98px;
      width: 596px;
      height: 35px;
      background-image: url(./images/bar-top.gif);
      background-repeat: no-repeat;
    }

    #contenttitle {
      position: absolute;
      text-align: left;
      left: 8px;
      top: 5px;
      width: 580px;
      height: 29px;
    }

    .titletext {
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 19px;
      color: #285151;
    }

    #content {
      position: absolute;
      left: 192px;
      top: 128px;
      width: 596px;
    }

    .contenttext {
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #285151;
      font-weight: normal;
      /* 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: #285151; }
    .contenttext li a:link { color: #285151; }
    .contenttext li a:visited { color: #285151; }
    .contenttext li a:active { color: #285151; }
    .contenttext a:active { color: #285151; }
    .contenttext a:link { color: #285151; }
    .contenttext a:visited { color: #285151; }
    .contenttext a:active { color: #285151; }

    .contentblock {
      font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #366E6E;
      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: #366E6E1; }
    .contentblock li a:link { color: #366E6E; }
    .contentblock li a:visited { color: #366E6E; }
    .contentblock li a:active { color: #366E6E; }
    .contentblock a:active { color: #366E6E; }
    .contentblock a:link { color: #366E6E; }
    .contentblock a:visited { color: #366E6E; }
    .contentblock a:active { color: #366E6E; }