body,html {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  height: 100%;
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  border-collapse: collapse;
}

a:link { color: rgb(0, 0, 238); }
a:visited { color: rgb(85, 26, 139); }
a:hover { background: rgb(255, 255, 255); }
img { border: 0; }

.siteHeader { font-size: 240%; position: absolute; top: 10px; left: 8px; z-index: 4; }
.dateHeader { font-size: 130%; position: absolute; top: 15px; right: 8px; z-index: 4; }
.loginBox { text-align: center; font-size: 90%; border: 1px solid gray; width: 100px; padding: 2px 4px 4px 2px; }

.smallMenuHide { display: none; }
ul.smallMenuHide li { font-size: 75%; }
ul.smallMenu li { font-size: 75%; }
.menuHeader { background: #cccccc; font-weight: bold; text-align: center; margin: 2px 4px 0 0; }
.menupop { cursor: pointer; text-decoration: underline; color: rgb(0, 0, 238); }

td.outline { border: 1px solid black; }
td.date { vertical-align: top; text-align: right; }
tr.genericHeader { background: #cccccc; }
tr.genericRow { background: #eeeeee; }
tr.genericAltRow { background: #dddddd; }
.error { background: #ff3333; }
.outline { border: 1px solid black; }

.archiveHeader { font-size: 160%; font-weight: bold; }
.archiveEntry { text-indent: 16px; }
.entry { text-indent: 16px; }
.entryTitle { font-size: 120%; float: left; width: 50%; font-weight: bold; }
.entryEdit { float: right; width: 50%; text-align: right; }
.entryDate { clear: left; font-size: 90%; }
.entryHeader { }
.message { clear: left; font-size: 140%; font-weight: 400; }
.commentSubject { clear: left; font-size: 130%; font-weight: 400; border-bottom: solid black 1px; }
.comment { clear: left; font-size: 120%; }
.comments { margin: 5px 5px 5px 5px; }
.commentFooter { font-size: 120%; }
.commentForm { font-size: 120%; }
.commentLink { font-size: 80%; }
.collapse { border-collapse: collapse; }
.bold { font-weight: bold; }

.dates { font-size: 100%; text-align: right; vertical-align: top; white-space: nowrap; }
.company { font-size: 120%; font-weight: bold; vertical-align: top; }
.companyHeader { border-bottom: 1px solid black; }
.name { font-size: 180%; font-weight: bold; }
.address { text-align: left; font-size: 14px; }
.sectionHeader { background: #eeeeee; font-weight: bold; font-size: 130%; text-align: left; }
.section { width: 100%; }
.skills { text-align: center; font-size: 140%;}
.header { text-align: center; font-weight: bold; }
.jobTitle { font-size: 80%; }

.byLine { }
.headlineSiteName { font-size: 16px; font-weight: bold; border-bottom: 1px solid black; }
.headlineBox { border: 1px solid gray; padding: 5px 5px 5px 5px; margin: 0px 5px 10px 5px; background-color: rgb(240, 240, 240); float: left; vertical-align: top; }
.headlines { font-size: 12px; }

.firefox { display: none; }

.categoryTitle { font-size: 140%; font-weight: bold; }
.linkDescritpion { font-size: 80%; }

#menu ul {
   margin: 0px;
   padding: 0px;
}
#menu * li {
   list-style-type: none;
}
#siteHeader {
   position: relative;
   border-bottom: 1px solid black;
   background: #6688dd;
   top: 0;
   bottom: auto;
   left: 0;
   right: 0;
   width: 100%;
   height: 45px;
   z-index: 3;
  }
#menu {
   position: absolute;
   top: 45px;
   bottom: 0;
   left: 0;
   right: auto;
   width: 115px;
   height: auto;
   white-space: nowrap;
   background: rgb(239, 239, 239);
   border-right: 1px solid black;
   font-size: 140%;
   vertical-align: top;
   padding: 8px 8px 8px 8px;
   overflow: auto;
  }
#commentEntry { font-size: 12px; }
#content {
   font-size: 140%;
   position: absolute;
   overflow: auto;
   top: 45px;
   bottom: 1px;
   left: 135px;
   padding: 8px;
   right: 1px;
   width: auto;
   height: auto;
}

@media print
{
 #siteHeader,#menu,.siteHeader,.dateHeader { display: none; }
 #content { overflow: visible; position: static; width: auto; height: auto; }
 #dnc { display: none }
 #cell:before { content: '408-772-0657' }
}