html {
font-size: 10px;
}

body {
width: 80%;
margin: 0 auto;
background-color: #30572a; 
padding: 0 20px 20px 20px;
border: 0px solid white;
line-height: 1.0;
}

table  {
margin-left: auto;
margin-right: auto;
border: 0;
}

td, th {
text-align: center;
vertical-align: middle;
padding: 2px;
}
  
p {					/* paragraph, centre */
font-family: Arial, sans-serif;
color: #ffffff;
font-size: 1.8rem;
line-height: normal;
text-align: center;
margin-top: 0em;
margin-bottom: 1em;
}

h1 {					/* large heading, centre */
font-family: Arial, sans-serif;
font-size: 3rem;
color: white;
font-weight: bold;
text-align: center;
margin-top: 1em;
margin-bottom: 0.7em;
}

h2 {					/* medium heading, centre */
font-family: Arial, sans-serif;
font-size: 2.2rem;
color: white;
font-weight: bold;
text-align: center;
margin-top: 0.5em;
margin-bottom: 1em;
}

h3 {					/* small heading, left */
font-family: Arial, sans-serif;
font-size: 1.8rem;
color: white;
font-weight: bold;
text-align: left;
margin-bottom: 0em;
}

h4 {
font-family: Arial, sans-serif; 	/* yellow italic, centre */
font-size: 2.0rem;
color: yellow;
font-weight: bold;
font-style: italic;
text-align: center;
margin-top: 0.5em;
margin-bottom: 1em;
}

img  {max-height: 450px; max-width: 450px; text-align: center;
}

.big-img {max-height: 600px; max-width: 600px; text-align: center;
}

ul.nobullet {
list-style-type: none
}

.align-left {text-align: left;}

a {outline-color: transparent;}
a:link {color: lime;}
a:visited {color: yellow;}
a:focus {text-decoration: none; background: #bae498;}
a:hover {text-decoration: none; background: #cdfeaa;}
a:active {background: #6900ff; color: #cdfeaa;}