@charset "iso-8859-1";

	/* Applies to whole document */
	body {
		background-color: #ecf882;
		font: arial, helvetica, sans-serif;
	}


	/* Applies to division "header" */
	#header {
		background-color: #ecf882;	/* As Body*/
	}
	
	#header h1 {
		font-size: 1.5em;		/*24px = 24/16 = 1.5em*/
		color: #444735;
	}

	
	#header h2 {
		font-size: 1.25em;		/*20px = 20/16 = 1.25em*/
		color: #444735;
	}

	#header h6 {
		font-size: 0.5em;		/*8px = 8/16 = 0.5em*/
		color: #444735;
	}

	#header a {
		font-size: 1.0em;		/*8px = 8/16 = 0.5em*/
		color: #444735;			/*for some reason this must 							be 2x */
	}

	#header a:hover {
		font-size: 1.0em;		/*see above*/
		text-decoration: none;
		color: #808080;
	}

	/* Applies to division "navigator" */

	#navigator {
		background-color: #ecf882;	/*As Body*/
	}

	#navigator ul {
		list-style: none;
		}
	
	#navigator li {
		display: inline;
		padding: 1.0em;			/*The space around the content*/
		border:0.1em solid #ecf882;	/*As Body*/
		color: #a80;
		background: #dcf064;
	}
	
	#navigator a {
		text-decoration: none;
		color: #a80;
		background: #dcf064;
	}
	
	#navigator a:hover {
		color: #540;
		background: #dcf064;
	}
	
	#navigator #selected {
		color: #444735;
		background: #eeeeee;			/*As #content*/
		border-bottom: 0.2em solid #eeeeee;	/*joins on to content*/
	}

	/* Applies to division "content" */

	#content {
		margin-left: 0.5em;
		margin-right: 0.5em;
		margin-bottom: 1.0em;		
		background: #eeeeee;		/*As #navigator #selected*/
		padding: 1em;
	}
	
	#content p {
		margin: 0.0em;
		padding: 1.0em;
		background: #eeeeee;		/*As #navigator #selected */
		text-align: justify;
		color: #444735;			/* As header colour */
	}

	#content a {
		font-size: 1.0em;		/*8px = 8/16 = 0.5em*/
		color: #444735;			/*for some reason this must 							be 2x */
	}

	#content a:hover {
		font-size: 1.0em;		/*see above*/
		text-decoration: none;
		color: #808080;
	}