/* resets and document defaults */

* {margin: 0; padding: 0; line-height:1.5em;}

/* 1em = 16px = 12pt - at least initially */
/* body text is 16px/24px Trebuchet, notes 12/24 */

html {width: 780px; margin-left: 10px;}
body {
  font-family: 'Helvetica Neue', Arial, sans-serif; 
  font-size: 1em;
  background: rgb(255,255,255);
  color: rgb(40,40,40); 
  margin-left: 18.75em; /* which makes a page which is 760px wide */
}

/* headings */


h1 {
  color: rgb(212,0,0);
  font-size: 1.5em;   /* 1em = 24px */
  width: 19.16em;
  line-height: 1em; 
  margin-top: 2em; 
  margin-bottom: 1em;}

h2 {
  font-size: 1.25em;   /* 1em = 20px */
  width: 23em; /* measure = 46 chars */
  line-height: 1.2em; 
  margin-top: 1.2em; 
  margin-bottom: 1.2em;}

/* paragraphs, links */

p {
  width: 28.75em; 
  margin-bottom: 1.5em;
}

a { 
  text-decoration: none;
  color: rgb(127,127,212); 
  border-bottom: 1px dotted rgb(127,127,127);
}

a:hover {
  background-color: rgb(127,127,212); 
  color:rgb(255,255,255); 
  border-bottom: none;
}

/* layout and document structure */

div.note {
  font-size: 0.75em;   /* 1em = 12px */
  margin-left: -22.91667em; /*so there's 25px of margin right*/ 
  width: 20.83em; /* 250px - so 25px of margin left */
  line-height: 2em; 
  color: rgb(127,127,127); 
  float: left; 
  position: relative; /* IE hate hate hate */
}


div#footer { 
  margin-left: -22.5em; 
  font-size: 0.75em;
  color: rgb(127,127,127);
}

div#precis {   
  margin-top: 1.5em;
}

div#contact p{ 
  font-size: 0.75em; /* 1em = 12px */
  line-height: 2em; 
  color: rgb(127,127,127); 
  margin-bottom: 0;
}

ul {margin-bottom: 1em;}
li {margin-bottom: 1em;}