body
{
	background-color: rgb(236,236,236);
	background-image: url('white-clouds-repeating-background.jpg');
	padding: 0;
}

div.header
{
	margin-top: 0;
	padding: 0;
	margin-bottom: 1em;
}

div.gb
{
	float: left;
	width: 85px;
	height: 132px;
	padding: 0;
	margin: 0;
}

div.menu
{
	margin-left: 0.5em;
	text-align: left;
	float: left;
	clear: none;
	width: 6em;
}

	/* The banner */

div.banner
{
	clear:none;
	float: right;
	margin-left: 0;
	margin-right: 0;
}

div.ContentLinks
{
	width: 8em;
	clear: none;
	float: right;
	background-color: lightblue;
	padding: 0 0.3em 0 0.3em
}

div.ContentLinks h2
{
	text-align: center;
}

div.ContentLinks ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.ContentLinks li
{
	margin-left: 0;
}

div.Content
{
	border: 1px solid #8b4500;
	float: left;
	margin-left: 1em;
	width: 70%;
	background-color: #fef5ca;
	padding: 0em 0.5em 0em 0.5em;
	clear: left;
}

div.Content a
{
	font-weight: bold;
}

div.notfinished
{
	margin-top: 1em;
	float: right;
}

	/* Don't let links change colour and underline etc. */

a:link, a:visited
{
	text-decoration: none;
	color: #1E258A;
}

a:hover
{
	text-decoration: underline;
	color: #1E258A;
}

#dropdownmenu
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

	/* Getting the drop-down menu to work.  The idea is to have a top level <div> with a class	*/
	/* of dropdownmenu and then do the list from there											*/

#dropdownmenu ul
{
	/* Take off the normal list styling */

	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}

	/* We need the anchors all to be of the same width or it doesn't look clean */

#dropdownmenu a
{
	display: block;
	width: 6em;
	color: black;
}

	/* We then float the list items so they stack horizontally.  Internet says that */
	/* to get round an Opera bug we also have to respecify the width - which should have */
	/* come from the anchor...															*/

#dropdownmenu > li
{
	background-color: lightblue;
	margin-right: .5em;
	margin-bottom: .5em;
	font-size:80%;
	float: none;
}

#dropdownmenu li
{
	display: inline-block;
	width: 6em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	text-align: center;
	border: 1px solid yellow;
}

	/* Another Opera hack: left -999em rather than hidden to make the text disappear */
	/* This is because Opera does the position: absolute wrong (?) */

#dropdownmenu li ul
{
	position: absolute;
	width: 11em;
	left: -999em;
}

#dropdownmenu li ul li
{
	font-weight: normal;
	text-align: left;
}

	/* And when they hover over a top level menu make the sub-menu appear by positing it back on */
	/* the page. */

#dropdownmenu li:hover ul
{
	left: auto;
}

span.smcap
{
font-variant: small-caps;
}

	/********************************************************************************/
/* Next lot are to bring the Contents into general line with Gutenberg eTexts	*/
/********************************************************************************/

div.Content table
{
	border-collapse: collapse;
}

div.Content td
{
	border: 1px solid black; padding: 0.1em 0.1em 0.1em 0.1em;
	vertical-align: top;
}

div.Cont
	border: 1px solid black; padding: 0.1em 0.1em 0.1em 0.1em;
	vertical-align: top;
}

div.Content td p
{
	margin-top: 0; margin-bottom: 0;
}

div.gapshortline
{
	margin-left: 30%;
	margin-right: 30%;
	border-bottom: 2px solid black
}

.pagenum
{
	float: right;
	margin: 0.1em 0.1em 0.1em 0.2em;
	padding: 0.1em 0.1em 0.1em 0.1em;
	font-size: 70%;
	font-weight: normal;
	border: 1px solid black;
}

img.floatleft
{
	float: left;
}

img.floatright
{
	float: right; margin-left: 0.5em;
}

h3
{
	clear: both;
}

p.gutindent
{
	margin-left: 2em;
}


	/********************************************************************************/
	/* Next lot are used in notes							*/
	/********************************************************************************/

h1.topic
{
	text-align: center;
}

p.what
{
	text-align: center;
	font-size: 90%;
}

table
{
	margin-left:auto;
	margin-right:auto;
}

/************************************************************************
	Next lot are the Calendar used in Brompton/Kensington news etc.
*************************************************************************/

#divCal
{
	margin-top: 2em;
	margin-bottom: 2em;
}

table.calendarMonth td
{
	width: 2.5em;
	text-align: center;
}

table.calendarMonth tr.calendarDayHeadings td
{
	font-size: 80%;
	border-bottom: dotted 1px;
}

table.calendarMonth td.calendarMonthName
{
	text-align: center;
	font-size: 150%;
	background-color: lightgray;
}

div.calendarRow
{
	clear: both;
}

div.calendarRow table.calendarMonth
{
	float: left;
	width: 32%;
}

h2.month
{
	clear: both;
	text-align: center;
}


/* Styles used in the Series 2 Thematic Index */

p.series2level0 {
	margin-left: 0em;
	margin-top: 0; margin-bottom: .2em;
}

p.series2level1 {
	margin-left: 1em;
	margin-top: 0; margin-bottom: .2em;
}

p.series2level2 {
	margin-left: 2em;
	margin-top: 0; margin-bottom: .2em;
}

p.series2level3 {
	margin-left: 3em;
	margin-top: 0; margin-bottom: .2em;
}

p.series2level4 {
	margin-left: 4em;
	margin-top: 0; margin-bottom: .2em;
}

p.series2gap {
	margin-top: 0; margin-bottom: 0
}