body {
background:#cce6ff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:black;
font-weight:normal;
margin:0;
padding:0;
}

p {
background:#cce6ff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:normal;
padding:0;
margin:0;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:black;
font-weight:bold;
text-align:center;
text-transform:uppercase;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:black;
font-weight:bold;
text-align:center;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:black;
font-weight:bold;
text-align:center;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:black;
font-weight:bold;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:bold;
}

h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:7px;
color:black;
font-weight:bold;
}

.blue {
color:blue;
}

.medheader {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:black;
font-weight:bold;
text-align:center;
padding:0;
margin:30px auto 10px auto;
}

table {
background:#cce6ff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:black;
font-weight:normal;
}

pre {
background:#cce6ff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:normal;
}

a:link, a:visited, a:active {
color:yellow;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

a:hover {
color:white;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

.clearfix {
clear:both;
}

/* Over all site container */
#container {
width:1125px;
height:auto;
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
}

/* Main navigation menu */
/* Define vertical outer box with borders/bevels */
#navbar {
background-image:url(../images/logos/logo.gif);
background-repeat:no-repeat;
background-position:top;
position:absolute;
top:0;
left:0;
width:125px;
height:auto;
margin:0;
padding:0;
border-top:5px solid #dcf6ff;
border-right:5px solid #999;
border-bottom:5px solid #999;
border-left:5px solid #dcf6ff;
}

/* Limit list size and set margin to clear navbar logo */
#navbar ul {
font:9px Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
list-style-type:none;
margin:68px 0 0 0;
padding:0;
}

#navbar li {
display:inline;
}

/* Single line of text */
.oneline a {
height:14px;
padding:8px 0 8px 3px;
}

/* Two lines of text */
.twolines a {
height:26px;
padding:2px 0 2px 3px;
}

/* Style & set background for active list items */
#navbar a {
background-image:url(../images/gradients/navstd1x30.gif);
background-repeat:repeat-x;
text-decoration:none;
text-transform:uppercase; /*All capitals for consistency */
color:black;
display:block;
border-bottom:5px solid #cce6ff;
}

/* Set new background position for rollover */
#navbar a:hover {
background-image:url(../images/gradients/navhover1x30.gif);
background-repeat:repeat-x;
}

/* Set background for current item */
#navsel a {
background-image:url(../images/gradients/navactive1x30.gif);
background-repeat:repeat-x;
color:white;
}

/* Main framework for images and text */
#main {
background-color:#cce6ff;
width:934px;
height:auto;
position:relative;
top:0;
left:191px;
padding:0;
margin:0;
}

#main p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:normal;
text-decoration:none;
text-align:left;
padding:10px 5px 0px 5px;
margin:0;
}

#main p a {
color:black;
font-weight:600;
text-decoration:none;
}

#main h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:normal;
text-align:center;
padding:0;
margin:30px auto 10px auto;
}

#main h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:bold;
text-align:center;
}

#main h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:black;
font-weight:normal;
font-style:italic;
text-align:center;
}

/* Header block for all std. pages */
.header {
background-color:#cce6ff;
width:890px;
height:auto;
margin:10px auto 0 auto;
padding:0;
}

/* Main headers text */
.header h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:black;
font-weight:bold;
text-align:center;
text-transform:uppercase;
margin-bottom:10px;
padding:0;
}

.header h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:black;
font-weight:bold;
text-align:center;
margin-bottom:10px;
padding-top:10px;
}

.header h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:black;
font-weight:bold;
text-decoration:none;
text-align:left;
margin-bottom:10px;
padding-top:10px;
}

.header h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:black;
font-weight:bold;
text-decoration:none;
text-align:center;
margin:0;
padding:0;
}

/* Home page header outer container */
#homehead {
position:relative;
width:838px;
height:239px;
margin:0;
padding:0;
z-index:2;
}

/* Header top, bottom borders & content horizontal separatorss & bottom border, def and height */
#hdrtopborder, #hdrbotborder, #hcontlhsep, #hcontlhmidsep, #hcontrhmidsep, #hcontrhsep, #hcontbotborder {
background-image:url(../images/gradients/topborderlite1x10.gif);
background-repeat:repeat-x;
position:absolute;
height:10px;
border-top:1px solid white;
border-bottom:solid #999;
margin:0;
padding:0;
}

/* Header top border, width, borders & positioning */
#hdrtopborder {
width:838px;
top:0;
left:0;
border-top:2px solid white;
border-right:2px solid #999;
border-bottom:1px solid #999;
border-left:2px solid white;
z-index:10;
}

