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

#banner h1{	margin: 0px; padding:0 0 0px 15px; font-size:60px;color:#00c; background-color:#cff; }
#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:#fff; display:inline}
.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; line-height:1.5}
ul.castlist{list-style:none}
table.castlist {margin-left:20px}
td.person{padding-left:1em}
#rightpane{float:right; width:500px}
div#rightpane ul{margin-top:0}
#footer{	background-color: #fff;
			font-size:0.8em;
			text-align: center;
			z-index:10;
			margin-bottom:40px}
#wp		{
			clear: both;
			background-color: #fff;
			padding: 1em;
			font-size:0.6em;
			text-align: center;
			border-top:1px solid #009;
			margin-top:8px;
			z-index:10;
		}


#leftnav p { margin-top: 0; font-size:0.85em; line-height:1.1}

h1{margin:0; padding:0; color:blue; font-size:1.5em }
h2{margin:0; padding:0; color:blue; font-size:1.3em }
h3{margin:0; padding:0; color:blue;font-size:1.1em }
.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}

.poemline{margin:0 auto; }

a:link,  a:visited{color:#0000ff}
a:hover, a:active{color:#000000}
#footer a.nolink{color:black; cursor:default}
#leftnav ul li{display: block;
		margin:0;
		padding: 5px 5px 5px 5px;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		background-color: #00c;
		color:#fff;
		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:white}
#leftnav ul li a:hover, #leftnav li a:active{color:red; background-color:white}
#leftnav .nolink{background: url(i/warrow.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/warrow.gif); color:white; background-color:#00c}
p.lefttext{margin:0 3px 0 14px}
p.lefttextindent{margin:70px 0px 0px 28px}

a.leftinternal:link, a.leftinternal:visited{color:white; font-size:1.1em}
a.leftinternal:hover, a.leftinternal:active{color:yellow; font-size:1.1em}
.picright{float:right; margin-left:5px; font-size:smaller; text-align:center}
.picleft{float:left; margin-right:5px}
.pic{text-align:center; font-size:small; font-weight:bold}

.email{color:#00f; text-decoration:underline; cursor:pointer;}
.atalign{ vertical-align:text-bottom}



#rightpane a.extlink:link, #footer a.extlink:link {color:#009900}
#rightpane a.extlink:visited, #footer a.extlink:visited{color:#999933}
#rightpane a.extlink:hover, #footer a.extlink:hover {color:#cc0000}
.narrowleftblock{width:340px}


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

}