body, td { font-family:Arial, sans-serif; font-size:small;}

.mainbody {width:100%; background: #FFFFCC; text-align:center;}
.fullbody {width:100%; background:#FED85D;}

.content {width:80%; background:#FFFFCC; border:3px; border-style:ridge; margin:auto;}
.navi {width:95%; background:#FFFFCC; border:3px; border-style:ridge; margin:auto;}
.side {background:#99FFCC; width:28%; text-align:left; vertical-align:top;}	

h1 { color:#255282; font-size:200%; font-weight:bold; text-align:center;}
h2 { color:#255282; font-size:150%; font-weight:bold; text-align:center;}
h3 { color:#A52A2A; font-size:120%; font-weight:bold; text-align:center;}
h4 { color:#FF0000; font-size:300%; font-family:Monotype Corsiva, Serif; font-weight:bold; text-align:center;}

.date { color:#255282; font-size:150%; font-weight:bold;}
 
.centre {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.bodywidth {width:620px;}

.background {background:#FFFFCC;}

a:link { text-decoration:underline; color:#0000FF; font-weight:bold;}
a:visited { text-decoration:underline;  color:#0000FF; font-weight:bold;}
a:hover { text-decoration:underline; color:#255282; font-weight:bold;}


.height {height:110;}


.small {font-size:90%; text-align:center;}

.half {width:50%;}
.halfcentre {width:50%; text-align:center;}
.seventy {width:70%;}
.thirty {width:30%; }
.quarter {width:25%;}
.85 {width:85%;}
.third {width:33%;}
.thirdmid {width:24%;text-align:center; vertical-align:top;}
.thirdmid1 {width:33%;text-align:center;}
.adverts {width:20%;text-align:center;}
.mosaicleft {width:50%; text-align:right; vertical-align:top;}
.mosaicright {width:50%; text-align:left; vertical-align:top;}




.floatleft { float:left; margin-right:10px; margin-top:10px;}
.floatright { float:right; margin-left:10px; margin-top:10px;}