body{padding: 0; margin:0 auto; font-family:"Times New Roman", Times, serif;  color:#fd8; background-color: #050;
	text-align:center;/* to humour IE, retracted later*/}
		
#container
		{	width:700px;	background-color: #050;
			margin:5px auto; /* "auto" is proper centralisation */
			text-align:left; /*reverse IE hack*/
			background-image: url(i/bgFD8.gif);background-repeat:repeat-y;
		}
#banner{/* All the way across the top*/
		background-color: #050; padding:0; height:100px	/* overwrites general background image*/
		}

#banner h1{	margin: 0px; padding:0 0 0 0; font-size:80px;color:#fd8; background-color:#050; }
#logo{width:180px; float:left}
#maintitle{float:left; padding-left:15px}
#leftnav{clear:left; float: left; width: 180px;margin:10px 0 0 0; padding: 0; color:#000; display:inline; font-family:Arial, Helvetica, sans-serif}
.buttonblock{margin:14px ; padding:0; list-style:none;}
ul.buttonfoot{list-style:none; text-align:center; padding:0 10px 0 10px}
ul.buttonfoot li {float:left; display:inline; padding:0 5px 0 5px;}


#rightpane{float:right; width:500px}
#footer{	font-family:Arial, Helvetica, sans-serif;
			background-color: #050;
			font-size:0.8em;
			text-align: center;
			z-index:10;
			margin-bottom:40px}
#wp		{font-family:Arial, Helvetica, sans-serif;
			clear: both;
			background-color: #050;
			padding: 1em;
			font-size:0.6em;
			text-align: center;
			border-top:1px solid #fd7;
			margin-top:8px;
			z-index:10;
		}


.lefttext { margin:0 0 0 14px; font-size:0.8em; }
div.lefttext p{marhin-bottom:15px}

a.leftA:visited, a.leftA:link{color:black; text-decoration:underline;}
a.leftA:hover, a.leftA:active{color:white; text-decoration:underline;}
.leftcloser{margin: 0.3em 0 0 1em}

h1{margin:0; padding:0; color:#fd7; font-size:2em }
h2{margin:0; padding:0; color:#fd7; text-align:left; font-size:1.5em;}
h3{margin:0; padding:0; color:#fd7; font-size:1.2em}
.firstpara{padding-top:0; margin-top:0;}
.review{margin:5px 20px 0 20px; font-style:italic}
.longreview{margin:5px 20px 0 20px; font-style:italic; text-align:justify}
.reviewer{margin:0px 20px 30px 20px; font-weight:bold; text-align:right}
.noitalic{font-style:normal}


a:link,  a:visited{color:#be5}
a:hover {color:#fff} 
a:active{color:#fff}
#footer a.nolink{color:#fd8; cursor:default; text-decoration:none;}
#leftnav ul li{display: block;
		margin:0;
		padding: 5px 5px 5px 5px;
		border-left: 1px solid #050;
		border-right: 1px solid #050;
		border-bottom: 1px solid #050;
		background-color: #e62;
		color:#fd7;
		width: 140px;}

#leftnav ul li a{text-decoration:none; display:block; width:100%}
html>body #leftnav li a {	width: auto;} /* sorts out a "100%" problem in some browsers*/
#leftnav ul li a:link, #leftnav li a:visited{color:#fd8}
#leftnav ul li a:hover, #leftnav li a:active{color:#000; background-color:#fd8}
#leftnav .nolink{background: url(i/barrow.gif) no-repeat right center;}
#leftnav a.nolink:link, #leftnav a.nolink:visited, #leftnav a.nolink:hover, #leftnav a.nolink:active{cursor:default;  background-image: url(i/barrow.gif); color:black; background-color:#e62}
.picright{float:right; margin-left:5px; text-align:center; font-size:0.6em; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.picleft{float:left; margin-right:5px}
.pic{ font-size:small; font-weight:bold}
.pic2{width:228px; padding:15px 8px 5px 0; text-align:center; font-size:small; font-weight:bold; float:left}

.email{color:#be5; text-decoration:underline; cursor:pointer;}
.at{ vertical-align:text-bottom}
.backtotop{text-align:right; font-weight:bold}

#rightpane a.extlink:link, #footer a.extlink:link {color:#009900}
#rightpane a.extlink:visited, #footer a.extlink:visited{color:#006600}
#rightpane a.extlink:hover, #footer a.extlink:hover {color:#fff}


@media print{
#container{width:100%}
#leftnav{display:none}
#rightpane{float:none; width:90%}

}