body {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup, sub {
  line-height: -1px;
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }




#page {
  width: 830px;
  margin: 0 auto; }

#masthead {
  float: left;
  width: 830px;
  margin-top: 24px; }
  #masthead #side {
    float: left;
    width: 226px;
    margin-right: 70px;
    text-align: right; }
    #masthead #side h1 {
      background: #fff url('/images/HannahAdcock.png') no-repeat 0px 24px;
      text-indent: -9999px;
      max-height: 144px;
      line-height: 144px;
      font-size: 1em;
      text-align: center;
      text-transform: lowercase;
      font-variant: small-caps;
      font-style: normal;
      font-weight: bold;
      letter-spacing: 0.03em; }
      #masthead #side h1 a {
        display: block;
        outline: none; }
  #masthead #panorama {
    float: left;
    width: 534px; }
  #masthead .outer {
    border-top: 2px solid black;
    border-bottom: 2px solid black; }
  #masthead .inner {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin: 1px 0;
    padding: 24px 0; }

#body {
  float: left;
  width: 830px;
  margin-bottom: 24px; }
  #body #sidebar {
    float: left;
    width: 226px;
    margin-right: 70px;
    text-align: right;
    margin-top: 24px; }
  #body #content {
    float: left;
    width: 534px; }

#footer {
  float: left;
  width: 830px;
  font-size: 12px; }
  #footer #colophon {
    float: left;
    width: 226px;
    margin-right: 70px;
    text-align: right; }
  #footer #boilerplate {
    float: left;
    width: 534px; }
  #footer .outer {
    border-top: 1px solid black; }
  #footer .inner {
    border-top: 2px solid black;
    margin: 1px 0;
    padding: 24px 0; }
  #footer a, #footer a:visited {
    color: #231f20;
    text-decoration: none; }
  #footer a:hover {
    color: #d2232a; }




body {
  font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "Times new roman", Times, serif; }

p {
  margin: 0 0 1.5em; }

#content a, #content a:visited {
  color: #231f20;
  text-decoration: underline; }
#content a:visited {
  color: #666666; }
#content a:hover {
  color: #d2232a; }
#content h1, #content h2, #content h3, #content h4 {
  font-weight: normal;
  font-style: italic;
  text-transform: none; }
  #content h1 a,   #content h2 a,   #content h3 a,   #content h4 a {
    text-decoration: none; }
#content h1 {
  font-size: 36px;
  line-height: 0;
  line-height: 0.6667;
  margin-top: 24px;
  margin-bottom: 24px;
  text-transform: lowercase;
  font-variant: small-caps;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.03em; }
#content h2 {
  font-size: 30px;
  line-height: 0;
  line-height: 0.8;
  margin-top: 24px;
  margin-bottom: 24px; }
#content h3 {
  font-size: 18px;
  line-height: 1;
  line-height: 1.333;
  margin-top: 24px;
  margin-bottom: 0;
  font-variant: small-caps;
  font-style: normal; }
#content h4 {
  font-size: 18px;
  line-height: 1;
  line-height: 1.333;
  margin-top: 24px;
  margin-bottom: 0; }
#content strong, #content b {
  font-variant: small-caps; }
#content em, #content i {
  font-style: italic; }
#content blockquote, #content p.attribution {
  margin: 1.5em;
  color: #231F20;
  font-style: italic; }
  #content blockquote em, #content blockquote i,   #content p.attribution em, #content p.attribution i {
    font-style: normal;
    font-variant: small-caps;
    padding-left: 0.1em; }
  #content blockquote strong, #content blockquote b,   #content p.attribution strong, #content p.attribution b {
    font-weight: bold; }
#content p.attribution {
  margin-top: -1em; }
#content ul li {
  margin-left: 1.5em;
  list-style: square; }

#contact abbr {
  float: left;
  width: 1.5em; }




#menu {
  overflow: hidden; }
  #menu li a, #menu li span {
    font-size: 16px;
    line-height: 1.5;
    display: block;
    width: 225px;
    margin-left: 1px;
    text-indent: 9999px;
    background: transparent url('/images/navigation.png') no-repeat 0px -5px;
    outline: none; }
  #menu #nav-Home a {
    background-position: 0 -5px; }
    #menu #nav-Home a:hover {
      background-position: -450px -5px; }
  #menu #nav-Home span {
    background-position: -225px -5px; }
  #menu #nav-About a {
    background-position: 0 -30px; }
    #menu #nav-About a:hover {
      background-position: -450px -30px; }
  #menu #nav-About span, #menu #nav-About a.selected {
    background-position: -225px -30px; }
  #menu #nav-Services a {
    background-position: 0 -55px; }
    #menu #nav-Services a:hover {
      background-position: -450px -55px; }
  #menu #nav-Services span, #menu #nav-Services a.selected {
    background-position: -225px -55px; }
  #menu #nav-Portfolio a {
    background-position: 0 -80px; }
    #menu #nav-Portfolio a:hover {
      background-position: -450px -80px; }
  #menu #nav-Portfolio span, #menu #nav-Portfolio a.selected {
    background-position: -225px -80px; }
  #menu #nav-Recommendations a {
    background-position: 0 -105px; }
    #menu #nav-Recommendations a:hover {
      background-position: -450px -105px; }
  #menu #nav-Recommendations span, #menu #nav-Recommendations a.selected {
    background-position: -225px -105px; }
  #menu #nav-Tutoring a {
    background-position: 0 -130px; }
    #menu #nav-Tutoring a:hover {
      background-position: -450px -130px; }
  #menu #nav-Tutoring span, #menu #nav-Tutoring a.selected {
    background-position: -225px -130px; }
  #menu #nav-Contact a {
    background-position: 0 -155px; }
    #menu #nav-Contact a:hover {
      background-position: -450px -155px; }
  #menu #nav-Contact span, #menu #nav-Contact a.selected {
    background-position: -225px -155px; }