body {
   background: white;
}

a:link, a:visited, a:active, a:hover {
   color: #0000ff;
   text-decoration: underline;
}

a[href^='http://'] {
   padding-right: 14px;
   background: transparent url(external.png) no-repeat center right;
}

a[href^='https://'] {
   padding-right: 14px;
   background: transparent url(external.png) no-repeat center right;
}

h1 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   color: #0000aa;
   text-align: center;
}
h2, h3, h4 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   color: #0000aa;
}

p.opc-header {
   text-align: center;
   margin: 0;
   padding: 3px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: bold;
   color: red;
   border: solid red 1px;
}

/* kludge to make lists wrap properly around floated sidebars in Firefox */
li { -moz-float-edge: content-box; }

div.picturebox {
   float: right;
   padding: 0.5em;
   margin: 0.5em 0 0.5em 0.5em;
   background: #f9f9ff;
   border: solid 1px #d5d5ff;
   width: 25%;
}
.picturebox img {
   border: solid 1px #000000;
   margin-bottom: 0.5em;
}
.picturebox td {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 80%;
   color: #333333;
}

div.sidenote {
   float: right;
   width: 25%;
   padding: 0.5em;
   margin: 0.5em 0 0.5em 0.5em;
   background: #f9f9ff;
   border: solid 1px #d5d5ff;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 80%;
   color: #333333;
}
.sidenoteheading {
   font-size: 120%;
   font-weight: bold;
   color: #0000aa;
   text-align: center;
   margin-bottom: 0.25em;
}

div.sidebar {
   float: right;
   clear: right;
   width: 37%;
   padding: 0.5em;
   margin: 0.5em 0 0.5em 0.5em;
   background: #f9f9ff;
   border: solid 1px #d5d5ff;
   font-size: 80%;
   color: #333333;
}
.sidebarheading {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 120%;
   font-weight: bold;
   color: #0000aa;
   text-align: center;
   margin-bottom: 0.25em;
}
.sidebar p {
   margin: 0;
   padding: 0;
   text-indent: 1em;
}

ul.ToC {
   padding-left: 0;
   margin: 0 0 0 0.65em;
}
ul.ToC ul {
   margin-left: 1.5em;
   padding-left: 0;
}
ul.ToC li {
   list-style: none;
   text-indent: -0.65em;
}
ul.ToC a:link, ul.ToC a:visited, ul.ToC a:active {
   text-decoration: none;
}
ul.ToC a:hover {
   text-decoration: underline;
}

.researcher {
   font-weight: bold;
   color: #ff0000;
}

table.fivegenchart td {
   vertical-align: middle;
   text-align: left;
   background: #eeeeee;
   padding: 2px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: smaller;
}
table.fivegenchart th {
   text-align: center;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: smaller;
   font-weight: bold;
}

table.willindex {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 80%;
   border-collapse: collapse;
}
table.willindex td {
   padding: 1px 0.5em 1px 0.5em;
   vertical-align: top;
}
table.willindex th {
   text-align: left;
   color: #0000ff;
   text-decoration: underline;
   cursor: pointer;
   font-weight: normal;
   padding: 1px 0.5em 1px 0.5em;
   white-space: nowrap;
}
table.willindex th.unsortable {
   color: #000000;
   text-decoration: none;
   cursor: default;
   font-weight: bold;
}

table.bmd {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 80%;
   border-collapse: collapse;
}
table.bmd td {
   padding: 1px 0.5em 1px 0.5em;
   white-space: nowrap;
}
table.bmd td.multiline {
   white-space: normal;
}
table.bmd th {
   text-align: left;
   color: #0000ff;
   text-decoration: underline;
   cursor: pointer;
   font-weight: normal;
   padding: 1px 0.5em 1px 0.5em;
   white-space: nowrap;
}
table.bmd th.unsortable {
   color: #000000;
   text-decoration: none;
   cursor: default;
   font-weight: bold;
}
tr.shaded1 td, tr.shaded1 th {background: #f3f3ff;}
tr.shaded2 td, tr.shaded2 th {background: #ffffe7;}

.BMDgroupHeader {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 80%;
   font-weight: bold;
   color: #0000aa;
   padding: 0.4em 0 0.2em 0.5em;
}

p.placelist a {
   white-space: nowrap;
}

div.thumb {
   padding: 0.5em;
   margin: 0.5em 0.5em 0.5em 0.5em;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 75%;
}
.thumb img {
   border: solid 1px #000000;
   margin-bottom: 0.5em;
   max-height: 150px;
}

div.thumbright {
   float: right;
   padding: 0.5em;
   margin: 0.5em 0.5em 0.5em 0.5em;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 75%;
   max-width: 25%;
}
.thumbright img {
   border: solid 1px #000000;
   margin-bottom: 0.5em;
   max-width: 99%;
}