/*
** External CSS (for screen media)
** This style sheet is exclusively for The Huguenot Society of Australia website
**
** Author:	Ken Namihira
** Version:	2.0
** Last Update: 06 Feb 2003
*/

/* style definition for common tags */
  body {font-family: verdana, helvetica, arial, sans-serif; color: #000000; background-color: #cccc99; margin: 0px; overflow: hidden;}
  p {margin: 2% 0;}
  li {margin: 1% auto;}
  table {font-size: 100%;}
  input {font-size: 100%;}
  th {margin: 0px; padding: 5px; border-style: solid; border-width: 1px;}
  td {margin: 0px; padding: 5px; border-style: solid; border-width: 1px;}
  h1 {font-size: 200%; font-weight: normal; margin: 0px;}
  h2 {font-size: 150%; font-weight: normal;}
  h3 {font-size: 100%; text-indent: 5%;}
  h4 {font-size: 75%; font-weight: normal; margin: 0px;}

  a:link {color: #0033cc; background-color: transparent; text-decoration: none;}
  a:visited {color: #3300cc; background-color: transparent; text-decoration: none;}
  a:hover {color: #cc0033; background-color: transparent; text-decoration: none; background-image: url(../images/rollover.gif); background-repeat: repeat-x; background-position: center;}
  div#instruction a:hover {color: #cc0033; background-color: transparent; text-decoration: none; background-image: none;}
  div#webring a:hover {color: #cc0033; background-color: transparent; text-decoration: none; background-image: none;}
  div#nameNavLayer p {margin: 0px;}
  div#qChapterLayer hr {border-style: none;}

/* style definition for common classes */
  .fontSize75p {font-size: 75%;}

  .currentpage {color: #339900; background-color: transparent;}

  .textCenter {text-align: center;}

  .padd10p {padding-left: 10%;}

  .footLink {position: relative; margin: 0px;}

  .innerPhoto {float: right; margin: 5px;}
/* Layers */
  /* Common Layers */
    #cross {position: absolute; width: auto; margin: 0px; z-index: 0;}
    #navigation {position: absolute; width: 22%; margin: 0px; text-align: center; z-index: 1;}
    #titlelogo {position: absolute; width: auto; margin: 0px;}
    #pageheader {position: absolute; width: auto; margin: 0px;}
    #copyr {position: absolute; width: auto; margin: 0px;}
    #navHelpCont {position: absolute; width: 22%; padding: 5px; color: #000000; background-color: #ffffff; visibility: hidden; z-index: 2;}
    #picInfoBtn {position: absolute; width: auto; margin: 0px; z-index: 0;}
    #picInfo {position: absolute; width: auto; padding: 5px; color: #000000; background-color: #ffffff; visibility: hidden; z-index: 2;}
    #photo1 {position: absolute; width: auto; margin: 0px; z-index: 0;}
    #photo2 {position: absolute; width: auto; margin: 0px; z-index: 0;}

  /* Layers for indivisual pages */
    /* index.html */
    #newVisitor {position: absolute; width: auto; margin: 0px;}
    #welcomeLayer {position: absolute; width: 35.1%; height: 60%; margin: 0px; overflow: auto;}
    #instruction {position: absolute; width: 66.6%; padding: 5px; color: #000000; background-color: #ffffff; visibility: hidden; z-index: 2;}
    #webring {position: absolute; margin: 0px; color: #000000; background-color: #eeeeee; padding-right: 1%;}

    /* who.html */
    #whoLayer {position: absolute; width: 74.1%; height: 45%; margin: 0px; overflow: auto; padding-right: 5px; z-index: 1;}

    /* name.html */
    #nameIntroLayer {position: absolute; width: 53%; height: 65%; margin: 0px; overflow: auto; padding-right: 5px;}
    #nameNavLayer {position: absolute; width: 22.5%; height: 11%; margin: 0px; overflow: auto; text-align: center;}
    #nameListLayer {position: absolute; width: 22.5%; height: 54%; margin: 0px; overflow: auto; z-index: 1;}
    #nameHintBtn {position: absolute; width: auto; margin: 0px;}
    #nameHint {position: absolute; width: 33%; padding: 5px; color: #000000; background-color: #ffffff; visibility: hidden; z-index: 2;}

    /* famous.html */
    #famousLayer {position: absolute; width: 53%; height: 65%; margin: 0px; overflow: auto; padding-right: 5px;}

    /* aim.html */
    #aimLayer {position: absolute; width: 74.1%; height: 65%; margin: 0px; overflow: auto; padding-right: 5px; z-index: 1;}

    /* publications.html */
    #pubLayer {position: absolute; width: 74.1%; height: 65%; margin: 0px; overflow: auto; padding-right: 5px; z-index: 1;}

    /* q_chapter.html */
    #qChapterLayer {position: absolute; width: 74.1%; height: 65%; margin: 0px; overflow: auto; padding-right: 5px; z-index: 1;}

    /* member.html */
    #memberLayer {position: absolute; width: 76%; height: 60%; margin: 0px; overflow: auto; padding-right: 5px;}
    #memberBtn {position: absolute; width: auto; margin: 0px;}
    #memberHint {position: absolute; width: 33%; padding: 5px; color: #000000; background-color: #ffffff; visibility: hidden; z-index: 2;}

    /* event.html */
    #eventLayer {position: absolute; width: 74.1%; height: 65%; margin: 0px; overflow: auto; z-index: 1;}

    /* contact.html */
    #contactLayer {position: absolute; width: 60%; height: 65%; margin: 0px; overflow: auto; padding-right: 5px;}

    /* term.html */
    #termLayer {position: absolute; width: 74.1%; height: 65%; margin: 0px; overflow: auto; padding-right: 5px;}