/* RESET by Eric Meyer */
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 {
    margin:          0;
    padding:         0;
    border:          0;
    outline:         0;
    font-size:       100%;
    vertical-align:  baseline;
    background:      transparent;
}
body {
    line-height:     1;
}
ol, ul {
    list-style:      none;
}
blockquote, q {
    quotes:          none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:         '';
    content:         none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* @note    tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing:  0;
}
/* @note    remove default border of linked images */
a img, :link img, :visited img {
    border: none;
}
/* @note    turn on bicubic sampling for image resizing in IE */
img {
    -ms-interpolation-mode: bicubic;
}

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

html, body { margin: 0; padding: 0 }

.header { width: 100%; background-color: #5d10d2; margin: 1em 0 }
.wrapper { width: 840px; margin: 0 auto; padding: 0 1em }
.footer { width: 100% }
.footer > div { width: 840px; padding: .5em 1em; margin: 0 auto }
.footer { color: white }
.footer a:link, .footer a:visited { color: white }
.footer { font-family: "TeX Gyre Heros", "Helvetica LT Std", Helvetica, Arial, sans-serif }
.footer > div > span { display: block; margin: 1em 0 }

img.logo, a.logo { text-decoration: none; border: 0; padding: 0; margin: 0 }
a.logo { position: relative; padding: 0 1em }
img.logo { display: block; position: relative; top: -4px }
a.logo { display: block; background-color: #5d10d2; width: 840px; margin: auto;  }
a.logo { height: 54px; margin: 0 auto }

.footer { background-color: #5d10d2 }

.wrapper a:link, .wrapper a:visited, .footer a:link, .footer a:visited {
    font-weight: bold;
    text-decoration: none
}
.wrapper a:link { color: #c010d2; }
.wrapper a:visited { color: #870b93; }
.wrapper a:link:hover, .wrapper a:visited:hover {
    border: 1px solid black;
    padding: 1px;
    margin: -2px
}

body { font-size: 16px; font-family: "DejaVu Serif", serif; line-height: 1.3 }
p { margin: 1em 0 }
h1 { font-size: 32px; text-align: center }