/*
** External CSS (for non-script browswers and Netscape 4.x)
** This style sheet is exclusively for The Huguenot Society of Australia website
**
** Author:	Ken Namihira
** Version:	1.0
** Last Update: 06 Feb 2003
*/

/* style definition for common tags */
  body {font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; color: #000000; background-color: #cccc99; margin: 0px; overflow: visible;}
  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;}
  img {border-style: none;}
  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;}

  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#webring a:hover {color: #cc0033; background-color: transparent; text-decoration: none; background-image: none;}
  div#webring p {margin: 0px;}

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

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

  .textCenter {text-align: center;}

  .padd10p {padding-left: 10%;}

  .innerPhoto {float: right; margin: 5px;}

/* Layers */
  /* Common Layers */
    #cross {position: absolute; top: 0px; left: 0px; width: 167px; height: 420px; margin: 0px; z-index: 1; text-align: center;}
    #navigation {position: absolute; top: 0px; left: 0px; width: 167px; height: 420px; margin: 0px; z-index: 2; text-align: center;}
    #titlelogo {position: absolute; top: 0px; left: 167px; width: 592px; height: 84px; margin: 0px; text-align: center;}
    #pageheader {position: absolute; top: 84px; left: 190px; width: 570px; height: 42px; margin: 0px;}
    #copyr {position: absolute; top: 300px; left: 5px; width: 160px; height: 120px; margin: 0px; z-index: 3; text-align: center;}
    #navHelpCont {display: none;}
    #picInfoBtn {display: none;}
    #picInfo {display: none;}
    #photo1 {position: absolute; width: auto; margin: 0px;}
    #photo2 {position: absolute; width: auto; margin: 0px;}

  /* Layers for indivisual pages */
    /* index.html */
    #newVisitor {display: none;}
    #welcomeLayer {position: absolute; top: 105px; left: 478px; width: 266px; height: 264px; margin: 0px;}
    #instruction {display: none;}
    #webring {position: absolute; top: 369px; left: 167px; width: auto; height: 29px; margin: 0px; color: #000000; background-color: #eeeeee; padding-right: 1%;}

    /* who.html */
    #whoLayer {position: absolute; top: 210px; left: 181px; width: 563px; height: 189px; margin: 0px; padding-right: 5px; overflow: visible;}

    /* name.html */
    #nameIntroLayer {position: absolute; top: 126px; left: 167px; width: 402px; height: 273px; margin: 0px; padding-right: 5px; overflow: visible;}
    #nameNavLayer {display: none;}
    #nameListLayer {display: none;}
    #nameHintBtn {display: none;}
    #nameHint {display: none;}

    /* famous.html */
    #famousLayer {position: absolute; top: 126px; left: 167px; width: 402px; height: 273px; margin: 0px; padding-right: 5px; overflow: visible;}

    /* aim.html */
    #aimLayer {position: absolute; top: 126px; left: 181px; width: 563px; height: 273px; margin: 0px; z-index: 2; padding-right: 5px; overflow: visible;}

    /* member.html */
    #memberLayer {position: absolute; top: 126px; left: 174px; width: 577px; height: 252px; margin: 0px; padding-right: 5px; overflow: visible;}
    #memberBtn {display: none;}
    #memberHint {display: none;}

    /* event.html */
    #eventLayer {display: none;}

    /* contact.html */
    #contactLayer {position: absolute; top: 126px; left: 235px; width: 456px; height: 273px; margin: 0px; padding-right: 5px; overflow: visible;}

    /* term.html */
    #termLayer {position: absolute; top: 126px; left: 181px; width: 563px; height: 273px; margin: 0px; padding-right: 5px; overflow: visible;}