/*	index.html ================================= */


/*	comparity.html ============================= */
	#info {
		qbackground-color: #ffffe7;
		padding-left: 16px;
		top: 0px;
		left: 0px;
		width: 200px;
		bottom: 0px;
		float: left;
		height: 100%;
	}
	#info hr {
		width: 180px;
		text-align: left;/*this will align it for IE*/
		margin: 0 auto 0 0; /*this will align it left for Mozilla*/
	}
	#main {
		qwidth: 70%;
		padding: 0px 0px 0px 0px;
		padding: 0em 2em 0em 1em;
		qbackground-color: #ffffe7;
		float: right;
		qwidth: 578px;
		width: 40em;
	}
	#content {
		top: 60px;
		width: 70%;
		float: right;
	}
	#quicklinks {
		padding: 4px 0px 4px 0px;
		border: solid #cc6633;
		border-width: 2px 0px 2px 0px;
		width: 132px;
	}

	#index, #contact {
			height: 100%;
			qheight: 1400px;
	}
	#index * {
		color: #002823;
	}
	#index h1, #contact h1 {
		color: #005247;
	}
	#index h2 {
		font-size: 160%;
	}

	#index #info * {
		line-height: 1.3em;
	}

	#index #navigationbar {
		qborder: solid #002823;
		qborder-width: 3px 0px 3px 0px;
		padding: 4px 0px 8px 0px;
		margin: 0px 0px 0px px;
		background-color: #005247;
	}
	#index #navigationbar * {
		color: #ffffe7;
	}
	#index #navigationbar ul.navigation {
		margin: 0px;
		padding: 0px 0px 4px 12px;
	}
	#index #navigationbar ul.navigation li  {
		/*display: block;			 FireFox: remove bullets */
		float: left;				/* Horizontal */
		font-weight: bold;
		padding: 0px 12px 4px 0px;;
		color: #005247;
		display: block;
		margin: 0px;
		color: #ffffe7;
	}

	#index #main h2 {
		margin: 8px 0px 0px 0px;
	}


	/*	contact.html =================================== */

/*	#contact #info {
		width: 30%;
		qfloat: left;
	}
	#contact #form {
		width: 65%;
		qfloat: right;
	}
	#contact br.clear {
		clear: both;
	}
	#contact p.adjacent {
		float: left;
	}
	#contact label {
		font-weight: bold;
	}
	#contact * input.text, #contact * select , #contact * input.extratext {
		width: 160px;
	}
	#contact * input.button {
		width: 96px;
	}
	#contact * input.checkbox {
		width: 14px;
	}
	#contact * textarea, #contact * input.longtext {
		width: 320px;
	}
*/
/*	main.html ================================== */

		#main td {
			width: 186px;
		}
		#main h2 a {
			color: #ff9999;
			line-height: 1.2em;
	}

/*	courses.html =============================== */

		#courses td	a  {
			font-weight: normal;
		}

		#courses p {
			margin-left: 16px;
			font-size: 16px;
		}
		#courses #pics {
			position: absolute;
			width: 132px;
			left: 640px;
		}

		#courses td {
			text-align: right;
		}
		#courses th {
		vertical-align: bottom;
	}

	/*	top.html =================================== */

	#top {
		background-color: white;
	}
	#top h1 {
		font-size: 200%;
	}
	#top #menu {
		margin: 0px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
	#top li {
		display: block;
		margin: 0px;
	}
	#top li * {
		display: block;				/* FireFox: remove bullets */
		float: left;				/* Horizontal */
		margin: 0px;

		border-style: solid;
		border-width: 1px 1px 1px 1px;
		padding: 2px 12px;
		color: white;
		background-color: #005247;
	}
	#top .fore * {
		border-color: #002823 #002823 #ffffcc #002823;
		background-color: #005247;
		background-color: #ffeecc;
		color: #002823;
	}
	#top .back * {
		border-color: #005247 white white #005247;
		background-color: #00a48e;
	}


/*	<colours> ===================================== 

	.green, .green a {
		background-color: #005247;
		color: white;
	}
	.green h1, .green h2, .green h1 a, .green h2 a {
		color: #ff9999;
	}

	.white, .white a {
		background-color: white;
		color: #005247;
	}

	.white h1, .white h2, .white h1 a, .white h2 a {
		color: #ff9999;
	}
*/

/*	<div>========================================== */

	.head {
		background-image: url(skyright2.jpg);
		position: absolute;
		left: 0px; top: 0px; height: 160px; width: 800px;
		z-index: -1;
		background-repeat: no-repeat;
	}