/*
 * Filename:     stylesheet.css
 * Author:       Mark Pumphrey
 * Date:         20 April 2007
 * History:      2.0b - Deploy Release
 * Description:  This is the Cascading Style Sheet for the
 *               Handicapped Unlimited Web site which was
 *               part of the SWE632 class assignment
 */

body {
  /**
   * Background outside of actual web page
   */
  background-color: #CCCCCC
}

#header {
  /**
   * Page title, logo, font selection and image
   */
  position:      absolute;
  top:           0px;
  left:          0px;
  background:    #0779C4;
  margin:        0.0px 0.0px 0.0px 0.0px;
  width:         800px;
  height:        190px;
  font-family:   arial, helvetica, verdana, sans-serif;
}

  #header h1 {
    /**
     *  HUI logo
     */
    position:        absolute;
    left:            -10px;
    top:             -5px;
    font-size:       68.0pt;
    color:           #ffffff;
    padding:         0em;
    padding-left:    5px;
    margin:          0.0in 0.0in 0.0in 0.0in;
    text-decoration: none;
  }

  #header img {
    /**
     * Header picture
     */
    position:        absolute;
    left:            220px;
    top:             0px;
    width:           340px;
    height:          100px;
  }

  #header h2 {
    /**
     *  Main title under picture
     */
    position:        absolute;
    left:            225px;
    top:             100px;
    font-size:       24px;
    color:           #ffffff;
    margin-top:      0pt;
    padding-left:    0px;
    padding-top:     0px;
  }

  #header h4 {
    /**
     * Sub title under picture in header
     */
    position:        absolute;
    left:            210px;
    top:             130px;
    font-size:       14px;
    color:           #ffffff;
    margin-top:      0pt;
  }

  #header h3 {
    /**
     * Top right menu in header
     */
    position:        absolute;
    left:            585px;
    top:             22px;
    font-size:       14px;
    color:           #ffffff;
    margin-top:      0pt;
  }

  #paypal {
    position:        absolute;
    left:            630px;
    top:             105px;
  }


#buttons {
  /**
   * Button bar under title
   */
  position:      absolute;
  top:           150px;
  left:          0px;
  background:    gray;
  font-family:   arial, helvetica, verdana, sans-serif;
  font-size:     24px;
  margin:        0.0px 0.0px 0.0px 0.0px;
  font-weight:   bold;
  width:         800px;
  height:        40px;
}

  /**
   * Button anchors
   */
  #buttons a {
    /**
     * Text within cell (pseudo button)
     */
    font-size:       16px;
    text-decoration: none;
    color:           #ffcc33;
  }

  #buttons a:link {
    color:        white;
  }

  #buttons a:visited {
    color:        #ffcc33;
  }

  #buttons a:active {
    color:        white;
  }

  #buttons .selbutton {
    /**
     * Selected (marked) button
     */
    width:           133px;
    height:          25px;
    background-color: #000099;
    text-decoration: none;
    text-align:      center;
    letter-spacing:  1px;
  }

  #buttons .norbutton {
    /**
     * Normal (un marked) button
     */
    width:           133px;
    height:          25px;
    background-color: #666666;
    text-decoration: none;
    text-align:      center;
    letter-spacing:  1px;
  }


#main {
  /**
   * Body under buttonbar
   */
  position:      absolute;
  top:           184px;
  left:          0px;
  width:         800px;
  background:    white;
  margin:        0.0px 0.0px 0.0px 0.0px;
  font-family:   arial, helvetica, verdana, sans-serif;
  font-size:     12pt;
}

  #main span {
    /**
     * Informational Message
     */
    color:         #ffcc33;
    font-size:     12pt;
  }


  #sidebar {
    /**
     * Left panel within main
     */
    vertical-align:  top;
    background:      gray;
    padding-left:    5px;
    padding-right:   5px;
    font-weight:     bold;
    font-size:       12px;
  }

  #center {
    /**
     *  Center and right of main
     */
    width:           585px;
    vertical-align:  top;
    background:      white;
    padding-left:    10px;
    padding-right:   10px;
    font-size:       12pt;
  }


  #center a {
    color:   blue;
  }

  #center a:link {
    color:   blue;
  }

  #center a:visited {
    color:   purple;
  }

  #center a:active {
    color:   purple;
  }


  #status {
    /**
     * Status bar above footer for errors
     */
    color:           yellow;
    background-color: red;
    font-weight:     bold;
    font-size:       12pt;
    text-align:      center;
    letter-spacing:  2px;
  }


  #footer {
    /**
     *  Footer within main
     */
    background:   #0779C4;
    margin:       0.0px 0.0px 0.0px 0.0px;
    width:        800px;
    height:       65px;
    border:       0px;
    color:        white;
    font-size:    14px;
    text-align:   center;
  }  

    #footer #rowone {
      /**
       *  XHTML button container in footer
       */
      width:    20%;
    }

    #footer img {
      /**
       *  XHTML button sizing
       */
      width:    100px;
      height:   32px;
    }

    #footer #rowtwo {
      /**
       *  Central copyright text within footer
       */
      width:    60%;
    }

    #footer #rowthree {
      /**
       *  Webmaster test within footer
       */
      width:    25%;
    }