a{
 text-decoration: none;
 background-color: #0909FF;
  color:white;
  padding: 4px 15px;
  text-align: center;
  display: inline-block;

}
.dimmed a{
 text-decoration: none;
 background-color: #0909AA;
  color:grey;
  padding: 4px 15px;
  text-align: center;
  display: inline;

}

.hilink{
 text-decoration: none;
 background-color: #33cc33;
  color:white;
  padding: 4px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}


body
{
  font-family: Arial, Helvetica,:Verdana, sans-serif;
  margin-top: 6px;
   margin-left: 25px;
	background-color: #555;
}

h4 {
  color: red !important;
  font-weight: bold;
#-webkit-appearance: none;
#-moz-appearance: none;
#appearance: none;
}

h2 {
  font-weight: bold;
  color: Blue;
#-webkit-appearance: none;
#-moz-appearance: none;
#appearance: none;
}

/*
learn from 3wschool only for HKTV,  delete
https://www.w3schools.com/howto/howto_css_two_columns.asp
 */
.left_right_row {
  display: flex;
}

.left_right_3col {
  flex: 23%;
}
.left_right_col {
  flex: 50%;
}


* {
  box-sizing: border-box;
}

/* Create three unequal columns that floats next to each other */
.wp_column {
  float: left;
  padding: 2px;
}

.wp_left{
  width: 25%;
}

.wp_right{
  width: 25%;
}
.wp_middle{
  width: 50%;
}

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

hr.black{
	color:black important! ;
  border-top: 1px solid black;
}