html body { font-family: sans-serif; background-color: #006; color: #000; }
img { border: 0 }

a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: red; }
a:active { color: red; }

h1 {  padding: 2%; font-size: 2em; }
h3 { margin: 0; font-size: 1.2em; }
p  { margin-top: .5em;  }

.top-banner { text-align: center; margin-bottom: 2em; }
.main-box { width: 99%; background-color: white; }

.intro { font-size: 80%; margin: 2% 5% 2% 5%}

.left-content { float: left; font-size: 80%; width: 25%;
	      padding: 1%; margin-right: 1%}
.right-content { float: right; font-size: 80%; width: 25%;
		padding: 1%; margin-left: 1%}

.side-item { width: 100%; border: solid #bbb thin; margin-bottom: .5em }
.side-item-title { background-color: #bbb; font-weight: bold }
.side-item-content { padding: 2%  }
.side-item-content ul { list-style: none; margin-left: 0.5em; padding-left: 0; }
.side-item-content li { margin-left: 0.5em; padding-left: 0; }

.centre-content { margin-left: 1%; margin-right: 1% }

.date {color: #401; font-size: 80%; font-weight: bold }
address { clear: both; margin: 2%; font-size: 80%;
  border-top: solid thin black }