body{font-family:Arial,sans-serif;
color:black;background-color:#FFF59E;}
.bevelpanel{color:#FEA414;text-align:center; background-image:url(toppanel.jpg); background-position:top; margin-left:125px; margin-right: 125px; height:55px;}
.toppanel2{background-image:url(pictures/bellsmusictoppanel.jpg); background-position:top; margin-left:125px; margin-right:125px; height:90px}
.toppanelnews{background-image:url(pictures/newsheading.jpg); background-position:top; margin-left:147px; margin-right:147px; margin-bottom:30px;  height:90px; width: 900px;}
h1{color:#FEA414;text-align:center;}
h2{text-align:center;color:#d98000}
h3{text-align:center;color:#009206}
h4{color:#669966;}
p{text-indent:0px;margin-left:10px; margin-right:10px;}
ul{font-style: normal;}
dt{font-style: normal;}
dd{font-size:small;}
hr{height:3px;width:60%;border-top-width:3px; border-top-style:double; border-top-color:#D8D8D8;}
/*Large italic black font*/
li.date {
	font-size:18px;
	font-style:italic;
	color: #000000;
}
/*smaller, upright red font*/
.name{font-size:14px; font-style:normal; color:#FF3333; list-style-type:disc;}
.event{font-size:medium;font-style:normal}
/*left of text, 25px margin with text, pale yellow, 10px padding,*/
.leftpanel{float:left; margin-right:25px; margin-bottom:10px; background-image: url(pictures/bevel.jpg); width: 140px; padding:10px; font-size:12px; }
.floatleft{float:left; margin-left:20px; margin-right:20px;}
.italic{font-size:12px; color: #3399FF; text-align:center}
/*bell bullet, large, italic, black font*/
.bell{list-style-image:url(tinybell.jpg);font-size:18px;
	font-style:italic;
	color: #000000;}
.floatright{float:right; margin-right:30px; margin-left:20px;}
.floatrightindex{float:left; margin-left:160px; padding:20px; width:800px;}
.nobell{ list-style-type:disc;}
.advertisment{background-color: #FFFFFF; border: #CC3366; border-style:dotted; padding:10px; margin: 60px; margin-top:80px; margin-left:160px; font-size:large; font-style:italic;}
.adfont{font-style:italic; color:#FF3333; font-size: 18px;}
.centreleftpanel{float:left;  padding-left: 8px; padding-right: 8px;}
/*Sanderstead bell ringers heading*/
.toppanel{background-image:url(pictures/bell_graphic900yellowshadow.jpg); background-position:top; margin-left:200px; margin-right:125px; margin-top:2px; height:112px; width:940px;}
.toppanel2oclock{background-image:url(pictures/2oclock_top.jpg); background-position:top; margin-left:147px; margin-right:147px; margin-bottom:30px;  height:110px; width: 940px;}
/*hide the blue border on picture links*/
img{border-style:none}
.menupanel{position:absolute; top:50px; left:11px; width:140px; background-color:#fff59e;}

.centrepanel{margin-left:200px; margin-right:330px; padding-left:10px; padding-right:10px; background-color:#fff59e;}
/*centre for list on tea rota*/
.centrepanelbell{margin-left:200px; margin-right:330px; padding-left:10px; padding-right:10px; background-color:#fff59e;list-style-image:url(tinybell.jpg);font-size:18px;font-style:italic;color: #000000;}
/* Centre where the picture is 500px wide*/
.centrepaneltea{margin-left:200px; margin-right:500px; padding-left:10px; padding-right:10px; background-color:#fff59e;}
.rightpanel{position:absolute;top:40px;right:10px;width:300px;background-color:#fff59e;height:752px;}
.rightpic{background-color:#fff59e; position:absolute; top: 40px; right: 10px; width: 250px; padding-left:10px}
.rightpictea{background-color:#fff59e; position:absolute; top: 40px; right: 10px; width: 400px; padding-left:10px}
