body {
	background:#777;
	color:white ;
	font-family: Arial, san serif ;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12pt;
}

table {
	background:#777;
}

td {
	font-size: 12pt;
}

a, a:visited {
	color:#ffff00
}


.x213 {
  border: 0 ; //1px solid white ;
  border-left:  1px solid #a0a0a0 ;
  padding-left: 10px ;
}

.x214 {
  border: 0 ; // 1px solid white ;
  border-left: 1px solid #808080 ;
  padding-left: 10px ;
}

#menubar{
	position: fixed ;
	top: 0 ;
	left : 0 ;
	height: 1.2em ;
	background: black ;
	width: 100% ;
	border-bottom: 1px solid #999 ;
	padding-left:20px ;
}

#menubar a{
	text-decoration: none ;
	color : white ;
}

#menubar a:hover{
	color : yellow ;
}

.h1drop{
	margin-top: 1em ;
}

.column {
  float: left;
  width: 33.33%;
}

.w25 { width: 25% ;}
.w50 { width: 50% ;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}