/* Typopgraphy *****************************************************************

The standard type size throughout is 12/18. All leadings and spaces before are
multiples of the base leading (18px). For maximum accessibility, all values are
specified in ems.

Sizes derive from the built-in base leading of 16px. 16px is the built-in
default for IE (and most, if not all, other browsers), but 16px is also set
explictly in the html>body selector. Using a first-child selector ensures that
the rule will be read only by standards-compliant browsers.  


Constants
---------
Constants are marked in comments after the properties that use them. This is
just to make finding values easier later and to demonstrate where the values
come from.

LEADING = 18px

*******************************************************************************/



body {
    font-size: 100.1%;
    font-family: "Lucida Sans", verdana, sans-serif;
}

html > body {
    font-size: 16px;
}


/* Paragraphs */

p {
    font-size: .75em;      /* 12px (16px * 0.750)                             */
    line-height: 1.5em;    /* 18px (12px * 1.500)  LEADING                    */   
    padding-top: .75em;    /*  9px (12px * 0.750)  LEADING * .5               */
}


/* Headings */

h1, h2, h3, h4 {
    font-weight: bold;
}

h1 {
    font-size: 1.25em;      /* 20px (16px * 1.250)                            */
    line-height: 1.125em;   /* 18px (16px * 1.125) LEADING * 1.5              */
    padding-top: 1em;
}

h2 {
    font-size: 1em;        /* 16px (16px * 1.000)                             */
    line-height: 1.125em;  /* 18px (16px * 1.125)  LEADING                    */
    padding-top: 1.125em;  /* 18px (16px * 1.125)  LEADING                    */
}

h3 {
    font-size: .75em;       /* 12px (16px * 0.750)                            */ 
    line-height: 1.5em;     /* 18px (12px * 1.500)  LEADING                   */
    padding-top: 1.5em;     /* 18px (12px * 1.500)  LEADING                   */
}


/* Lists */

ol, ul {
    font-size: .75em;      /* 12px (16px * 0.750)                             */
    margin-left: 1.5em;
    list-style-position: outside;
}

dl {
    font-size: .75em;      /* 12px (16px * 0.750)                             */
}

ol {
    list-style-type: decimal;
}

ul {
    list-style-type: square;
}

li, dt, dd {
    line-height: 1.5em;    /* 18px (12px * 1.500)  LEADING                    */
}

dt {
    padding-top: .75em;    /*  9px (12px * 0.750)  LEADING * .5               */
}


/* Inlines */

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

/* Links */

a {
    color: blue;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.NoBreak {
    white-space: nowrap;
}