body {
    font-family: arial, helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    line-height: 1.5;
}

h1,h2 {
    text-align: center;
}
h3 { 
    text-align: left;
    font-style: italic;
}

/* use H4 headers to introduce new paragraphs as inline heading */
h4.inline {
    font-style: italic;
    display: inline;
}

p, li {
    text-align: justify;
}

/* Automatic inclusion of a little icon after links opening in new tabs */
/* Source: https://codepen.io/thiagobraga/pen/bhDdn */
a[target="_blank"]:after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
}

.uline { text-decoration: underline; }

td {
    text-align: center;
}

/* use this for images to be centered like <div><img ...></div>*/
div img {
    text-align: center;
    display: block;
    margin: auto;
}

/* use this for top-level article pictures */
img.toppic {
    width: 200px;
    height: auto;
}

/* use this to float images to the left of a paragraph */
img.fleft {
    float: left;
    margin: 5px;
    width: 200px;
    height: auto;
}

.bordered {
    border: solid 1px;
    border-color: black;
}

code {
    display: block;
    border: 1px solid #CCCCCC;
    background-color: #FFFFEE;
}

/* Forms and tables within forms, labels and input fields */
form { 
    margin: 0 auto; 
    width:400px;
}

form td.label {
    border: none;
    text-align: right;
}

form td.field {
    border: none;
    text-align: left;
}

form td.button {
    border: none;
    text-align: center;
}