body{font-family:arial,sans-serif;
background-color:#fff59e;}
p{margin-top:2px;margin-bottom:6px;}
h1{background-color:#fdf5e6;padding:20px;text-align:center; border:groove; border-left-width:medium; margin:10px;}
/*make the bylines small and italicised.*/
p.byline{font-size: 65%;font-style:italic;border-bottom-style:outset;
border-bottom-width:1px; margin-bottom:5px;margin-top:0px; color: #0000FF;}
/*make the reviews a little smaller, and justified.*/
p.review{font-size:83%; text-align:justify;}
/*make the review headings blue*/
h2.review {font-size:80%;color:blue;margin-bottom:0px;}
/*make the list number blue*/
ol{font-size:100%;color:blue;}
div.boxl{background-color:#FFFFCC; margin:10px; padding:20px; border-style:groove; border-width:medium; float:left; width:400px;}
div.boxr{background-color: #FFCC66; margin-right:10px; margin-bottom:10px; padding:30px; border-style:groove; border-width:medium; float:right; width:350px;}
.leftpanel{position:absolute; top: 130px; left: 10px; width: 200px; padding:20px; border-style:groove; border-width:medium; background-color:#FFFFCC}
/*make the h3 headings centred and blue*/
h3.box{color: #CC3366; text-align:center; font:Georgia, "Times New Roman", Times, serif}
h4.box{color: #FF6666; text-align:center;} 
/*bell bullet, large, italic, black font*/
.bell{list-style-image:url(tinybell.jpg); font-size:18px;
	font-style:italic;
	color: #000000;}
	/*Large italic black font*/
li.date {
	font-size:14px;
	font-style:italic;
	color: #000000;}
.leftpanel2{position:absolute; top: 500px;  left: 10px; width: 200px; padding:20px; border-style:groove; border-width:medium; background-color:#FFFFCC;}
.midpanel{position:absolute; top:130px; left:280px;width:200px;padding:20px; border-style:groove;border-width:medium;background-color:#ffffcc;}
.event{font-size: small;font-style:normal}
.widebox{background-color: #FFFF66; margin-right:10px; margin-bottom: 10px; margin-left: 10px; padding: 15px; border-style: inset; border-width:medium; width: 450px; float: left;}
.caption{font-size:83%; text-align:left; color:#0000FF;}
.aside{font-size:70%; text-align:left; color: #333333;}
.programmeimage{background-image:url(pictures/concertprogramme.jpg); padding: 15px; margin-right:20px; margin-bottom: 10px; width: 500px; height:300px; margin-top:10px; float:left;}
p.byline2{font-size: 65%;font-style:italic; margin-bottom:5px;margin-top:0px; color: #0000FF; text-align:center;}
.box2{color:#ff6666; text-align:center; margin-top:70px;}
.review2{font-size:80%;color:blue;margin-bottom:0px; text-align:center;}
.float{float:right; width 540px; padding: 10px; margin: 10px}