body {
  background-color:#FFFFFF;
  font-family: Arial, Helvetica, Times;
  color:#666666;
}

#titlebar
{
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  background:#FFCC00;
}

#navbar
{
  background:#666666;
  color: #FFFFFF; 
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

#ColourBar
{
  padding-top: 20px;
  padding-bottom: 20px;
  background:#FFCC00;
}

p
{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  max-width: 80%;
  margin: auto;
}

h3 {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

img {
  padding-left: 10px;
  padding-right: 10px;
}

a:link
{
  color:  #FFFFFF;
}

a:visited
{
  color: #FFFFFF;
}

a:hover
{
  color:#666666;
  background:#FFCC00;
}

iframe {
  border-width: 0px;
  width: 80%;
}

#flex-container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
  justify-content: center;
  text-align: center; 
}