/* Main styles */

body  {
	color : #4b0082;
	background-color : #660099;
	font-family : verdana, arial, sans-serif;
	font-size : 100%;}

h1 , ul.big {
	color : #000099;
	background-color : transparent;
	font-family : verdana, tahoma, arial, sans-serif;
	font-size : 150%;
	font-weight : bold;
	margin-top : 0.5em;
	padding-top : 0;}

h2 , label {
	color : #00008b;
	font-family : verdana, arial, tahoma, sans-serif;
	font-size : 130%;
	font-weight : bold;}

h3 {
	color : #00008b;
	font-family : verdana, arial, tahoma, sans-serif;
	font-size : 110%;
	font-weight : bold;}

p {
	color : #4b0082;
	font-family : verdana, arial, tahoma, sans-serif;
	font-size : medium;
	background-color : transparent;
	text-align : justify;}

li , ul , ol {
	font-family : arial, verdana, tahoma, sans-serif;
	background-color : transparent;
	font-size : 100%;
	text-decoration : none;
	padding : 1pt;
	margin-left : 1em;}

ol {
	margin-left : 2em;}

label {
	background-color : #e6e6fa;}

table{
	width: 70%;}

td {
	vertical-align : top;}

A:link {
	color : #cd5c5c;
	background-color : transparent;
	font-family : verdana, arial, tahoma, sans-serif;
	text-decoration : underline;}

A:visited {
	color : #9370db;
	background-color : transparent;
	font-family : verdana, arial, tahoma, sans-serif;
	text-decoration : underline;}

A:hover {
	color : #cd5c5c;
	background-color : transparent;
	text-decoration : none;}

img {
	border : 0;}

/* Various classes */

/* Page */

div.page {
	color : #4b0082;
	background-color : #ffffff;
	padding : 0;
	padding-right : 2em;
	width : 95%;}

/* Skiplink */

p.skip , div.skip {
	margin : 1px;
	margin-top : 0;
	padding : 0;
	padding-top : 0;
	font-size : 85%;
	text-align : center;
	padding : 0;}

A.skip:hover {
	background-color : yellow;
	color : red;}

/* Banner at top of each page */

div.banner {
	width : 100%;
	text-align : center;}

/* Navbar processing */

div.navbar {
	font-size : 80%;
	float : left;
	width : 20%;
	margin-left : 1em;
	margin-right : 1em;
	background-color : #eeeeee;}

div.menutitle {
	color : #191970;
	background-color : #e6e6fa;
	font-family : verdana, arial, tahoma, sans-serif;
	font-size : 140%;
	font-weight : bold;
	text-decoration : underline;
	text-align : center;
	margin-top : 1em;}

div.menu {
	font-size : 82%;
	text-align : left;}

div.navbar ul {
	margin-left : 1em;
	padding-left : 1em;}

div.navbar li {
	margin-left : 0;
	padding-left : 0;}

div.navbar img , label , input {
	margin-left : 0.25em;}

/* Bottom of each page */

div.bottom {
	clear : both;
	text-align : center;
	font-size : 80%;
	margin-top : 0.5em;
	padding-bottom : 0.5em;}

div.bottom ul , div.bottom li {
	display : inline;}

/* Back to Tops */

div.backtotop {
	color : #8b0000;
	background-color : transparent;
	font-family : verdana, arial, tahoma, sans-serif;
	text-align : center;
	font-size : small;
	font-weight : bold;
	text-decoration : none;}

/* Captions, wherever they appear */

.caption {
	font-size : 80%;
	font-style : italic;
	text-align : center;
	margin-bottom : 1em;}

/* Images with borders */

img.imgborder {
	border: 2px solid;
	margin-left: 0.5em;}

/* Front page heading */

#indexh1 {
	font-style: italic; 
	font-size: 120%;}

/* Photo on front page */

div.photo {
	text-align : center;
	background-color : #ffffff;
	margin-left: auto;
	margin-right: auto;}

div.photo img {
	border : 2px solid inherit;
	margin-left : auto;
	margin-right : auto;
	background-color : #ffffff;}

/* Poetry on front page */

div.poetry {
	text-align: center; 
	font-style: italic;}

div.poetry p {
	text-align: center;}

div.poetry p.author {
	text-align: right; 
	font-size: 80%;}

/* Caption on photo on right in Programme */

#programme {
	width: 15em; }

/* Links at bottom of Programme */

#programmelinks {
	margin-left: 2em; 
	padding-left: 2em;}

/* Numbering in Constitution */

ol li {
	list-style-type : lower-alpha;}

/* Extra windmill on Contact page */

#windmill {
	float : right;
	margin-left : 3em;}

/* Generic classes */

.floatleft {
	float: left;}

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

.floatright img {
	border: 2px solid;}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;}

.noborder {
	border : 0 none inherit;
	margin : 0;
	padding : 0;}

.italic {
	font-style : italic;}