/*------Link states (yellow text used on brown background) */
	a {
		color: yellow;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;	
/*		background: #99cc66;	/*green	*/
	}

/*------Body and headings*/
	body {
/*		font: 80% arial, helvetica, sans-serif;	*/
		font: 90% arial, helvetica, sans-serif;
		margin: 0;
		background-color: #ffffe8;	/*cream	*/
		background-image: url(images/@bkground_image_friary_entrance.png);
		background-position: center;
	}
	
	h1, h2, h4 {
		font: bold 200% papyrus, arial, helvetica, sans-serif;
		margin: 0;
	}

	h3 {
		font: bold 150% papyrus, arial, helvetica, sans-serif;
		margin: 0;
		text-decoration: underline;
	}

/*------General list defs*/
	ul { 
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	li {
		border-bottom: 1px solid #99cc66;	/* green border line*/
		padding: 0.75em;
	}

/*------General Table defs (tables are used on "Programme" pages and one or two other places)		*/
	td {
		border: 1px solid #633000;
		border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;	/*rounded corners */
		padding: 0.1em 1em;
	}

/*------Classes*/
	.errmsg	{
		color: red;	
		}

 	.announcement {
			color: red;
			font-size:larger;
			font-weight: bold;
			}

	.invisible	{			/*Used to hide "Skip Navigation" for screen readers.	*/
			height: 0;
			position: absolute;
			overflow: hidden;
			}

	.linkstate2	{			/*Used for URLs other than those on brown background.	*/
			color: #000080;	/*navy blue*/
			text-decoration: underline;
			}

	.linkstate3	{			/*Used for 'info' icon (where text pops up when pointed to)*/
			border-color: #ffffe8;	/*Needed to prevent a coloured border around 'info' icon*/
			}

	.popup	{
			position: absolute;
			left: 2em; top: -2em;
			width: 20em;
			border: solid 1px black;
			border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;	/*rounded corners */
			background-color: #ffffd0;
			padding: 1em;
			z-index: 2;
			visibility: hidden;
		}

 	
	.retreatfull	{
			font-style: italic
			}

	.submenu	{
			margin-left: 1em;
			}

	.width_limit	{
			max-width: 40em;
			}

/*------Divs*/	
	#screenheader {
		position: static;
		background: #633000;	/*dark brown*/
		color: yellow;
		padding: 1em;
		padding-bottom: 0em;
	}

	#skipnav {	
		background: #633000;	/*dark brown*/
	}

	#months {
		background: #633000;	/*dark brown*/
		color: yellow;
		padding: 0.75em;
		padding-left: 0;
		margin: 0;
		border: 0;
		border-top: 1.25em solid #99cc66;     /* green border line*/
		border-bottom: 1.25em solid #99cc66;  /* green border line*/
	}

	#months li {
		border: 0;
		display: inline;
	}

	#left-col {
		float: left; 
		top: 12.5em;
		left: 0;
		padding: 0;
		margin: 0;
		color: yellow;
		background: #633000;	/*dark brown*/
		width: 21em;
		height: 45em;
		overflow: hidden;	/*		*/
	}

	#img1 {	
		margin: 0;
		width: 55em;
		height:21em;
	}

	#img2 {				/*sits on top of navigation column	*/
		margin: 0;
		width: 21em;
		height: 15em;
	}

	#img3 {				/*shrunken A4	*/
		margin: 0;
		width: 32em;
		height: 40em;
	}

	#img4 {				/*larger shrunken A4	*/
		margin: 0;
		width: 64em;
		height: 80em;
	}

	#thumbnail {
		margin: 0;
		width: 8em;
		height: 10em;
	}

	#right-col {
		border-left: 21em #633000 solid;	/*dark brown*/
		padding: 1em;
	}

	#textbox-float-right {
		width: 8em;
		float: right;
		padding: 1em;
		border: 1em solid #99cc66;	/* green border line*/
		border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;	/*rounded corners */
		margin: 0;
		margin-left: 1em;
	}

	#textbox-float-right-wide {
		width: 16em;
		text-align: center;	
		float: right;
		padding: 1em;
		border: 1em solid #99cc66;	/* green border line*/
		border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;	/*rounded corners */
		margin: 0;
		margin-left: 0.5em;
	}

	#textbox-float-left {
		width: 8em;
		float: left;
		padding: 1em;
		border: 1em solid #99cc66;	/* green border line*/
		border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;	/*rounded corners */
		margin: 0;
		margin-right: 1em;
	}

	#textbox-wide {
		width: 32em;
		padding: 1em;
		border: 1em solid #99cc66;	/* green border line*/
		border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;	/*rounded corners */
		margin: 0;
		margin-right: 1em;
	}