body
{
background-color:#cbc8c8;
background-image:url('img/jhb.png');
background-repeat:no-repeat;
background-position:center top;
text-align:center;
margin-left: auto;
margin-right: auto;
margin-top:20px;
}

img.centred
{
display: block;
margin-left:auto;
margin-right:auto;
}
p.centred
{
display: block;
margin-left:auto;
margin-right:auto;
text-align: center;
}
p.br
{
display: block;
right:0;
bottom:0;
}
div#cright
{
font-family:"Times New Roman",Times,serif;;
color:green;
text-align: center;
}
table#footer
{
margin-left:auto;
margin-right:auto;
width: 80%;
}
.fc1 {width:30%}
.fc2 {width:40%}
.fc3 {width:30%}

table#header
{
margin-left:auto;
margin-right:auto;
width: 80%;
}
.col1 { 
width:35%; 
} 
.col2 { 
width:45%; 
padding-left: 20px;
}

span.tide7
{
font-family:"Times New Roman",Times,serif;;
font-size:1.1em;
font-weight:bold;
}
p.thick {font-weight:bold;}
div#bnotes
{
font-family:"Times New Roman",Times,serif;;
color:grey;
text-align: center;
font-size:0.8em;
}
td.right {text-align: right;}
td.left {text-align: left;}
div.midbit
{
margin-left:auto;
margin-right:auto;
width: 80%;
}
p.left {text-align: left;}

div.menu4 {
margin-left:auto;
margin-right:auto;
width: 80%;
	  border-top: 1px solid #525252;
background-color: #cbc8ff;
}
.menu4 ul {
margin-left:auto;
margin-right:auto;
width: 80%;
      list-style-type: none;
	  background-color: #cb0000;
    }
.menu4 li {
background-color:#cbc8c8;	
      float: left;
	  margin: 10px;
    }
.menu4 a {
      display: block;
      width: 100%;
      text-decoration: none;
border-top: 1px solid #525252;
    }
.menu4 a:hover {
      background: #ff9 none;
    }
	
	#topnav {
width: 80%;
height: 26px;
display: block;
margin-left:auto;
margin-right:auto;
padding: 0;
border-top: 1px solid #525252;
background-color: #cbc8c8;
}
a.navtop {
display: block;
float: left;
padding: 2px 6px;
border-right: solid 1px white;
vertical-align: middle;
line-height: 21px;
text-decoration: none;
font-size: 12px;
}
 a.navtop :hover {
      background: #ff9 none;
    }