/* Main text elements. Base font size: 14px, vertical rhythm: 21px. */
body
{
    font-family: Trebuchet, "Lucida Sans Unicode", "Lucida Grande",
        "Lucida Sans", Arial, sans-serif;
    font-size: 87.5%; /* 14px */
    line-height: 1.5em; /* 21px */
    color: white;
    background: #002147 /*url(images/gridline.gif)/**/;
}

h1, h2, h3, h4, h5, h6
{
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: normal;
}

h1
{
    /* text replaced with image */
    height: 0;
    margin: 1em 0 0; /* 21px 0 0 */
    padding: 2em 0 0; /* 42px 0 0 */
    overflow: hidden;
    font-size: 1.5em; /* 21px */
    background: #667a91 url(images/title.gif) no-repeat top left;
}

#page-description
{
    margin: 0;
    padding: 0 14px 14px;
    font-size: 1.285em; /* 18px */
    background: #667a91;
}

h2
{
    margin: .875em 0; /* 21px 0 */
    font-size: 1.714em; /* 24px */
}

h3
{
    margin: 1em 0; /* 21px 0 */
    font-size: 1.5em; /* 21px */
}

p
{
    margin: 0 0 1.5em; /* 0 0 21px */
}

ul, ol
{
    margin: 0 0 1.5em; /* 0 0 21px */
    padding: 0 0 0 2.25em; /* 0 0 31.5px */
    font-size: 1em;
}

li
{
    margin: 0;
    padding: 0;
}

abbr
{
    border: none;
}

/* Links. */
a
{
    color: white;
    text-decoration: underline;
}

a:visited
{
    color: #cccccc;
}

/* Special ampersand */
abbr.amp
{
    font-family: Baskerville, "Hoefler Text", Palatino, "Book Antiqua", 
        Georgia, Times, "Times New Roman", serif;
    font-style: italic;
}

/* Error display: typically for form errors. */
.error
{
    color: white;
    background: #822433;
}

p.error
{
    padding: 10px;
}

ol.error
{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

/* Tables. */
table
{
    margin: 0 0 1.5em; /* 0 0 21px */
}

th
{
    font-size: 1.142em; /* 16px */
    font-weight: normal;
    text-align: left;
    background: #001a39;
    border-bottom: 1px solid #667a91;
}

td
{
    padding: 0 2px;
    border-bottom: 1px solid #667a91;
}

/* "Help & advice" boxes in sidebar. */
dl.help
{
    margin: 0 0 1.5em; /* 0 0 21px */
    padding: 0;
    color: black;
}

dl.help dt, dl.help p
{
    margin: 0;
    padding: 8px;
}

dl.help dt
{
    background: #7ca295 url(images/minimise-help-arrow.gif) no-repeat
        98% center;
    cursor: pointer;
}

dl.help dt.minimised
{
    background-image: url(images/expand-help-arrow.gif);
}

dl.help dd
{
    margin: 0;
    padding: 0;
    background: #bec5c2;
}

dl.help a
{
    color: black;
}

dl.help a:visited
{
    color: #666666;
}

/* Breakout boxes in "article" pages. */
p.example
{
    padding: .75em 10px;
    background: #001a39;
}

.photo
{
    padding: 10px 10px 8px;
    font-size: .857em; /* 12px */
    line-height: 1.333em; /* 16px */
    background: #001a39;
}

/* sidebar content */
#sub
{
    font-size: .857em; /* 12px */
    line-height: 1.333em; /* 16px */
}

#sub h2
{
    margin: 1em 0; /* 21px 0 */
    font-size: 1.75em; /* 21px */
    line-height: 1em;
}

#sub h3
{
    margin: .888em 0; /* 16px 0 */
    font-size: 1.5em; /* 18px */
}

#sub p
{
    margin: 0 0 1.333em; /* 0 0 16px */
}

#sub dl.help
{
    margin: 0 0 1.333em; /* 0 0 16px */
}

#sub dl.help dt, #sub dl.help p
{
    margin: 0;
    padding: 4px;
}

.subnav
{
    padding: 0;
    list-style: none;
}

.subnav li
{
    padding: 4px;
    color: black;
    background: white;
    border-top: 1px solid white;
    border-bottom: 1px solid #cccccc;
}

.subnav li.current
{
    background: #c2b000;
    border-top-color: #dad066;
    border-bottom-color: #9b8d00;
}

.subnav a
{
    display: block;
    color: black;
}

.subnav a:visited
{
    color: #666666;
}

/* footer */
#footer
{
    margin: 0;
    padding: 0 0 1.75em; /* 0 0 21px */
    list-style: none;
    font-size: .857em; /* 12px */
    color: #667a91;
    border-top: 1px solid #667a91;
}

#footer li
{
    display: inline;
}

#footer a
{
    color: #667a91;
}