/* BASE STYLE-SHEET ::interactivity::   navigation, forms & mouse-cursor      (c) 2004 ianbrown@msn.com.au  */



html             { color: black; cursor: default; }

                                                     /* browser styles  (IE 5.5+ only) */
html, body       { scrollbar-3dlight-color: #B0B0B0;  scrollbar-highlight-color:  #C0C0C0;
                   scrollbar-face-color:    #A0A0A0;  scrollbar-arrow-color:      #E0E0E0;
                   scrollbar-shadow-color:  #808080;  scrollbar-darkshadow-color: #383838;
                   scrollbar-track-color:   #686868;  scrollbar-base-color:       #000000;
                 }

body             { margin: 0em; padding: 0em; }


                                                         /* link-styles normal-anchors */
a                { text-decoration: underline; }                         /* all links  */
a:link           { color: #993300; }                                     /* unvisited  */
a:visited        { color: #55591C; }                                     /* visited    */
a:hover          { color: red;     text-decoration: none; }              /* mouse-over */
a:active         { color: #A06600; text-decoration: none; }              /* active     */

                                                /* link-styles anchors-containing-tags */
a         *      { text-decoration: underline; }
a:link    *      { color: #993300; }
a:visited *      { color: #55591C; }
a:hover   *      { color: red;     text-decoration: none; }
a:active  *      { color: #A06600; text-decoration: none; }

                                                /* link-styles anchors-containing-imgs */
a         img    { text-decoration: none; padding: 1px; }
a:link    img    { color: #C0C0C0; }
a:visited img    { color: #808080; }
a:hover   img    { color: red;     }
a:active  img    { color: #00A000; }


                                                           /* styles for currency calc */
div.calc         { text-align:center;}
div.calc  p      { font-family: Verdana; font-size: 90%; font-weight: bold; letter-spacing: 0.2em; }
div.calc  a      { text-decoration: none; }
div.calc  iframe { margin-top: 0.0em; margin-bottom: 0.0em; }
                 
form             { margin-bottom: 0.0em; }

                                                                    /* horizontal rule */
hr               { clear: both; color: gray; background-color: black;
                   border-style: solid; border-width: thin;
                   margin-top: 0.3em; margin-bottom: 0.3em; padding: 0; 
                 }


                                                    /* form-styles buttons, input, etc */
button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=radio],
input[type=checkbox],
select           { cursor: pointer; }
button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=text],
textarea,
select           { color: #0000C0; font-weight: bold; text-decoration: none; }
button:hover,
input:hover[type=button],
input:hover[type=submit],
input:hover[type=reset],
input:hover[type=text],
textarea:hover,
select:hover     { color: #A80000; }

             /* REMEDIAL: IE6.0 lacks 'attribute-selectors' (eg 'type' above)
                The following classes can be manually assigned to key elements as required.
                Once IE supports attribute-selectors, the button/input-classes below may be deleted */
                  select                      { cursor: pointer; }
                  .button                     { cursor: pointer; }
                  .button,       .input       { color: #0000C0; font-weight: bold; text-decoration: none; }
                  .button:hover, .input:hover { color: #A80000; }
             /* REMEDIAL: IE5.0 screws-up with 'attribute-selectors'. Reset via a fictitious attribute. */
                     *[ie5only]  { cursor: default; color: inherit; font-weight: inherit; text-decoration: none; }



             /* REMEDIAL: for JOIN.HTM till resolved anchor in submit button issue */
                  a.linkbutton     { text-decoration: none; }      /* required by Moz to stop underlining in button */
                  a:hover input    { color: #0000B0;  }            /* required by IE  to stop hover as other butts do not */



/*
  ==== TECHNICAL NOTES ==============================================================

  [0] These styles provide 'interactivity' [a] user's sense-of-touch when using
      the mouse ('tactility' of user-interface) & [b] visual feed-back to the user
      for navigation.

  [1] The mouse-cursor (pointer) for text is forced (via html style) to a normal
      pointer rather than the 'I-beam' used by most browsers.

  [2] Link-colors / mouse pointer should be consistent across all pages (global),
      and their definitions herein will override any styling by the author in
      all pages linked to this style-sheet.

  [A] Within any related group of CSS definitions, sequence is critical.  When
      definitions have equal precedence, then later definitions prevail. Sequence
      of anchor (link) is important, (active must follow hover).

  [B] The form-styles (buttons, etc) use W3C CSS2 attribute-selectors. These styles
      are not supported by IE6 (a real shame) but are supported by Moz1, NS6, Op5.

  [C] If pages are marked up in HTML4-transitional and use font-tags, then this
      style-sheet must not define font family/size, etc, to avoid overriding the
      author's markup & intended appearance.

  [D] colors are specified herein as hexadecimal RGB

       NAME     #RRBBGG

       black  = #000000
       gray   = #808080
       silver = #C0C0C0
       white  = #FFFFFF

       red    = #FF0000
       maroon = #800000
       lime   = #00FF00
       green  = #008000
       blue   = #0000FF
       navy   = #000080
*/