body {
	background-color: #53467f;
	color: #ddd;
	font: italic normal normal 10.5pt/13.5pt "Bitstream Vera Sans", "Tahoma", sans-serif;
	margin: 0px;
	padding: 0px 8px;
	padding-bottom: 16px;
	text-align: center;	/* bodge to centre layout on old IEs - need to explicitly set text-align on other attributes as this is inherited */
}

/*	the last section on the page should have no bottom margin - otherwise the page scrolls down too much
	(use padding-bottom on the body element to give it a fixed amount of white space at the bottom of each page)
	this should override any other bottom margins specified */
*.last {
	margin-bottom: 0px !important;
}

span.seperator {
	display: none;
}

div {
	border: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div.container {
	margin: 0px auto;
	position: relative;
	width: 640px;
}

div.nav {
	border-bottom: 1px #000 solid;
	height: 204px;
	overflow: visible;
}

div.heading {
}

div.content {
	border: none;
	position: relative;
}

div#lt {
	height: 280px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	text-align: right;
	top: 0px;
	width: 176px;
}

div#rt {
	height: 280px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	text-align: left;
	top: 0px;
	width: 176px;
}

div#ct {
	border: none;
	height: 280px;
	width: 100%;
}
div#xmaslt {
	height: 526px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	text-align: right;
	top: 0px;
	width: 130px;
}

div#xmasrt {
	height: 526px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	text-align: left;
	top: 0px;
	width: 130px;
}

div#xmasct {
	border: none;
	height: 468px;
	width: 100%;
}

div#cromer {
	border: none;
	height: 450px;
	width: 100%;
}
div#soldiers {
	border: none;
	height: 450px;
	width: 100%;
}
div#julian {
	border: none;
	height: 450px;
	width: 100%;
}
div#lambs {
	border: none;
	height: 450px;
	width: 100%;
}
div#peanut {
	border: none;
	height: 450px;
	width: 100%;
}
div#lizard {
	border: none;
	height: 403px;
	width: 100%;
}
div#gecko {
	border: none;
	height: 450px;
	width: 100%;
}
div#sally {
	border: none;
	height: 450px;
	width: 100%;
}
div#punchup {
	border: none;
	height: 450px;
	width: 100%;
}
div#einini {
	border: none;
	height: 172px;
	width: 100%;
}
div#blackfox {
	border: none;
	height: 450px;
	width: 100%;
}
div#nora {
	border: none;
	height: 450px;
	width: 100%;
}
div#house {
	border: none;
	height: 450px;
	width: 100%;
}
div#eininirep {
	border: none;
	height: 450px;
	width: 100%;
}
div.footer {
	font-size: 9pt;
	line-height: 12pt;
	margin: 0px 140px 1em;
	text-align: center;
	/*width: 360px;*/
}

div.divider {
	background-color: transparent;
	border: none;
	border-bottom: 1px #000 solid;
	font-size: 0px;		/*	make the font size 0px so IE verion doesn't expand the div. overflow: hidden would work too, but it seems to
					hide the border in old (quirks only) IEs (and possibly other quirks browsers) if height is set to 0px - don't
					know if it's the best way around the problem, but this solution works */
	height: 0px;
	margin: 8px 20%;	/*	rather than set width to 60% and margin l/r to auto, set margin l/r to 20%, this way it still centres
					in quirks mode only IEs (v5.5 and below) (and probably other old browsers too - not tested) */
	padding: 0px;
}

form.paypal input {
    border: 0px #000 none;
    background-color: transparent;
}

dd.thumb dd div {
	clear: left;
	height: 136px;
	margin: 0px 60px;	/*	this is messy because the width of the viewport cannot not be changed, nor the indent of the dd etc, without
					also changing this margin setting. the reason for it is because IE 5 and 5.5 don't support proper centring */
	width: 408px;
}

img {
	border: none;
	font: normal normal normal 10pt/1.2em "Courier New", monospace;
	margin: 0px;
	padding: 0px;
}

img#titleimg {
	display: block;
	height: 204px;
	left: 0px;
	position: absolute;	/* Just shift it out of the flow so it doesn't interfere with the nav list - it doesn't need to be positioned */
	top: 0px;
	width: 490px;
}

