body
{ 
  max-width: 50em;
  margin-left: 13em; /* creates space to give the nav bar somewhere to go */
  background: #ffffff; 
  color: #660000; 
  font-size: 11pt; 
  font-family: Calibri, Arial, Helvetica, sans-serif; 
}

p, ul 
{ 
  color: #660000; 
  font-size: 11pt; 
  font-family: Calibri, Arial, Helvetica, sans-serif; 
  line-height: 150%;
}

body p, body h1, body h3, body ul
{
  /* IE6 only. Least-worst quick fix for IE6 which can't handle max-width */
  width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "700px":
        "auto" );
}

a:link { color: #660000; }
a:visited { color: #666666; }
a:hover, a:active { color: #cc6666; text-decoration: underline; }

h1 { font-size: 24pt; color: #660000; font-family: Arial, sans-serif; text-align: left; margin-top: 16px; margin-bottom: 4px; padding-top: 2px; padding-bottom: 2px; border-style: none; border-color: #660000; }
h3 { font-size: 14pt; color: #000000; font-weight: bold; text-align: left; padding-top: 2px; padding-bottom: 2px; border-width: 1px; border-style: none none solid none; border-color: #000000; }
h5 { font-size: 11pt; font-weight: bold; text-align: left; padding-top: 0px; padding-bottom: 0px; }

hr { color: #660000; background-color: #660000; height: 1px; border: none;}

ul li { font-size: 11pt; margin-left: 10pt; margin-right: 0pt; margin-top: 0pt; list-style-type: disc; }
td { font-size: 11pt; }

.status, .status a:link, .status a:visited, .status p { color: #999999; font-size: 9pt; margin-top: 0pt; text-align: right; clear: both; }

.illustration-right-200 {
  width: 220px;
  float: right;
  border: none;
  margin: 0;
  padding: 0;
}

.illustration-right-250 {
  width: 270px;
  float: right;
  border: none;
  margin: 0;
  padding: 0;
}

.illustration-left-250 {
  width: 270px;
  float: left;
  border: none;
  margin: 0;
  padding: 0;
}

.illustration-right-200 img, .illustration-right-250 img {
  border: solid;
	border-color: white;
	border-width: 10px;
  margin: 10px;
  padding: 0;
}
.illustration-right-200 p, .illustration-right-250 p {
  border: none;  
  color: #000000;
  text-align: left;
  font-size: 9pt;
  margin: 0 10px 10px 10px;
  padding: 0;
  text-indent: 0;
  line-height: normal;
}

.twitter-box {
  border: 0;
  margin: 10px;
  padding: 0;
}

div.navigationbar
{
  left: 2pt;
  position: fixed;
	top: 0px;
  padding: 1pt;
  max-width: 12em;
  
    /* IE6 only. Least-worst quick fix for IE6 which can't handle max-width */
  width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "160px":
        "auto" );
}

.invisible /* useful for displaying items on browsers that can't handle CSS */
{ display: none; }

.contents { color: #000000; font-size: 10pt; }
.contents a:link, .contents a:visited, .contents a:hover, .contents a:active  { color: #000000; text-decoration: none; }

.navheader { color: #000000; font-size: 11pt; margin-bottom: 2px; padding: 2px 4px; border-width: 1px; border-style: none; border-color: #660000; font-weight: bold; text-decoration: none; }

.navheader a:link, .navheader a:visited, .navheader a:hover, .navheader a:active { color: #000000 !important; text-decoration: none !important; }

.content0 { position: relative; color: #000000; background: #f0e6e6; font-size: 10pt; margin-bottom: 2px; padding: 2px 4px; border-width: 1px; border-style: solid; border-color: #660000; }
.content1 { position: relative; color: #000000; background: #f0e6e6; font-size: 10pt; margin-bottom: 2px; padding: 2px 4px; border-width: 1px; border-style: solid; border-color: #660000; margin-left: 5px; }
.content2 { position: relative; color: #000000; background: #f0e6e6; font-size: 10pt; margin-bottom: 2px; padding: 2px 4px; border-width: 1px; border-style: solid; border-color: #660000; margin-left: 10px; }
.content3 { position: relative; color: #000000; background: #f0e6e6; font-size: 10pt; margin-bottom: 2px; padding: 2px 4px; border-width: 1px; border-style: solid; border-color: #660000; margin-left: 15px; }

.content0:hover, .content1:hover, .content2:hover, .content3:hover { background: #fcdddd; }

.contentbooklink { position: relative; color: #000000; background-image: url(/book-for-menu.jpg); font-size: 10pt; margin-bottom: 2px; padding: 2px 4px; border-width: 1px; border-style: solid; border-color: #660000; height: 160px; }

/* fix to make the whole box a link, as described at http://stackoverflow.com/questions/796087/make-a-div-into-a-link */
.makewholedivlink { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; /* edit: fixes overlap error in IE7/8, make sure you have an empty gif */ background-image: url('empty.gif'); } 

.navblogheader { color: #000000; font-size: 11pt; margin-bottom: 2px; padding: 2px 4px; border-width: 1px; border-style: none; border-color: #660000; font-weight: bold; text-decoration: none; }
.navblogheader a:link, .navblogheader a:visited, .navblogheader a:hover, .navblogheader a:active { color: #000000; text-decoration: none; }
.navblogheader a:hover, .navblogheader a:active { color: #ff6666; text-decoration: none; }


.contentblog { font-size: 9pt; margin-bottom: 2px; padding: 2px 4px; border-width: 1px; }
.contentblogtitle { color: #000000; }
.contentblogtitle a:link, .contentblogtitle a:visited { color: #000000; text-decoration: underline; }
.contentblogtitle a:hover, .contentblogtitle a:active { color: #ff6666; text-decoration: underline; }

.contentblogdate { color: #666666; font-size: 8pt; }


.big { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 20pt; font-weight: bold; margin-top: 0; margin-bottom: 0; } 
.altcol { color: #009900; }
.annotation { color: #b38080; }