body { }
h1 { font:bold 14pt "Courier New";margin-left:20px; }
h1.title { font:italic bold 34pt "Impact";color:black;border:5pt double #444444;border-radius:5em; width:610px;padding:20px;}
p { }
a.toplinks { font:10pt "Courier New";color:black; padding:10px; text-decoration:none;margin-top:0px;margin-left:0px;}
a.toplinks:hover { color:blue; }
a.toplinks:visited { color:gray; }

/* admin section */
table.display_table { border:1px solid black; padding:5px; border-radius:.4em; }
tr.row_heading { }
td.col_heading {background:#CCCCCC; border:1px solid black; border-radius:.1em;font: 12pt "Courier New"; color:#344344; padding-left:10px;}
td.col {border:1px solid black; border-radius:.1em;font: 9pt "Courier New"; color:black;padding:5px;}
td.col_alt {background:#DDDDEE;border:1px solid black; border-radius:.1em;font: 9pt "Courier New"; color:black;padding:5px;}
div { }
div.inputdiv {
  display:block;
  padding:0px;
  margin:2px;

}


input.editfield { background:#DDDDDD;width:250px;height:25px;padding:2px;margin:0px; }
input.editfield_small { background:#DDDDDD;width:250px;height:18px;padding:2px;margin:0px; }
input.title { font-size:18pt;width:300px;background:#DDDDDD; }
fieldset.user { padding:5px;width:270px;}
a.button {
      text-decoration:bold;
      width: 100px;
      background: #DDDDDD;
      color: black;
      border: 1pt outset black;
      margin-top: 5px;
      padding-top:2px;
      padding-bottom:2px;
      padding-left:35px;
      padding-right:35px;
}
a.button:hover { border: 1pt inset black; background: white; }
p.article_title {
	font:bold 12pt "Courier New";
      color: black;
      margin-left:1px;
      margin-top:2px;
      margin-bottom:2px;
}
p.article {
    font: 9pt "Courier New";
    text-decoration:none;
    color:black;
    margin-top:0px;
    margin-left:0px;
}
p.article_owner {
    font: 8pt "Courier New";
    float:right;
    text-decoration:none;
    color:gray;
    margin-top:0px;
}
.item {
  width: 260px;
     border:1pt solid black;
      border-radius:.2em;
      margin:3px;
      padding:2px;
      text-align:center;
  float: left;
}
div.article_title {
      color:black;
      width:260px;
      border:1pt solid black;
      border-radius:.2em;
      margin:3px;
      padding:2px;
      text-align:center;
      float:left;
}
container {
  display: grid;
  width: 900px;
}
.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}
/* Create equal columns that sits next to each other */
.column {
    -ms-flex: 23.7%; /* IE10 */
    flex: 23.7%;
    max-width: 23.7%;
      color:black;
      width:260px;
      border:1pt solid black;
      border-radius:.2em;
      margin:3px;
      padding:2px;
      text-align:center;
      float:left;
}
.column a {
  margin-top: 8px;
  vertical-align: middle;
}
/*2 wide */
@media screen and (max-width: 995px) {
    .column {
        -ms-flex: 48%;
        flex: 48%;
        max-width: 48%;
    }
}

/* 1 wide */
@media screen and (max-width: 600px) {
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

input.credential_v {
   display: none;
   visibility: hidden;
}