/*------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)		*/
	td {
		border: 1px solid #633000;
		padding: 0.1em 1em;
	}

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

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

	.width_limit	{
					max-width: 40em;
				}

	.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;
			background-color: #ffffd0;
			padding: 1em;
			z-index: 2;
			visibility: hidden;
		}
 	
	.retreatfull	{
				font-style: italic
				}

/*------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 {				/*fun day flyer	*/
		margin-left: 10em;
		width: 32em;
		height: 40em;
	}

	#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*/
		margin: 0;
		margin-left: 1em;
	}

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

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