.title { font-size: 1.4em; font-weight: bold; }
.subtitle { font-size: 1.1em; font-weight: bold; }
.highlight { background: yellow; font-weight: bold; }
body {
  background: white; /* This colour is displayed briefly while the page is downloading */
  margin: 0px;
  font-family:   Verdana, Arial, Helvetica, sans-serif;
  scrollbar-base-color: #cccccc;
  /* Optional extra settings to override the defaults (which are based on base-color)
  scrollbar-face-color: #ffffff;
  scrollbar-track-color: #cc0000; 
  scrollbar-arrow-color: #cc0000;
  scrollbar-highlight-color: #000000; 
  scrollbar-3dlight-color: #000000; 
  scrollbar-shadow-color: #ffffff;
  scrollbar-darkshadow-color: #000000; 
  */
}

table.outer_table { /* The table in which the entire page's content is contained */
  width: 100%;
  height: 100%;
}


/*  HEAD SECTION  */

td.header_cell {
  height=70px; width=100%
}
table.header_table { /* Contains the path, head, and logo (if it's not in the left_bar) */  
width: 100%; height: 60px;   color: black;
}

td.logo_cell {
  text-align: center; padding-left: 10px;
  vertical-align: middle;
  height: 40px;
  width: 100%;
  background: #c0c0c0;
}

td.path_cell {
  height: 15px;
  color: black;
  font-size: 0.8em;
}

td.head_cell {
  background: white;
  font-size: 2em;
  text-align: center;
  vertical-align: middle;
}


/*  MAIN BODY SECTION  */

td.main_cell {padding 20px; background: #FFFFCC;
}

table.main_table { /* Contains the body and menus */
  table width: 100%;
  height: 100%;
}

td.body_cell { border-style="solid"; border-color="#e18a00"; border-size="1px";
padding: 20px;
  vertical-align: top;

  font-size: .77em;
  color: black;
}


/*  MENUS  */

td.menu_left_cell {
  vertical-align: top; padding-top: 10px; width: 120px; border-style="solid"; border-color="#e18a00"; border-size="1";
}

td.menu_right_cell {
vertical-align: top; padding-top: 10px;
  width: 150px; border-style="solid"; border-color="#e18a00"; border-size="1";
  text-align: right;

}

td.menu_top_cell {
  /* almost bug in IE (when the body has less than one line of content, and the right menu gets 50% width) */
  
  text-align: center;
}

td.menu_bottom_cell {
  height: 30px;
  text-align: center;
}


/*  LEFT BAR  */
/* (not present in most template formats, but can be used for holding the logo and left menu) */

td.left_bar_cell { /* Surrounds the left_bar_table -- use it when setting widths */
  width: 100px;
}
table.left_bar_table {
  width: 100px;
  height: 100%;
  background: #ffffff;
}

/*  LINKS  */

A.normalLink { /* Used for most links on the site */
  color: blue;
  font-weight: bold;
  text-decoration: underline;
}
A.normalLink:hover {
  text-decoration: none;
}

A.pageLink { /* Used in the path */
  color: red;
  font-weight: bold;
  text-decoration: underline;
}
A.pageLink:hover {
  text-decoration: none
}