/*
 * Delivering More Unified CSS
 *
 * Parts adapted from:
 *      http://meyerweb.com/eric/tools/css/reset/
 *
 * Licensed under GPL and MIT
 */


/* Resets
--------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body { line-height: 1; }
blockquote, q { quotes: none; }
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* Fonts
--------------------------------------------------------------------------------*/
body { font: small/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }

h1 { font-size: 192%; }
h2 { font-size: 176%; }
h3, .biggest { font-size: 161%; }
h4, .bigger { font-size: 146%; }
h5, .big { font-size: 130%; }
h6 { font-size: 115%; }

.big,
.bigger,
.biggest { font-weight: bold; }

.small { font-size: 85%; }
.smaller { font-size: 70%; }


/* Lists
--------------------------------------------------------------------------------*/
ol { list-style: decimal; }
ul { list-style: disc; }
ul ul { list-style: square; }


/* Spacing
--------------------------------------------------------------------------------*/
blockquote,
dd,
li { margin-left: 30px; }

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset { margin-bottom: 20px; }

.aC { text-align: center; }
.aL { text-align: left; }
.aR { text-align: right; }
.nowrap { white-space: nowrap; }
.spaced { line-height: 2em; }


/* Display
--------------------------------------------------------------------------------*/
.hidden { display: none; }
.offscreen {
    left: -999em;
    position: absolute;
    width: 1px;
}


/* Layout
--------------------------------------------------------------------------------*/
html, body { height: 100% }

#outer {
    min-height: 100%;
    margin: 0 2%;
    position: relative;
    overflow: hidden;
}

#content,
#copyright {
    float: right;
    overflow: hidden;
    width: 77%;
}

#menu { width: 21%; }

#copyright {
    bottom: 10px;
    position: absolute;
    right: 0;
}


/* Page Styles
--------------------------------------------------------------------------------*/
a:link,
a:visited,
a:active,
h1 { color: #cc0033; }

body {
    background: #fcf8e2;
    color: #ab9c73;
}

#content {
color: #333333;
padding-bottom: 2em;
}
#content p { font-family: Verdana, Geneva, Tahoma, sans-serif; }

#picture {
    float: right;
    margin-left: 20px;
}
#picture img { border: 1px solid #cc0033; }


/* Menu
--------------------------------------------------------------------------------*/
#date { padding: 0.5em 0 0.5em 15px; }
#menu ul { list-style: none; }
#menu li {
    color: #cc0033;
    font-weight: bold;
    margin: 0;
    padding: 3px 0 3px 15px;
}
#menu li.current { background: url('/img/current.gif') no-repeat left center; }
#menu li.menuHead {
    background-color: #003398;
    color: white;
    margin-bottom: 5px;
    padding: 5px 0 5px 15px;
}