/* Header & content RH border def */
#hdrrhborder, #hcontrhborder, #contlhsep, #contmidsep, #contrhsep {
background-image:url(../images/gradients/lhborderlite10x1.gif);
background-repeat:repeat-y;
width:10px;
position:absolute;
margin:0;
padding:0;
}

/* Header RH border, height, borders & positioning */
#hdrrhborder {
height:223px;
top:12px;
left:829px;
border-right:2px solid #999;
border-left:1px solid white;
z-index:30;
}

/* Header bottom border, borders and positioning */
#hdrbotborder {
position:absolute;
width:818px;
top:229px;
left:12px;
border-bottom:1px solid #999;
z-index:40;
}

/* LH border def, no borders or positioning */
#hdrlhborder, #hcontlhborder {
background-image:url(../images/gradients/lhborderlite10x1.gif);
background-repeat:repeat-y;
width:10px;
position:absolute;
margin:0;
padding:0;
}

/* Header LH border, height, borders & positioning */
#hdrlhborder {
height:223px;
top:12px;
left:0;
border-right:1px solid #999;
border-left:2px solid white;
z-index:30;
}

/* Centred home main logo */
#homelogo {
background-image:url(../images/logos/mainlogo.jpg);
background-repeat:no-repeat;
background-position:center;
float:left;
width:390px;
height:216px;
margin:13px 0 0 13px;
padding:0;
}

/* RH home banner (photo & text) */
#homebanner {
background-image:url(../images/photos/home/bournemouthpier.jpg);
background-repeat:no-repeat;
background-position:center;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
text-align:center;
color:#f6fd00;
float:right;
width:385px;
margin:18px 14px 0 0;
padding:100px 0 10px 0;
}

/* Separate main box as poster/bills container for home page */
#homecontent {
width:840px;
height:478px;
position:absolute;
top:234px;
left:0;
padding:0;
margin:0;
z-index:3;
}

/* Content LH border, height, borders & positioning */
#hcontlhborder {
height:481px;
top:1px;
left:0;
border-right:1px solid #999;
border-bottom:2px solid #999;
border-left:2px solid white;
z-index:10;
}

/* Content RH border, height, borders & positioning */
#hcontrhborder {
height:481px;
top:1px;
left:829px;
border-right:2px solid #999;
border-bottom:2px solid #999;
border-left:1px solid white;
z-index:10;
}

/* Content vertical separator bars height, borders & vertical positions */
#contlhsep, #contmidsep, #contrhsep {
height:466px;
top:6px;
border-left:1px solid white;
border-right:1px solid #999;
z-index:60;
}

/* Content vertical separator bars horizontal positions */
#contlhsep {
left:208px;
}

#contmidsep {
left:415px;
}

#contrhsep {
left:622px;
}

/* Content horizontal separator bars widths & top positions */
#hcontlhsep, #hcontlhmidsep, #hcontrhmidsep, #hcontrhsep {
width:197px;
border-bottom:1px solid #999;
top:234px;
z-index:80;
}

/* Content horizontal separator left positions */
#hcontlhsep {
left:12px;
}

#hcontlhmidsep {
left:219px;
}

#hcontrhmidsep {
left:426px;
}

#hcontrhsep {
left:633px;
}

/* Content bottom border positioning */
#hcontbotborder {
position:absolute;
width:818px;
top:471px; /* 469px in IE6 !!!  - fixed in conditional in HTML */
left:12px;
border-bottom:2px solid #999;
z-index:20;
}

/* Top row of boxes for bills (numbers left to right) */
/* Main defs */
#htopbox1, #htopbox2, #htopbox3, #htopbox4, #hbotbox1, #hbotbox2, #hbotbox3, #hbotbox4 {
position:absolute;
width:175px;
height:207px;
}

/* Remove border for image links */
a img {
border:none;
text-decoration:none;
}

/* Top row top positions */
#htopbox1, #htopbox2, #htopbox3, #htopbox4 {
top:15px;
}

/* Bottom row top positions */
#hbotbox1, #hbotbox2, #hbotbox3, #hbotbox4 {
top:253px;
}

/* Top and bottom row left positions */
#htopbox1, #hbotbox1 {
left:21px;
}
#htopbox2, #hbotbox2 {
left:228px;
}
#htopbox3, #hbotbox3 {
left:435px;
}
#htopbox4, #hbotbox4 {
left:642px;
}

