/* A SAMPLE GALLERY-TYPE PAGE - STYLES  */

/* (content centred (horiz/vert) around mid-point of view-port (browser window) */


    html, body, 
    #viewport        { height: 100% !important; padding: 0;  border: none; margin: 0; } 

    html             { font-size: medium; font-family: Verdana, Arial, sans-serif;
                       color: white; background-color: black; cursor: default; }
               
    body             { font-size: 100%; color: #A0A0A0; }
               
    table#viewport   { width: 100%; }
    
    td#header        { height:1em;  vertical-align: top; }
    td#content       { height: 70%; vertical-align: middle; text-align: center; }
    td#footer        { height:1em;  vertical-align: bottom; }
    
    td#header p      { color:  #989898; font-size: 170%; background-color: #444444; letter-spacing: 0.6em;
                       padding: 0.4em; border: none; margin: 0; }

    td#footer p      { color:  #989898; font-size: 70%;  background-color: #444444; letter-spacing: 0.2em;  
                       padding: 0.4em 0.4em 0.4em 0.7em; border: none; margin: 0; }
                       
    #ref              { float: right; margin: 0 0.2em 0 1em; }
    div#ref a         { font-size: 95%; font-weight: bold; white-space: nowrap; text-decoration: none; 
                        line-height: 140%; margin: 0 0 0 0.3em;  padding: 0; border: none; }
    div#ref a:link    { color: black;   }
    div#ref a:visited { color: black;   }
    div#ref a:hover   { color: #EDEDF4; }
    div#ref a:active  { color: white;   }




              /* . . NON-STANDARD STYLES IE-only (produces css-validation errors - remove to validate) */
    html,
    body     { scrollbar-3dlight-color: #444444; scrollbar-highlight-color:  #505050;
               scrollbar-face-color:    #383838; scrollbar-arrow-color:      #888888;
               scrollbar-shadow-color:  #222222; scrollbar-darkshadow-color: black;
               scrollbar-track-color:   #282828; scrollbar-base-color:       black; }
              /* . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */