<!-- The standard layout is a four by four grid:
     ttop: lleft, left, mid, right
      top: lleft, left, mid+
      bot: lleft+,      mid+
     bbot: lleft+,      mid+
  -->

table.frame
  {
  align:            center;
  border:           0px;
  width:            100%;
  }

td.frame-ttop-lleft
  {
  width:            128px;
  height:           64px;
  background-image: url(images/frame-ttop-lleft.png)
  }

td.frame-ttop-left
  {
  width:            51px;
  height:           64px;
  background-image: url(images/frame-ttop-left.png)
  }

td.frame-ttop-mid
  {
  height:           64px;
  color:            yellow;
  background-image: url(images/frame-ttop-mid.png)
  }

td.frame-ttop-right
  {
  width:            51px;
  height:           64px;
  background-image: url(images/frame-ttop-right.png)
  }

td.frame-top-lleft
  {
  width:            128px;
  height:           64px;
  background-image: url(images/frame-top-lleft.png)
  }

td.frame-top-left
  {
  width:            51px;
  height:           64px;
  background-image: url(images/frame-top-left.png)
  }

td.frame-top-mid
  {
  background-color: white;
  vertical-align:   middle;
  text-align:       center;
  }

td.frame-bot-lleft
  {
  width:            128px;
  height:           384px;
  padding:          20px 0 0 0;
  vertical-align:   top;
  text-align:       center;
  background-color: white;
  background-image: url(images/frame-bot-lleft.png);
  background-repeat: no-repeat;
  }

td.frame-bot-mid
  {
  color:            #404880;
  background-color: white;
  padding:          0 4% 0 4%;
  vertical-align:   top;
  }

td.frame-bbot-lleft
  {
  height:           98px;
  vertical-align:   bottom;
  }

td.frame-bbot-mid
  {
  vertical-align:   bottom;
  }

table.main
  {
  color:            #404880;
  border-color:     #404880;
  border-width:     0;
  padding:          5 5 20 5;
  border-style:     groove;
  }

th.main
  {
  width:            128px;
  border-width:     0 0 0 0;
  padding:          8px 8px 8px 0;
  text-align:       center;
  vertical-align:   top;
  }

td.main
  {
  color:            #404880;
  border-color:     #404880;
  border-style:     groove;
  border-width:     0   0  4px 0;
  padding:          8px 0 24px 8px;
  vertical-align:   top;
  }

table.news
  {
  border-color:     #404880;
  border-width:     0;
  padding:          5 5 20 5;
  border-style:     groove;
  }

td.news
  {
  border-width:     0 0 4px 0;
  padding:          8px 0 24px 0;
  border-color:     #404880;
  border-style:     groove;
  vertical-align:   top;
  }

table.projects
  {
  border-color:     #404880;
  border-width:     0 0 0  0;
  padding:          5 5 20 5;
  border-style:     groove;
  }

th.projects
  {
  width:            128px;
  border-width:     0 0 0 0;
  padding:          8px 4px 8px 0;
  text-align:       center;
  vertical-align:   top;
  }

td.projects
  {
  border-width:     0 0 4px 0;
  padding:          8px 0 8px 4px;
  border-color:     #404880;
  border-style:     groove;
  vertical-align:   top;
  }

font.ubiqx
  {
  font-family:      times,serif;
  font-style:       italic;
  font-weight:      bold;
  font-size:        140%;
  }

ul.nobreak
  {
  margin-top:       -20px;
  padding-top:      0px;
  }

font.hdr-title
  {
  font-weight:      bold;
  font-size:        120%;
  }

font.hdr-date
  {
  font-size:        80%;
  font-style:       italic;
  }