/* body { background-color: #993300; } */

body { background-image: url('../resources/paper.jpg'); }

	/* The style for the header (menu + title) - keep the rest of the content away from this */
	/* and put a couple of blank lines under it or the drop down menu is too close to the content */


div.header
{
	clear: both;
	margin-bottom: 2em;
}

	/* The banner */

div.banner
{
	clear:both;
	text-align: center;
	margin-bottom: 1em;
}


	/* Style for the content links.  We use a clear: left to avoid the links ending up at */
	/* the end of the drop-down menu */

div.ContentLinks
{
	clear: left;
	float: left;
	border: 1px solid #8B4500;
	background-color: #fef5ca;
	padding: 0em 0.5em 0em .5em;
	margin: 0;
	width: 15%
}

div.ContentLinks h2
{
	font-size: 110%;
}

div.ContentLinks li
{
	margin-left: -1em;
	padding-left: 0em;
	padding-bottom: 0.5em;
}

div.Content
{
	float: right;
	padding-left: 1em;
	margin: 0;
	padding-right: 1em;
	background-color: #fef5ca;
	width: 75%;
	border: 1px solid #8B4500;
}

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;
	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
{
	display: inline-block;
	width: 6em;
	background-color: #e89a66;
	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
}