body {
background: #fff;
color: black;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 0.8em;
line-height: 150%;
margin-left: 15px;
text-align: left;
background-image: url(banner.jpe);
background-repeat: repeat-x;
background-position: left top;
}

/* Make sure headers display cleanly when they line wrap */
h1, h2, h3 {
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 125%;
}

/* Set header sizes */
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }

/* Make the paragraph spacing consistent */
p, ul, ol, li {
margin-top: 0px;
margin-bottom: 10px;
}

/* Used only for company names etc */
em {
font-style: italic;
font-weight: bold;
}

/* Used for title on each page */
.allotmenttitle {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 200%;
line-height: 125%;
}

/* Used for title on each page */
.allotmentsubtitle {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 150%;
line-height: 125%;
}
/* Used for articles etc - smaller typeface */
.small-type {
font-size: 1em;
}

/* Used to position banner logo */
img.left {
float: left;
}

div.banner {
clear: both;
}

/* Within the banner ... */
.tagline {
background-color: #fc9;
font-size: 125%;
font-style: italic;
letter-spacing: 2pt;
line-height: 200%;
margin-left: 400px;
}

/* Force a white line - to get around inconsistencies in browser behaviour */
.white_line {
clear: both;
line-height: 50%;
}

.white_line_wo_clearing {
line-height: 50%;
}

div.left_nav_bar {
background-color: #ccc; /* grey */
clear: left;
float: left;
padding-left: 1em;
width: 160px;
}

div.titlebar {
background-color: #cc9; /* cc9 = grey/brown, cf9 = light green */
clear: both;
text-align: center;
width: 100%;
}

.form_main {
background-color: #ccc; /* grey */
border: 1px solid gray;
font-size: 90%;
margin-left: 5%;
}

.form_left {
background-color: #ccc; /* grey */
border: 1px solid gray;
font-size: 90%;
}

/* Used for submit/clear buttons at bottom of forms */
.form_center {
text-align: center;
}

/* Used for privacy policy link - bottom right of forms */
.right_small {
font-size: 85%;
text-align: right;
}

/* Used to highlight new or updated text / pages */
.attention {
background-color: #ff0; /* ff0 yellow */
}

/* Smaller font size used for all tables */
.table {
font-size: 95%;
}

/* Use to make individual table cells grey */
.bkground-grey {
background-color: #eee; /* light grey */
}

/* Use to make bordered div with cream background */
.bkground-cream-bordered {
background-color: #ffc; /* cream */
border: outset #eee 1px;
text-align: center;
}

/* Used for menu for articles etc */
.floatbox {
background-color: #ccc;
border: solid black 1px;
float: right;
margin-left: 1em;
padding: 1em;
width: 200px;
}

/* Used for floating photos */
.floatleft {
border: solid black 1px;
float: left;
margin-right: 1em;
margin-top: 0.75em;
width: 150px;
}

/* Used when text is to appear in a box */
.bordered {
background-color: #ccc;
border: solid black 1px;
padding: 1em;
text-align: center;
}

/* Used when image should have a border */
.add-border {
border: solid black 1px;
}

/* Now playing... div - centered, italic, grey background */
.now-playing {
background-color: #eee; /* light grey */
font-style: italic;
}