/* Main top box for text only */
#maintop {
width:889px;
height:auto;
margin:0 0 30px 0;
padding:0;
clear:both;
}

#maintop p {
background-color:#cce6ff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:normal;
text-decoration:none;
text-align:center;
}

#abouttop h5, h2, p {
text-align:left;
}

#mainmid, #libhmid {
width:auto;
height:auto;
padding:0;
margin:150px auto 0 auto;
}

#libhmid {
margin-top:210px;
}

#summertop {
width:auto;
height:auto;
padding:0;
margin:30px auto 0 auto;
}

#pantomid {
width:auto;
height:280px;
padding:0;
margin:45px auto 0 auto;
}

#preamble {
width:auto;
height:auto;
margin-bottom:30px;
}

/* Main bill */
#mainbill, #libmainbill {
width:321px;
height:377px;
padding:0;
margin:0 20px 10px 0;
float:left;
}

#libmainbill {
height:455px;
}

/* Tall main bill */
#tallbill {
width:321px;
height:454px;
padding:0;
margin:20px 20px 10px 20px;
float:left;
}

/* Very tall main bill */
#vytallbill {
width:321px;
height:664px;
padding:0;
margin:20px 20px 10px 20px;
float:left;
}

/* Over height main bill */
#highbill {
width:321px;
height:383px;
padding:0;
margin:0 20px 10px 0;
float:left;
}

/* Odd size Cricket main bill  and text area */
#cricketmid {
width:auto;
height:327px;
padding:0;
margin:20px 20px 30px 0;
float:left;
}

#cricketmid img {
width:316px;
height:327px;
margin-right:20px;
float:left;
}

#cricketmid p {
width:auto;
height:auto;
text-align:left;
padding:0;
margin:145px 0 0 0;
}

/* Define area for video trailer */
.trailer {
width:384px;
height:344px; /* 304px for video */
padding:0;
margin:10px 100px 10px 0;
float:right;
}

/* Define area for video trailer */
.vposter {
width:450px;
height:340px; /* 300px for video */
padding:0;
margin:10px 150px 10px 0;
float:right;
}

/* Palladium middle image and text */
#smallmid {
text-align:right;
width:auto;
height:216px; 
margin:10px auto 0 auto;
}

#smallmid p {
padding-top:100px;
margin:0;
float:left;
}

#smallmid img {
float:right;
}

/* Press report and image - Prof Nutty */
#pressbox {
width:934px;
height:198px;
padding:0;
margin:10px 0 10px 0;
}

#pressbox img {
padding:0;
margin:5px 240px 0 5px;
float:right;
}

/* Band image & text - Prof Nutty */
#bandbox {
width:934px;
height:198px;
padding:0;
margin:50px 0 20px 0;
}

#bandbox img {
padding:0;
margin:0 60px 0 0;
float:right;
}

#bandbox p {
margin-top:30px;
text-align:center;
float:left;
}

/* Bio image & text - Variety Magic */
.biobox {
position:relative;
font-size:14px;
width:890px;
height:auto;
padding:0;
margin:50px auto 30px auto;
}

/* Image with frame for Variety Magic bios */
.biobox img {
width:230px;
height:320px;
padding:0;
margin:10px;
border:5px blue outset;
float:left;
}

/* Image box definitions - centres multiple images horizontally within 'main' */

.centreimg img { /* Centres single image */
display:block;
width:auto;
height:auto;
padding:0;
margin:20px auto 20px auto;
clear:both;
}

.photos3x4 {
display:block;
width:935px;
height:278px;
padding:0;
margin:10px auto 10px auto;
}

.photos3x4 img {
display:inline;
padding:0;
margin:0 15px 0 15px;
}

.photos3x5 {
display:block;
width:935px;
height:250px;
padding:0;
margin:10px auto 10px auto;
}

.photos3x5 img {
display:inline;
padding:0;
margin:0 37px 0 37px;
}

.photos5x4 {
display:block;
width:935px;
height:188px;
padding:0;
margin:40px auto 40px auto;
}

.photos5x4 img {
display:inline;
padding:0;
margin:0 28px 0 28px;
}

.photos2x5x4 {
display:block;
width:935px;
height:188px;
padding:0;
margin:40px auto 40px auto;
}

.photos2x5x4 img {
display:inline;
padding:0;
margin:0 111px 0 111px;
}

.photos5x7 {
display:inline;
width:935px;
height:350px;
padding:0;
margin:10px auto 10px auto;
}

