body, html {
	margin: 0px;
	padding: 0px;
	color: #010101;
	background-color: #EA008A;
}

div.headerBox {
	padding: 10px; 
	/* the space between the border and inside of the box */
	/* border: solid 2px #8F70A0; */
	/* border: type size color;
	 *  border-width= e.g. 2px
	 *  border-color: $xxxxxx
	 *  border-style: dotted, solid, groove,dashed 
	 */
	width: 740;
	height: 80; 
	background-color: #BBBBBB;
	margin: 10px 0px 0px 0px;
	/* the space between the border and outside of the box 
	 * margin: top right bottom left
	 * margin: nnpx   => all around the same margin
	 */
	text-indent: 1em;
	/* extra indentation */
	text-align: center; 
	text-decoration: bold; 
	/* text-decoration: type
	 * type = underline, none
	 */
  color: #000099;
 	font-size: 300%;	
	font-weight: 700; /* ??? */
	font-style: normal; 
}

div.subtitle {
  border: 0px;
 font-weight: 200; 
  font-size:60%;
}

div.agendaItem {
	background-color: #D0D0F0;
	margin: 3px 50px 3px 50px; 
	width=100%; 
}

div.messageBox {
  background-color: #d2F535;
  font-size: 80%;
  text-align: center;
  font-style: italic;
  width: 100%;
}

div.mainText {
  font-size: 100%;
}

div.parTitle {
  font-size: 120%;
  text-align: left;
  text-decoration: bold;
  margin-left: 10px;
  padding: 5px;
  color: #000099;
}

div.parText {
  font-size: 120%;
  text-align: left;
  text-decoration: normal;
  margin-left: 25px;
  padding: 5px;
  color: #000099;
}

td.datetime {
	font-family: "Arial"; 
	font-size: 60%; 
	text-decoration: bold; 
	text-indent: 3px; 
}

td.buttons {
	text-align: right; 
}

td.agendaMessage {
	font-family: "Arial"; 
	/* font-family
	 * Arial, Roman, Helvetiva, Symbol, Times
	 */
	font-size:120%; 
	text-decoration: bold; 
	text-indent: 3em; 
}

td.pageborder {
  background-color: #EA008A;
  border: solid 2px #EA008A;
  margin: 0px;
}

td.pagecontent {
  background-color: #BBBBBB;
  border: solid 2px #EA008A;
  margin: 0px;
}

td.agendaInfo {
	font-family: "Helvetica";
	font-size:80%; 
	text-decoration: none; 
	text-indent: 7em;
	font-style: italic; 
}

img {
  vertical-align: top;
}

a, a:visited, a:hover {
	color: #000099;
	background-color: transparent;
}

a:active {
	color: #0000ff;
	background-color: transparent;
}