﻿/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp
{
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}
html, body
{
    height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}
b, strong
{
    font-weight: bold;
}
img
{
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
li
{
    display: list-item;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
th, td, caption
{
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}
q
{
    quotes: none;
}
q:before, q:after
{
    content: '';
    content: none;
}
sub, sup, small
{
    font-size: 75%;
}
sub, sup
{
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub
{
    bottom: -0.25em;
}
sup
{
    top: -0.5em;
}
svg
{
    overflow: hidden;
}
.hidden
{
    display: none;
}
a.ualink
{
    background: none;
    height: 0px;
    width: 0px;
}


/* Custom Fonts */

@font-face
{
    font-family: "DIN Bold";
    src: url("/fonts/DINWeb-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/DINWeb-Bold.woff") format("woff");
    font-weight: bold;
}

@font-face
{
    font-family: "DIN Medium";
    src: url("/fonts/DINWeb-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/DINWeb-Medium.woff") format("woff");
}

@font-face
{
    font-family: "DIN Light";
    src: url("/fonts/DINWeb-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/DINWeb-Light.woff") format("woff");
}

/* Base element setup */
body
{
    font: 0.9em/1.5 Verdana, 'Helvetica Neue' , Arial, 'Liberation Sans' , FreeSans, sans-serif;
    color: #333;
    min-width: 980px;
    margin-bottom: 30px;
}
a
{
    color: #007c41;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
p
{
    margin: 1em 0;
}

h1
{
    font-family: 'DIN Medium' , 'Helvetica Neue' , Arial, 'Liberation Sans' , FreeSans, sans-serif;
}
.main-nav
{
    font-family: 'DIN Bold' , 'Helvetica Neue' , Arial, 'Liberation Sans' , FreeSans, sans-serif;
}
.masthead nav
{
    font-family: 'DIN Medium' , 'Helvetica Neue' , Arial, 'Liberation Sans' , FreeSans, sans-serif;
}
header, article, section, nav, footer
{
    display: block;
}
.masthead
{
    background: url("images/masthead.jpg") no-repeat scroll left top transparent;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    height: 75px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}
.masthead h1
{
    color: #fff;
    float: left;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 0.85em;
    margin: 42px 0px 14px 210px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #003300;
}
article
{
    width: 976px;
    margin-left: auto;
    margin-right: auto;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    font-size: 0.8em;
    border: 1px solid #eee;
    border-top: none;
    min-height: 300px;
}

article h1
{
    color: #7AB800;
    font-size: 2em;
}
article header
{
    padding: 20px 20px 0px 20px;
}
article p
{
    padding: 0px 20px 20px 20px;
    margin: 0px;
}
.blade
{
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    width: 980px;
    font-size: 0.75em;
    color: #ccc;
    padding: 10px 0px;
}
ul
{
    list-style: inside;
    margin-left: 20px;
    padding-bottom: 10px;
}
footer
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    font-size: 0.75em;
}
