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, 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; }

body { width: 600px; margin: 1em auto; font-family: Futura, "Century Gothic", "URW Gothic L", Helvetica, sans-serif; line-height: 1.4; }

h1, h2, h3, h4 { font-weight: normal; border-bottom: 1px solid #777777; }

h2, h3, h4, p { margin-top: 1em; }

ul, ol { margin-top: 0.5em; }

h1 { font-size: 2em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

a { color: #224466; text-decoration: none; }

h1 a, h2 a, h3 a, h4 a { border-bottom: none; }

a:visited { color: #555666; }

a:hover, a:focus { color: #224466; background-color: #e4f2ff; }

a:active { color: #224466; }

pre { background-color: #eeeeee; border-radius: 1em; }

img { float: left; margin: 0px 20px 0px 0px; }

ol.nav { height: 1.5em; color: #cccccc; }
ol.nav li { float: left; padding-right: 0.4em; }

div.clear { clear: both; }