/* Standard style's for Redford-Tech website pages - last editied March 19 */
/* Copyright (c) Redford-Tech Limited, 2009 - 2019 */

/* Standard Body style is to display the 'BigBlueSky' page background or an 'off-white' colour if not available */

	body {
		background-color:rgb(190, 216, 240);		/* Mid-range blue from BigBlueSky */
		/* background-image:url("BigBlueSky.JPG"); */
	}

	/* The wrapper class covers the visible area of the website (1000px wide) and standard fonts, etc. */

	.wrapper{
		width:1000px;				/* Working area is 1000 pixels wide */
		margin:auto;				/* This centres the wrapper div */
		background-color:#FFFFFF;		/* White background */
		font-family: "Trebuchet MS", Helvetica, sans-serif;	
							/* Trebuchet is the desired font-face
							   otherwise Helvetica, or any sans-serif */
		font-size: 12pt;			/* Default font size is 12 point */
		outline-style:solid;			/* One pixel wide outline around working area */
		outline-color: black;
		outline-width: 1px;
		margin-top:0;
	}

	/* Following define the elements of the horizontal navigation bar (top menu) */
	/* Implementation is via html 'ul-li' structure */

	#navigation ul {
     	list-style-type:none;
		margin:0;
		padding:0px;
		width:1000px;
		height:60px;
		background-color:#EE0000;		/* Red menu */
	}

	#navigation li {
		float:left;
		width:140px;				/* designed for 7 entries - can have dummies to space if required */
		height:50px;
		padding-top:10px;
		border-right:1px solid #FF0000;		/* Highlight with ligheter red */
	}

	#navigation li a {	
		display:block;
		margin-top:-10px;
		padding-bottom:18px;
		padding-top:20px;
		text-decoration:none;
		text-align:center;
		color:#ffffff;
		font-size:14pt;
	}

	#navigation li a:hover {
		background-color:#FF0000;		/* Show hover with ligher red */
		color: white;
	}

	#navigation li:last-child {
		border-right: none;
	}


	/*  The following set of styles implements an index list with image (arrow, etc.) characters */

	#myindex ul {
		list-style-type:none;
		margin-left:100px;
		width:700px;
		background-color:#ffffff;
    		/*list-style-image: url("SelectArrowFilled.png");*/
	}

	#myindex li {
		height:40px;
		vertical-align:middle;	
	}

	#myindex li a {	
		display:block;
		text-decoration:none;
		text-align:left;
		color:black;
		font-size:12pt;
	}

	#myindex li a:hover {
		background-color:#e5e5e5;	/* light grey highlight on hover */
		color: black;
	}

	/* Standard Title */

	.titlebar {
		width:1000px;
		min-height:150px;
		background-color:#ffffff;
		border-top:1px solid black;
		border-bottom:1px solid black;
	}

	.logo {
		float:left;
		position:relative;
		top:25px;
		left:30px;
		min-width:390px;
		height:95px;
	}

	.pagetitle {
		position:relative;
		top:60px;
		/*width:750px;*/
		height:40px;
		font-size:24pt;
		color:black;
		font-weight:bold;
		text-align:center;
	}

	/* Now the standard footer */

	.footer {
		width:1000px;
		height:60px;
		background-color:#EE0000;
		color:#ffffff;
		position:relative;
		border-top:1px solid black;
	}

	/* following three items define the non-selectable green bullets, green arrows and green ticks */

	.greenbullet {
		width:50px;
		height:50px;
		background-repeat:no-repeat;
		background-position: top 50% left 70%;	
		background-size:15px;
		background-image:url("GreenDot1.PNG");
	}

	.greenarrow {
		width:50px;
		height:40px;
		background-repeat:no-repeat;
		background-position: top 50% left 100%;	
		background-size:30px 10px;
		background-image:url("SelectArrowFilled.png");
	}

	.greentick {
		width:50px;
		height:50px;
		background-repeat:no-repeat;
		background-position: top 50% left 70%;	
		background-size:15px;
		background-image:url("Tick.PNG");
	}

	.intro {
		padding-left:20px; 
		padding-top:10px;
		padding-right:20px;
		padding-bottom:30px;
		font-size:12pt;
    }
	
	.text-title {
		font-size:16pt; 
		font-weight:bold; 
		text-align:center;
	}

	.text-subtitle {
		font-size: 14pt; 
		font-style: italic;
		text-align: left;
		padding-bottom: 5px;
	}