/*Size of display*/
body, html
{
  height: 100%;
}
/*Background for web pages*/
.bg
{
  background-image: url("Teifi.png");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/*Main heading for website*/
h1{
    font-family: Palatino, Times New Roman, serif;
  	text-align: center;
    color:white;
    padding: 5px;
 margin: 0;
  width: 100%;
  background: blue;
  z-index: 2;
}
/*Subheading for website*/
h2
{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: small;
  text-align: center;
  color: white;
  padding: 5px;
  background: cornflowerblue;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
/*Cell headings within content table*/
h3
{
  font-family: Palatino, Times New Roman, serif;
  text-align: center;
  color: DarkBlue;
  padding: 2px;
}
/*Normal text*/
p{
    font-family: Verdana, Helvetica, sans-serif;
    color: lightblue;
    padding: 3px;
}
/*Information to user*/
.message
{
  color: Black;
}
/* The user has to do something*/
.instruct
{
  color: darkred;
  text-align: center;
}
/*Attibutes for hyperlinks*/
.instruct a, li a
{
  color: crimson;
  text-decoration: none;
}

.instruct a:hover, li a:hover
{
  color: white;
  background: red;
}

.instruct a:active, li a:hover
{
  color: white;
  background: FireBrick;
}

.instruct a:visited, li a:visited
{
  color: White;
  background: black;
}
/*Unordered list used to display choices*/
/*ul
{
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
  list-style-type: none;
  list-style-position: outside;
}
/*Table used to contain sections*/
table, th, td
{
  width: 60%;
  vertical-align: center;
  border: 1px solid black;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}
/*Formatting for data table*/
th, td
{
  padding: 5px;
  text-align: left;
}

li
{
  line-height:1.5;
}

li a
{
  color: black;
	text-decoration: none;
}
/*Emphasised text*/
.redbold
{
  color: red;
  font-weight: bold;
}