/*
Reset, as per meyerweb
***************************************************************************** */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ border:0; font-family:inherit;  font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline; }
/* remember to define focus styles! */
:focus{ outline:0; }
body{ background:white; color:black; line-height:1; }
ol, ul{ list-style:none; }
table{ border-collapse:separate; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td{ font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after{ content:""; }
blockquote, q{ quotes:"" ""; }

body{ text-align:center; font: normal 14px/1.3 "lucida grande", helvetica, arial, sans-serif;  }
a, a:link, a:visited, a:active, a:hover{ color:#6666ff; text-decoration:none; font-family: helvetica, arial, sans-serif; padding:5px 5px 0 5px;; }
a:hover{ color:#333; }
p{ margin-top:1em; }
.container{ width:600px; margin:100px auto; overflow:hidden; text-align:left; }
.nav li{ float:left;  margin:0 50px 0 0; font-size:24px; font-weight:bold; letter-spacing:-1px; }
.titleMain{ clear:left; margin:100px 0; }
.titleMainHdr{ clear:left; display:block; margin:40px 0 0 0;  }
.titleSection{ font-weight:bold; }
.titleSub{ font-style:italic; color:#999; }
.item{ border-top:1px solid #999; margin-bottom:30px; padding-top:20px; }
.item .img{ float:left; margin:0 20px 20px 0; }
.nav a.current{ color:#333; background:#ddd; cursor:default; }