img#frontimg {
	display: block;
	height: 280px;
	left: 180px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 280px;
}
img#courtimg {
	display: block;
	height: 450px;
	left: 20px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 600px;
}
img#soldiersimg {
	display: block;
	height: 450px;
	left: 151px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 338px;
}
img#julianimg {
	display: block;
	height: 450px;
	left: 140px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 360px;
}
img#lambsimg {
	display: block;
	height: 450px;
	left: 20px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 600px;
}
img#peanutimg {
	display: block;
	height: 450px;
	left: 150px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 339px;
}
img#lizardimg {
	display: block;
	height: 403px;
	left: 0px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 640px;
}
img#geckoimg {
	display: block;
	height: 450px;
	left: 20px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 600px;
}
img#sallyimg {
	display: block;
	height: 450px;
	left: 70px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 500px;
}
img#punchupimg {
	display: block;
	height: 450px;
	left: 176px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 287px;
}
img#eininiimg {
	display: block;
	height: 172px;
	left: 233px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 173px;
}
img#blackfoximg {
	display: block;
	height: 450px;
	left: 1px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 638px;
}
img#noraimg {
	display: block;
	height: 450px;
	left: 54px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 531px;
}
img#houseimg {
	display: block;
	height: 450px;
	left: 107px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 426px;
}
img#eininirepimg {
	display: block;
	height: 450px;
	left: 60px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 520px;
}
img#xmasimg {
	display: block;
	height: 526px;
	left: 150px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 350px;
}
img#snowmenimg {
	display: block;
	height: 365px;
	left: 0px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 640px;
}
img#christmas09img {
	display: block;
	height: 625px;
	left: 150px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 350px;
}
img#christmas10img {
	display: block;
	height: 468px;
	left: 170px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 300px;
}
img#christmas11img {
	display: block;
	height: 409px;
	left: 170px;		/* width of containing block is known so just centre it manually in pixels - this way it'll work in quirks browsers */
	position: absolute;
	top: 0px;
	width: 300px;
}
dl.discoList img {
	border: 2px #000 solid;
	float: right;
	height: 192px;
	margin: 4px 0px 4px 6px;
	width: 192px;
}

img.biogPic {
	border: 2px #000 solid;
	float: left;
	height: 120px;
	margin: 0px 6px 0px 0px;
	padding: 0px;
}
img.biogPic#ruthbiog {width: 97px;}
img.biogPic#ferrbiog {width: 96px;}
img.biogPic#spambiog {width: 120px;}

dd.thumb img {
	border: 2px #000 solid;
	display: inline;
	float: left;
	height: 128px;
	margin: 2px;
	padding: 0px;
	width: 128px;
}

ul#titlenav {
	border: none;
	display: block;
	left: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 20px;
	width: 100%;
}

ul#titlenav li {
	border: none;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 0px;
	text-align: center;
	white-space: nowrap;
	width: 150px;
}

/* these are absolutely positioned so that their positions aren't dependant on font size (they are far enough apart to be useable on very large fonts */
li#HomeLnk {top: 0px;}
li#BiogLnk {top: 24px;}
li#MediLnk {top: 48px;}
li#DiscLnk {top: 72px;}
li#GigsLnk {top: 96px;}
li#ContLnk {top: 120px;}
li#LinkLnk {top: 144px;}

ul#titlenav li a#current {
	color: #fff;
	font-style: italic;
}

dl {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}

dt {
	clear: both;
	font-size: 11.5pt;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 13pt;
	margin: 2em 0px 0.5em 0px;
	padding: 0px;
}

dd {
	font-size: 10.5pt;
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
	line-height: 13.5pt;
	margin: 0px 0px 0px 2em;
	padding: 0px;
}

dd dt {
	clear: left;
	font-size: 10.5pt;
	font-style: italic;
	font-variant: normal;
	font-weight: bold;
	margin: 0.25em 0px 0.125em 0px;
}

dd dd {
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
	margin: 0px 0px 0.5em 2.5em;
}

dl.pastgig dd {
	line-height: 18pt;
}

dd.thumb, dd.thumb dd {
	margin: 0px 2em;
	padding: 0px;
}

ol {
	margin: 0px 0px 0px 0.5em;
	padding: 0px;
}

*.tracklist li, *.tracklist dd {
	font-style: normal;
	list-style-position: outside;
	list-style-type: decimal;
}

*.tracklist * span {
	font-style: italic;
}

h1, h2, h3, h4 {
	border: none;
	display: block;
	padding: 0px;
}

h1 {
	font: italic normal normal 15pt/1em "Bitstream Vera Sans", "Tahoma", sans-serif;
	margin: 0.5em auto;
	text-align: center;
}

h2 {
	font: italic normal normal 13pt/1.1em "Bitstream Vera Sans", "Tahoma", sans-serif;
	margin: 0.25em 0px;
	text-align: inherit;
}

h3 {
	font: italic normal normal 11.5pt/1.1em "Bitstream Vera Sans", "Tahoma", sans-serif;
	margin: 3em 0px;
	text-align: inherit;
}

h4 {
	font: italic normal normal 13pt/1.1em "Bitstream Vera Sans", "Tahoma", sans-serif;
	margin: 3em 0px;
	text-align: inherit;
}
sup {
	font: inherit;
	font-size: 0.7em;
	line-height: 1em;
	vertical-align: text-top;	/* using 'text-top' instead of 'super' because UAs vary in their positioning of 'super' text */
}

a {
	font-size: 1em;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}

a:link, a:active, a:visited {
	color: #ddd;
}

a:hover {
	color: #fff;
}