.photos5x7 img {
display:inline;
padding:0;
margin:0 38px 0 38px;
}

.photos6x4 {
display:block;
width:935px;
height:225px;
padding:0;
margin:10px auto 10px auto;
}

.photos6x4 img {
display:inline;
padding:0;
margin:0 4px 0 4px;
}

.photos7x5 {
display:block;
width:935px;
height:278px;
padding:0;
margin:10px auto 30px auto;
}

.photos7x5 img {
display:inline;
padding:0;
margin:0 57px 0 57px;
}

.photo8x7 {
display:block;
width:935px;
height:351px;
padding:0;
margin:10px auto 40px auto;
}

.photo8x7 img {
padding:0;
margin:0 267px 0 267px;
}

.photo8x7 pre {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;
}

.photosmixed {
display:block;
width:815px;
height:188px;
padding:0 60px 0 60px;
margin:40px auto 40px auto;
}

.photosmixed img {
display:inline;
padding:0;
margin:0 40px 0 40px;
}

.bwsequence {
width:600px;
height:168px;
padding:0;
margin:0 auto 0 auto;
}

.banners {
width:355px;
height:160px;
padding:0;
margin:50px 0 0 50px;
float:left;
}

.banners image {
width:auto;
height:auto;
padding:0;
margin:0;
border-top:5px solid #dcf6ff;
border-right:5px solid #999;
border-bottom:5px solid #999;
border-left:5px solid #dcf6ff;
}

.eventbox {
width:auto;
height:auto;
border-top:5px solid #dcf6ff;
border-right:5px solid #999;
border-bottom:5px solid #999;
border-left:5px solid #dcf6ff;
padding-bottom:40px;
margin-bottom:20px;
}

/* Year definition for dates page */

.year {
clear:both;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
color:black;
font-weight:bold;
text-decoration:underline;
text-align:left;
width:auto;
height:auto;
margin-left:5px;
padding-top:30px;
padding-bottom:30px;
display:block;
}

/* Dates table styling */

table {
width:600px;
}

tr {
width:550px;
}

th {
border:none;
width:100px;
}

hr {
height:2px;
width:100px;
color:white;
}

td {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:500;
text-align:left;
}

.info {
width:350px;
}

td a {
color:black;
}

/* Month definition for dates page table cell */

.month {
text-decoration:underline;
font-weight:bold;
text-align:center;
width:100px;
}

/* Phone number definition for dates page table cell */

.phone {
width:100px;
text-align:center;
}

#mapbox {
width:280px;
height:203px;
margin:20px 20px 0 20px;
float:right;
}

.chris {
font-size:14px;
width:700px;
height:auto;
padding:0;
margin:0 auto 30px auto;
}

.chris img {
padding:0;
margin:12px 10px 5px 50px;
float:left;
}

.mike {
font-size:14px;
width:700px;
height:auto;
padding:0;
margin:0 auto 30px auto;
}

.mike img {
padding:0;
margin:10px 50px 5px 10px;
float:right;
}

.kath {
font-size:14px;
width:700px;
height:auto;
padding:0;
margin:0 auto 30px auto;
}

.kath img {
padding:0;
margin:10px 50px 5px 10px;
float:right;
}

.steve {
font-size:14px;
width:700px;
height:auto;
padding:0;
margin:0 auto 30px auto;
}

.steve img {
padding:0;
margin:5px 10px 5px 10px;
float:left;
}

#logo {
width:279px;
height:133px;
padding:0;
margin:20px auto 20px auto;
}

#contact {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:280px;
height:auto;
padding:10px;
margin:0 auto 40px auto;
border:1px solid red;
}

#contact a {
color:blue;
font-weight:bold;
}

.address {
width:280px;
height:auto;
font-weight:bold;
text-align:center;
}

#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
width:934px;
height:auto;
text-align:left;
padding:0;
margin:50px 0 5px 0;
}

#footer img {
padding:0;
margin:0 5px 0 5px;
}

#validators { /* XHTML and CSS validation buttons */
display:inline;
width:225px;
height:60px;
border:none;
margin:0;
padding-left:10px;
}

#roadworks {
background-image:url(../images/logos/bigtriangle.gif);
width:88px;
height:90px;
border:none;
padding:0;
margin:0 auto 0 auto;
}

#undercons {
background-image:url(../images/logos/ucbar8.gif);
width:552px;
height:67px;
border:none;
padding:0;
margin:10px auto 0 auto;
}