body{margin:10px auto;  font-family: Arial, Helvetica, sans-serif; font-size:0.9em}
#centre{width:700px; text-align:left; margin:auto}
#banner{height:142px; margin:0}
#portrait{float:left; width:175px; height:165px}
#title{width:510px; margin-left:185px; height:120px; padding-top:0px}
#strap{text-align:right; width:457px; color:blue; margin-top:20px; font-size:1.2em}
#navarea{float:left; clear:left; width:175px}

#content{width:510px; margin-left:185px; text-align:justify}
#navarea a, #navarea  a:visited{color:white; text-decoration:none; display:block; width:100%}
#navarea  a:hover, #navarea  a:active{color:silver}
#navarea p.nolink a,
#navarea p.nolink a:visited,
#navarea p.nolink a:hover,
#navarea p.nolink a:active {color:black; cursor:default}

.btn {background: url(i/btn.gif) no-repeat scroll top left;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; height:53px; margin:0 0 0px 0;padding:18px 0 0 15px; line-height:0.9}
.btn2 {background: url(i/btn.gif) no-repeat scroll top left;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; height:53px; margin:0 0 7px 0;padding:11px 0 0 15px; line-height:1}
h1{margin:3px 0 0 0; padding:0; font-size:0.1em}
h2{margin:0; padding:0; color:#0000ff}
h3{margin:0; padding:0;}
.firstpara{margin-top:0}
#footer{margin-top:20px; border-top:1px solid blue}
#wp{text-align:center; padding-top:20px;font-size:0.8em}
.navbottom {clear:both; text-align: center; margin-bottom:10px; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.navbottom a {margin: 0 0.25em;	padding: 0.25em;}
.picright{float:right; margin-left:10px; margin-bottom:10px; font-size:0.9em; font-weight:bold; text-align:center; display:inline; } /* display inline is to kill the IE indent/double margin bug*/
.piccentre{font-size:0.9em; font-weight:bold; text-align:center }
blockquote{width:400px} /* otherwise italic makes width >100% and float doesn't work! */

@media print{
#navarea{display:none}
#portrait{float:none}
#title{margin:0}
#content{margin-left:0}

}