/* <!-- */
    /* General styles */
    body {
		font-family: 			‘Segoe UI’, Candara, ‘Bitstream Vera Sans’, ‘DejaVu Sans’, ‘Bitstream Vera Sans’, ‘Trebuchet MS’, Verdana, ‘Verdana Ref’, sans-serif;
        margin:					0 auto 2em auto;
        padding:				1em 0 0 0;
        border:					0;				/* This removes the border around the viewport in old versions of IE */
        width:					700px;
        background:				url('images/floor1.png');
		min-width:				800px;			/* Minimum width of layout - remove line if not required */
												/* The min-width property does not work in old versions of Internet Explorer */
		font-size:				103%;
		line-height:			1.3em;
    }
	
	a {
    	color:					#369;
	}
	
	a:hover {
		color:					#fff;
		background:				#00E;
		text-decoration:		none;
	}
	
	.ml:hover {
		background:				yellow;
	}
	
	.ml {
		border:					none;
	}

	.line {
		background:				#E4DF63;
		margin:					8px auto;
		width:					80%;
		height:					3px;
	}

	
    h1,
	h2,
	h3 {
        margin:					0.8em 0 0.2em 0;
        padding:				0.4em 0 0 0;
    }
	
	h4 {
		margin:					0;
		padding:				0;
	}
	
    p {
        margin:					0.4em 0 0.8em 0;
        padding:				0;
    }
	
	img {
		margin:					0;
		padding:				0;
		bottom:					0;
	}
	
	
	/* Header styles */
    #header {
        clear:					both;
        float:					left;
        width:					100%;
		border-bottom:			1px solid #EDE980;
		padding-top:			1em;
    }
	
	#header h1 {
		font-size:				2em;
		padding-top:			3px;
	}
	
	#header img {
		padding:				0 15px 0 30px;
	}
	
	#header p,
	#header h1,
	#header h2 {
	    padding:				0; /*7px 15px 0 50px; */
        margin:					0;
		color:					white;
		/*line-height:			1.5em; */
	}
	
	#header h2 {
		line-height:			1.5em;
		margin-bottom:			1.2em;
	}
	
	
	#header ul {
		font-size:				85%;
	    clear:					left;
	    float:					left;
	    width:					100%;
	    list-style:				none;
	    margin:					10px 0 0 0;
	    padding:				0;
	}
	
	#header ul li {
	    display:				inline;
	    list-style:				none;
	    margin:					0;
	    padding:				0;
	}
	
	#header	ul li a {
	    display:				block;
	    float:					left;
	    margin:					0 0 0 1px;
	    padding:				3px 10px;
	    text-align:				center;
	    background:				#DBD656;		/* ---- background tabs ---- */
	    color:					#555;
	    text-decoration:		none;
	    position:				relative;
	    left:					15px;
		line-height:			1.4em;
	}
	
	#header ul li a:hover {
	    background:				#00E;
		color:					#fff;
	}
	
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:					#000;
	    background:				#EDE980;		/* ----- active tab  ----- */
	    font-weight:			bold;
	}
	
	#header ul li a span {
	    display:				block;
	}
	
	
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:					both;
		background:				#EDE980;
	/*	border-top:				4px solid #EDE980; */
		margin:					0;
		padding:				0px 25px !important;
		text-align:				center;
	}
	
	
	
	
	/* column container */
	.colmask {
		position:				relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:					both;
	    float:					left;
        width:					100%;			/* width of whole page */
		overflow:				hidden;			/* This chops off any overhanging divs */
		border-bottom:			7px solid #DBD656;
	}
	
	
	/* holy grail 3 column settings */
	.holygrail {
		font-family:			‘Palatino Linotype’, Palatino, Palladio, ‘URW Palladio L’, ‘Book Antiqua’, Baskerville, ‘Bookman Old Style’, ‘Bitstream Charter’, ‘Nimbus Roman No9 L’, Garamond, ‘Apple Garamond’, ‘ITC Garamond Narrow’, ‘New Century Schoolbook’, ‘Century Schoolbook’, ‘Century Schoolbook L’, Georgia, serif;
	    background:				#EDE980;    	/* Right column background colour */
		background-image:		url(images/right1.gif);
		background-position:	right bottom;
		background-repeat:		no-repeat;
	}
	
    .holygrail .colmid {
        float:					left;
        width:					200%;
		margin-left:			-200px; 		/* Width of right column ---- changes width of left column -----*/
        position:				relative;
        right:					850px;
        background:				#EDE980; 	  	/* Centre column background colour */
    }
	
    .holygrail .colleft {
        float:					left;
        width:					100%;
        margin-left:			-50%;
        position:				relative;
        left:					420px;         		/* Left column width + right column width --- changes left column width ------    */
        background:				#EDE980; 			/* Left column background colour */
		background-image:		url(images/left1.gif);
		background-position:	right bottom;
		background-repeat:		no-repeat;
		min-height: 500px;
    }
	
	
	#rightc, .rightc {

	}
	
	
    .holygrail .col1wrap {
        float:					left;
	    width:					50%;
	    position:				relative;
	    right:					160px;        		/* Width of left column ---- changes position of center column ---- */
		padding-bottom:			1em; 				/* Centre column bottom padding. Leave it out if it's zero */
	}
	
	.holygrail .col1 {
        margin:					2em 175px;     		/* Centre column side padding:    ----- changes left position of center column -------
													Left padding = left column width + centre column left padding width
													Right padding = right column width + centre column right padding width */
        position:				relative;
	    left:					200%;
	    overflow:				hidden;
	}
	
	
	.col1 h2 {
		margin:					0.2em 0;
		padding:				0.2em 0;
	}
	
    .holygrail .col2 {
        float:					left;
        float:					right;				/* This overrides the float:left above */
        width:					150px;				/* Width of left column content (left column width minus left and right padding) --- changes position of left ----- */
        position:				relative;
        right:					2em;				/* Width of the left-had side padding on the left column ----- changes pos of left ----- */
    }
	
    .holygrail .col3 {
        float:					left;
        float:					right;				/* This overrides the float:left above */
        width:					150px;        		/* Width of right column content (right column width minus left and right padding) ---- changes right column text width ---- */
        margin-right:			4em;  				/* Width of right column right-hand padding + left column left and right padding ---- changes right column's text left margin ---*/
        position:				relative;
        left:					50%;
    }
	
	
	/* Footer styles */
	#footer {
        clear:					both;
        float:					left;
        width:					100%;
		border-top:				0px solid #EDE980;
		color:					#fff;
		padding-bottom:			50px;
    }
    #footer p {
        padding:				10px;
        margin:					0;
    }
	
	#footer img {
		padding:			0 0 0 30px;
	}
	
	img {
		margin-bottom:			-5px;
	}
	
	.left {
		float:					left;
	}
	
	.right {
		float:					right;
	}
	
	.clear {
		clear:					both;
	}
	
	.bld {
		font-weight:			bold;
	}
	
	.itl {
		font-style:				italic;
	}
	
	.printonly {
		display:				none;
	}
	
	.lesspad {
		padding:				0 0.9em;
		margin:					0;
		}
		
		
	.larger {
		font-size:				1.2em;
	}
	
	.padtop {
		padding-top:			0.5em;
		}
		
		
	.imgpad {
		padding: 10px 20px 20px 20px;
	}
	
	.nohl a, img, img:hover {
		background:				none;
		border:					none;
		border-style:			none;
	}
	
	.note {
		color:					red;
		font-style:				italic;
		font-size:				0.9em;
		}
		
	.please {
		font-size:				1.1em;
		}
		
    /* --> */
    </style>
	
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:					100%;
	}
	
    </style>
    <![endif]-->