/*
	For an excellent FAQ on CSS, please visit:

	http://www.hwg.org/resources/faqs/cssFAQ.html

	Otherwise, for a quick reminder:

	Q11. What is CSS rule 'ruleset'? 

    There are two types of CSS rules: ruleset and at-rule.
    Ruleset identifies selector or selectors and declares
    style which is to be attached to that selector or selectors.

    For example P {text-indent: 10pt} is a CSS rule.

    CSS rulesets consist of two parts:
        selector, e.g. P and
        declaration, e.g. {text-indent: 10pt}. 

    P {text-indent: 10pt} - CSS rule (ruleset)
    {text-indent: 10pt} - CSS declaration
    text-indent - CSS property
    10pt - CSS value 

    Q13. What is selector?

    CSS selector is equivalent of HTML element(s).
    It is a string identifying to which element(s)
    the corresponding declaration(s) will apply and
    as such the link between the HTML document and the style sheet.

    For example in P {text-indent: 10pt} the selector is P
    and is called type selector as it matches all instances
    of this element type in the document.

    in:

    P, UL {text-indent: 10pt}

    the selector is P and UL (see grouping); in:

    .class {text-indent: 10pt}

    the selector is .class (see class selector).

    Q14. What is CLASS selector?

    Class selector is a "stand alone" class to which a
    specific style is declared.  Using the CLASS attribute
    the declared style can then be associated with any HTML
    element. The class selectors are created by a period
    followed by the class's name. The name can contain
    characters a-z, A-Z, digits 0-9, period, hyphen,
    escaped characters, Unicode characters 161-255, as
    well as any Unicode character as a numeric code,
    however, they cannot start with a dash or a digit.
    (Note: in HTML the value of the CLASS attribute can
    contain more characters).It is a good practice to name
    classes according to their function than their appearance. 

    .footnote {font: 70%}  \* class as selector *\

    <ADDRESS CLASS=footnote>This element is associated
    with the CLASS footnote</ADDRESS>

    <P CLASS=footnote>And so is this</P>

    Q15. What is ID selector? 

    ID selector is an individually identified (named) selector
    to which a specific style is declared.  Using the ID attribute
    the declared style can then be associated with one and only
    one HTML element per document as to differentiate it from all
    other elements. ID selectors are created by a character # followed
    by the selector's name. The name can contain characters a-z, A-Z,
    digits 0-9, period, hyphen, escaped characters, Unicode characters
    161-255, as well as any Unicode character as a numeric code, however,
    they cannot start with a dash or a digit. 

    #abc123 {color: red; background: black}

    <P ID=abc123>This and only this element can be identified as abc123</P>
*/
BODY
{
	font-family: WarpSans, Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: black;
	background-color: #ccffff;
	text-decoration: none;
	background-image: url(/firedragon/images/greylite2_colour.gif);
}

H1
{
	font-family: "Comic Sans MS", Helvetica;
}

/*
    The next definition applys to any tags that occur within a <TD> element that have the class of PHOTO.
*/
TD.PHOTO
{
	color: white;
	text-align: center;
	vertical-align: middle;
}

