html { margin-left: calc(100vw - 100%); }   /* margin for fixing pages with scrollbar shifting off the center */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  color: #003366;
  font-style: normal;
  background-color: #F7F7D4;
  }

td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #003366;
  font-style: normal;
  }

th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #003366;
  font-style: normal;
  }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper {
  width: 800px;
  margin: 5px auto;
  border: 1px solid #000000;
  }

.menuBar A:link {text-decoration: none}
.menuBar A:visited {text-decoration: none}
.menuBar A:active {text-decoration: none}
.menuBar A:hover {text-decoration: underline; color: red;}

#headerTable {
  border-width: 0px 0px 0px 0px;
  border-spacing: 0px;
  border-style: none none none none;
  border-color: gray gray gray gray;
  }

#headerTable td {
  padding: 5px 5px 5px 5px;
  border-width: 1px 1px 1px 1px;
  border-style: solid solid solid solid;
  border-color: #F7F7D4 #F7F7D4 #F7F7D4 #F7F7D4 ;
  color: #660000;
  }

#headerTable #plainCell {
  }

#headerTable #titleCell {
  background-color: #660000;
  color: #F7F7D4;
  font-size: 18px;
  }

#headerTable #brwnCell {
  background-color: #660000;
  }

#headerTable #wcccCell {
  background-color: #AAAA66;
  color: #660000;
  font-size: 30px;
  }

#headerTable #grnCell {
  background-color: #AAAA66;
  }

#headerTable #dateCell,#headerTable #sfCell { 
  color: #660000;
  font-size: 16px;
  font-weight: bold;
  }

.bodystyle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  }

.small {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8px;
  }

.medium {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  }

.big {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  }

.xbig {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  }

.expanded {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 2px;
  }

.justified {
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  }

.email {
  letter-spacing: -2px;
	text-transform: lowercase; }

.footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8px;
  color: #999999;
  }

.box1 {
  padding: 3px;
  border-width: thin;
  border-style: solid;
  border-color: #CCCCCC #666666 #666666 #CCCCCC;
  }

.box2 {
  font-style: italic;
  word-spacing: 2pt;
  padding: 3px;
  border-width: thin;
  border-style: solid;
  }

#nav {
  margin: 0;
  padding-left: 10px;
  padding-bottom: 0px;
  border-bottom: 1px solid #990000;
  font: bold 12px Verdana, sans-serif;
  }

#nav ul, #nav li {
  display: inline;
  list-style-type: none;
  margin: 2px;
  padding: 0px;
  }

#nav a {
  text-decoration: none;
  color: #448;
  background-color: #DDE;
  padding: 2px 10px  2px 10px;
  line-height: 1.5em;
  }

#nav a:hover {
  color: #000;
  background: #AAE;
  }

#lang {
  font-family: Arial Unicode MS, PMingLiU, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #448;
  background-color: #DDE;
  padding: 2px 10px 2px 10px;
  line-height: 1.5em;
  background-color: #F7F7D4;
  padding: 0px 0px 0px 0px;
  line-height: 1.5em;
  }

body.home #nav li#home a,
body.regInfo #nav li#regInfo a,
body.reg #nav li#reg a,
body.schedule #nav li#schedule a,
body.msg #nav li#msg a,
body.forms #nav li#forms a,
body.transcript #nav li#transcript a,
body.transcription_ch #nav li#transcription_ch a,
body.epub #nav li#epub a {
  background-color: #F7F7D4;
  color: #000000;
  border-width: 1px 1px 1px 1px;
  border-spacing: 0px;
  border-style: solid solid solid solid;
  border-color: gray gray #F7F7D4 gray;
  }

#accommodationTable {
  border-width: 1px 1px 1px 1px;
  border-spacing: 0px;
  border-style: solid solid solid solid;
  border-color: gray gray gray gray;
  border-collapse: separate;
  background-color: #FFFFFF;
  padding: 0px 0px 0px 0px;
  }

#accommodationTable td {
  text-align: center;
  border-width: 0px 0px 0px 0px;
  padding: 1px 1px 1px 1px;
  border-style: none none none none;
  border-color: gray gray gray gray;
  background-color: #FFFFFF;
  }
  
#accommodationTable .tdBot {
  background-color: #F7F7D4;
  text-align: center;
  }

#accommodationTable .td1 {
  background-color: #F7F7D4;
  width: 2.5em;
  }

#accommodationTable .td2 {
  background-color: #F7F7D4;
  width: 2.5em;
  }

#accommodationTable th {
  font-size: 10px;
  text-align: center;
  border-width: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-style: none none none none;
  border-color: gray gray gray gray;
  background-color: #660000;
  color: #FFFFFF;
  }

#MessageTable td {
	padding: 5px;
	height: 25px;
	border: 1px solid #F7F7D4;
  }

#MessageTable #Title {
  background-color: #660000;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  }

#MessageTable #ColumnTitle {
  background-color: #999966;
  color: #8B0000;
  font-weight: bold;
  height: 25px;
  }

#MessageTable #MessageAnchorLink {
  background-color: #DDE;
  color: #8B0000;
  height: 25px;
  }