html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
}

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.quiet      { color: #666; }
.loud       { color: #000; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

.clear { clear:both; }
.right { float: right; }
.left { float: left; }

/* Fixes incorrect styling of legend in IE6. */
.IE6 legend { margin:0px -8px 16px 0; padding:0; }

/* Fixes incorrect placement of ol numbers in IE6/7. */
.IE ol { margin-left:2em; }

/* IE 6&7 has problems with setting proper <hr> margins. */
.IE hr  { margin: -8px auto 11px; }

/* Explicitly set interpolation, allowing dynamically resized images to not look horrible */
.IE img { -ms-interpolation-mode: bicubic; }

/* Makes clearfix actually work in IE */ 
.IE .clearfix, .IE .container {display: inline-block;}
.IE6 .clearfix,
.IE6 .container {height: 1%;}

@media print {

    body {
      line-height: 1.5;
      font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
      color:#000;
      background: none;
      font-size: 10pt;
    }

    hr {
      background:#ccc;
      color:#ccc;
      width:100%;
      height:2px;
      margin:2em 0;
      padding:0;
      border:none;
    }
    hr.space {
      background: #fff;
      color: #fff;
    }

    .small  { font-size: .9em; }
    .large  { font-size: 1.1em; }
    .quiet  { color: #999; }
    .hide   { display:none; }


    /* Links
    -------------------------------------------------------------- */

    a:link, a:visited {
      background: transparent;
      font-weight:700;
      text-decoration: underline;
    }

    a:link:after, a:visited:after {
      content: " (" attr(href) ")";
      font-size: 90%;
    }

    /* If you're having trouble printing relative links, uncomment and customize this:
       (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */

    /* a[href^="/"]:after {
      content: " (http://www.yourdomain.com" attr(href) ") ";
    } */

}