body {
  margin: 0;
  padding: 0;
  background-color: #e4e4e4;
  color: #000000;
}

th,td           { font-family:verdana,arial,helvetica,sans-serif; }
p,ol,ul,li      { font-family:verdana,arial,helvetica,sans-serif; }
h1,h2,h3,h4,h5 {
  font-family: Georgia, "New Century Schoolbook", "Times New Roman", Times;
  font-style: italic;
  font-weight: bold;
}
h1,h2 {
  color: #dd8800;
  border-bottom: 1px solid #227799;
}
h3,h4,h5 {
  color: #227799;
}

A { color: #228822; text-decoration: none; }
A:hover { color: #bbaa22; text-decoration: none; }
h1 a, h2 a { color: #dd8800; }


.pagetop { 
  white-space: nowrap;
  border-bottom: 2px solid #227799;
  background-color: #e4e4e4;
}
.pagetop td {
  padding: 4px;
  background-color: #e4e4e4;
}
.pagebottom { 
  white-space: nowrap;
  border-top: 2px solid #227799;
  background-color: #e4e4e4;
}
.pagebottom td {
  padding: 4px;
  background-color: #e4e4e4;
}

.logotop {
  font-family: Georgia, "New Century Schoolbook", "Times New Roman", Times;
  font-size: 32pt;
  font-weight: bold;
  font-style: italic;
  white-space: nowrap;
}
.logotop .c1 { color: #dd8800; }
.logotop .c2 { color: #227799; }
.logotop .c3 { color: #666666; }
.logobot {
  font-family: Georgia, "New Century Schoolbook", "Times New Roman", Times;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  white-space: nowrap;
  color: #888888;
}

.titletop {
  font-family: Georgia, "New Century Schoolbook", "Times New Roman", Times;
  font-size: 18pt;
  font-weight: bold;
  font-style: italic;
  color: #227799;
}
.titlebot {
  font-family: Georgia, "New Century Schoolbook", "Times New Roman", Times;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  color: #888888;
}

.topnav { 
  font-family: Arial;
  font-size: 10pt;
  color: #aaaaaa;
  white-space: nowrap;
}
.topnav { font-weight: bold; color: #aaaaaa; }
.topnav:hover { color: #888888; }
.topnav a { font-weight: normal; /*font-style: italic;*/ color: #227799; }
.topnav a:hover { text-decoration: none; color: #998822; }
.topnav hr { 
  margin-top: 20px;
}

td {
  font-size: 10pt;
  background-color: white;
}

hr {
  border-color: #227799;
  border-style: solid;
  border-width: 1px 0;
}

.navbar
{
  font-family: Arial;
/*  font-variant: small-caps;*/
/*  font-style: italic;*/
  padding-left: 8pt;
}
.navbar a { color: #227799; }
.navbar a:hover { text-decoration: none; color: #998822; }

.navlevel0
{
  font-weight: bold;
  padding-top: 5pt;
}
.navlevel1
{
  font-size: 8pt;
  text-indent: 8pt;
  padding-top: 2pt
}

.text
{
  padding-left: 10pt;
  padding-top: 10pt;
  padding-right: 10pt;
  padding-bottom: 20pt;
}

h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }
h4 { font-size: 9pt; }
h5 { font-size: 8pt; }
h6 { font-size: 6pt; }


/* News items */

.newsitem { 
  margin: 0pt 0pt 0pt 0pt;
  display: block;
}
.newstitle {
  background-color: #d6d6d6;
  color: #227799;
  display: block;
  font-weight: bold;
  border-color: #227799;
  border-width: 1px;
  border-style: solid solid none solid;
  padding-left: 2pt;
}
.newsdate { 
  background-color: #e4e4e4;
  font-size: smaller;
  display: block;
  color: #808080;
  margin-bottom: 1em;
  border-color: #227799;
  border-width: 1px;
  border-style: none solid none solid;
  padding-left: 2pt;
}

/* Job items */

.jobitem { 
  margin: 8pt 18pt 20pt 18pt;
  display: block;
  border-color: #227799;
  border-width: 1px;
  border-style: solid solid solid solid;
}

.jobtitle {
  background-color: #d6d6d6;
  color: #227799;
  display: block;
  font-weight: bold;
  padding: 2pt 2pt 2pt 2pt;
}

.jobdate { 
  background-color: #e4e4e4;
  font-size: smaller;
  display: block;
  color: #808080;
  margin-bottom: 1em;
  padding: 0pt 2pt 0pt 2pt;
}

.jobitem p { 
  padding-left: 12pt;
  padding-right: 2pt;
}

.jobitem h4,h5,h6 { 
  color: #227799;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  display: run-in;
  margin-right: 6pt;
}

.jobcontact { 
  background-color: #e4e4e4;
  font-size: smaller;
  display: block;
  color: #808080;
  margin-top: 4pt;
  padding: 0pt 2pt 0pt 2pt;
}


/*
 * A somewhat more compact definitiion list.
 */
dl.title dt {
  color: #227799;
  font-family: Georgia, "New Century Schoolbook", "Times New Roman", Times;
  font-style: italic;
  font-weight: bold;
  display: block;
  margin-top: .8em;
}
dl.title dd {
  margin-left: 20pt;
}


/*
 * A really compact definition list.
 */
dl.compact dt {
  margin-left: 10pt;
  display: compact;
}

dl.compact dd {
  margin-left: 40pt;
}


/*
 * Unordered list with subtitles as list items.
 */
ul.subtitle > li {
  margin-top: 1em;
  list-style-type: none;
  color: #227799;
/*  font-style: italic;*/
  font-weight: bold;
}

ul.subtitle ul {
  color: #000000;
  font-weight: normal;
}

/*
 * A simple table with solid lines for separating columns.
 */
table.simple th {
  border-bottom: 2px solid;
  vertical-align: bottom;
}

table.simple td {
  vertical-align: top;
}


/*
 * Table for text quoutation.
 */
table.quote {
  margin: .5em 2em;
  border-color: black;
  border-width: 2px 0;
  border-style: solid none;
}
table.quote td { background-color: #ddeeff; }


/*
 * Various classes for marking up text.
 */
.filepath         { font-family: monospace; }
.syscall          { color: #006600; }
.syscall:after    { content: "()"; color: #006600; }
.smallnote        { color: #ff6666; font-size: smaller; }
.smallnote:before { content: "["; }
.smallnote:after  { content: "]"; }

tr.head th  { background: #aaddee; }
tr.dark td  { background: #d6d6d6; }
tr.light td { background: #e4e4e4; }