/*
** File:	styles.css
** Created:	01/04/99 by Scott Brady <http://www.webexpress.net.au/~sbrady/>
** Description:	Stylesheet for DHTML Multimedia Resource Centre
**		https://members.tripod.com/~advstud/
*/

/***********************************************************\
**                        ANY ELEMENTS                    **
\***********************************************************/

BODY
   { 
      background: rgb(0,0,127);
      color: white;

      font-family: "Verdana", "Arial", sans-serif;
      font-size: 10pt;
   }

A:link
   {
      color: rgb(140,160,255);
   }

A:visited
   {
      color: rgb(87,87,255);
   }

A:active
   {
      color: white;
   }

H1, H2, H3, H4, H1 A, H2 A, H3 A, H4 A
   {
      font-family: "Matura MT Script Capitals", cursive;
      padding-bottom: 0em;
      margin-bottom: 0em;
      line-height: 1;
   }

H1 A, H2 A, H3 A
   {
      text-decoration: none;
   }

H1
   {
      color: white;
      font-size: 48pt;
   }

H2
   {
      color: rgb(140,160,255);
      font-size: 28pt;
   }

H3
   {
      color: rgb(140,160,255);
      font-size: 22pt;
   }

H4
   {
      color: rgb(140,160,255);
      font-size: 16pt;
   }

IMG
   {
      border-width: 0;
   }

PRE
   {
      background: #bfbfdf;
      color: black;
   }

HR
   {
      width: 100%;
   }

TABLE
   {
      border: 0;
   }

TABLE TD
   {
      color: white;
      font-family: "Verdana", "Arial", sans-serif;
      font-size: 10pt;
      font-weight: normal;
      vertical-align: top;
   }

TABLE TH
   {
      color: white;
      font-family: "Verdana", "Arial", sans-serif;
      font-size: 10pt;
      font-weight: bold;
      vertical-align: top;
   }

ADDRESS
   {
      font-size: 10pt;
      font-style: italic;
   }

BODY FORM P
   { 
      background: rgb(0,0,127);
      color: white;

      font-family: "Verdana", "Arial", sans-serif;
      font-size: 10pt;
   }

/***********************************************************\
**                     CLASSED ELEMENTS                   **
\***********************************************************/

P.Title
   {
      text-align: center;
   }

SPAN.SubTitle1, SPAN.SubTitle2
   {
      color: rgb(140,160,255);
   }

SPAN.SubTitle1
   {
      font-size: 20pt;
      font-weight: bold; 
   }

SPAN.SubTitle2
   {
      font-size: 12pt;
   }

P.FinePrint
   {
      font-family: "Times New Roman";
      font-size: 8pt;
      font-weight: normal;
      text-align: justify;
   }

HR.Part
   {
      width: 90%;
   }

.Indent
   {
      position: relative;
      left: 12;
   }

/***********************************************************\
**                      HOMEPAGE CLASS                    **
\***********************************************************/

BODY.Homepage
   {
      background: rgb(0,0,127);
      color: white;

      font-family: "Verdana", "Arial", sans-serif;
      font-size: 10pt;
   }

BODY.Homepage H1, BODY.Homepage H2, BODY.Homepage H3
   {
      font-family: "Matura MT Script Capitals", cursive;
      padding-bottom: 0em;
      margin-bottom: 0em;
      line-height: 1;
   }

BODY.Homepage H1
   {
      color: white;
      font-size: 48pt;
   }

BODY.Homepage H2
   {
      color: rgb(140,160,255);
      font-size: 28pt;
   }

BODY.Homepage H3
   {
      color: rgb(140,160,255);
      font-size: 22pt;
   }

BODY.Homepage A
   {
      text-decoration: none;
   }

/***********************************************************\
**                        TREE CLASS                      **
\***********************************************************/

/***********************************************************\
**                           LAYERS                       **
\***********************************************************/

#HomeSubtitleLayer
   {
      position: absolute;
      top: 300;
      width: 500;
      z-index: 1;
   }

#HomeMenuLayer
   {
      position: absolute;
      top: 10;
      text-align: right;
      height: 300;
      z-index: 3;
   }

#HomeCogsLayer
   {
      position: absolute;
      text-align: center;
      z-index: 2;
   }

#SubtitleLayer
   {
      position: absolute;
      top: 10;
      text-align: right;
      width: 100%;
      z-index: 1;
   }

/***********************************************************\
**                        ID ELEMENTS                     **
\***********************************************************/

#ButtonImages
   {
      width: 100%;
   }