html {
	scrollbar-arrow-color: #004600;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-highlight-color: #002800;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #002800;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #F9F9F2;
}

body {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	height: 100%;
   min-height:100%;
	width: 100%;
	min-width: 100%;
	text-align: justify;
	font: normal 100% Arial, sans-serif;
	color: Navy;
	background: White url(Sitepix/Background.jpg) repeat;
}


div#body {	/* Page Content Box */
	padding-bottom:0px;   /* Height of the footer */
	margin: 2% 5% 2% 5%;
}	/* END Page Content Box */


div#footer {	/* START Virtual Avenue At The Bottom */
   bottom:5px;
   height:10px;   /* Height of the footer */
	font-size: xx-small;
	text-align: center;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
}	/* END Virtual Avenue At The Bottom */


a {
	background: transparent;
	color: #6495ED;
	font-family: Arial, sans-serif;
}

a:visited {
	background: transparent;
	color: Gray;
	text-decoration: none;
}

a:active {
	background: transparent;
	color: Aqua;
	text-decoration: underline;
	font-family: Arial, sans-serif;
}

a:hover {
	background: transparent;
	color: #00CED1;
	text-decoration: underline;
	font-family: Arial, sans-serif;
}


/* START Front Page Menu Building Items */


/* START Quadrant Table */

ul.tb {	/* START Guad 1 */
	list-style-type: none;
}	/* END Guad 1 */

ul.tr {	/* START Guad 1 */
float: none;
	list-style-type: none;
}	/* END Guad 1 */

li.tr {	/* START Guad 1 */
	display: inline;
}	/* END Guad 1 */


a.ql {	/* Start Quadrant 1 Site */
	display: block;
	width: 150px;
	height: 150px;
	background-image: url(Sitepix/EnterQ1Site.png);
	background-position: 0px 0px;
	
}

a.ql:visited {
	display: block;
	width: 150px;
	height: 150px;
	background-image: url(Sitepix/EnterQ1Site.png);
	background-position: 0px 0px;
}

a.ql:active {
	display: block;
	width: 150px;
	height: 150px;
	background-image: url(Sitepix/EnterQ1Site.png);
	background-position: -300px 0px;
}

a.ql:hover {
	display: block;
	width: 150px;
	height: 150px;
	background-image: url(Sitepix/EnterQ1Site.png);
	background-position: -150px 0px;
}	/* End Quadrant 1 Site */



a.q2 {	/* Start Quadrant 2 About */
	display: block;
	width: 150px;
	height: 150px;
	background-image: url(Sitepix/EnterQ2About.png);
	background-position: 0px 0px;
	
}

a.q2:visited {
	display: block;
	width: 150px;
	height: 150px;
	background-image: url(Sitepix/EnterQ2About.png);
	background-position: 0px 0px;
}

a.q2:active {
	display: block;
	width: 150px;
	height: 150px;
	background-image: url(Sitepix/EnterQ2About.png);
	background-position: -300px 0px;
}

a.q2:hover {
	display: block;
	width: 150px;
	height: 150px;
	background-image: url(Sitepix/EnterQ2About.png);
	background-position: -150px 0px;
}	/* End Quadrant 2 About */



a.q3 {	/* Start Quadrant 3 Board */
	display: block;
	width: 150px;
	height: 189px;
	background-image: url(Sitepix/EnterQ3-Board.png);
	background-position: 0px 0px;
	
}

a.q3:visited {
	display: block;
	width: 150px;
	height: 189px;
	background-image: url(Sitepix/EnterQ3-Board.png);
	background-position: 0px 0px;
}

a.q3:active {
	display: block;
	width: 150px;
	height: 189px;
	background-image: url(Sitepix/EnterQ3-Board.png);
	background-position: -300px 0px;
}

a.q3:hover {
	display: block;
	width: 150px;
	height: 189px;
	background-image: url(Sitepix/EnterQ3-Board.png);
	background-position: -150px 0px;
}	/* End Quadrant 3 Board */




a.q4 {	/* Start Quadrant 4 Email */
	display: block;
	width: 150px;
	height: 189px;
	background-image: url(Sitepix/EnterQ4-Email.png);
	background-position: 0px 0px;
	
}

a.q4:visited {
	display: block;
	width: 150px;
	height: 189px;
	background-image: url(Sitepix/EnterQ4-Email.png);
	background-position: 0px 0px;
}

a.q4:active {
	display: block;
	width: 150px;
	height: 189px;
	background-image: url(Sitepix/EnterQ4-Email.png);
	background-position: -300px 0px;
}

a.q4:hover {
	display: block;
	width: 150px;
	height: 189px;
	background-image: url(Sitepix/EnterQ4-Email.png);
	background-position: -150px 0px;
}	/* End Quadrant 4 Email */

/* END Front Page Menu Building Items */


p {
	text-indent: 35px;
	text-align: justify;
	background: transparent;
}


div.center {	/* Centred Items */
	width: auto;
	display: block;
	margin-left: auto;
   margin-right: auto;
	text-align: center;
}


p.e {	/* Paragraphy with no indentation */
	text-indent: 0px;
}



/* START Menu Building Items */

a.nl {	/* Start Quadrant 1 Site */
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(Sitepix/NavQ1Site.png);
	background-position: 0px 0px;
	
}

a.nl:visited {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(Sitepix/NavQ1Site.png);
	background-position: 0px 0px;
}

a.nl:active {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(Sitepix/NavQ1Site.png);
	background-position: -100px 0px;
}

a.nl:hover {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(Sitepix/NavQ1Site.png);
	background-position: -50px 0px;
}	/* End Quadrant 1 Site */



a.n2 {	/* Start Quadrant 2 About */
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(Sitepix/NavQ2About.png);
	background-position: 0px 0px;
	
}

a.n2:visited {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(Sitepix/NavQ2About.png);
	background-position: 0px 0px;
}

a.n2:active {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(Sitepix/NavQ2About.png);
	background-position: -100px 0px;
}

a.n2:hover {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(Sitepix/NavQ2About.png);
	background-position: -50px 0px;
}	/* End Quadrant 2 About */



a.n3 {	/* Start Quadrant 3 Board */
	display: block;
	width: 50px;
	height: 63px;
	background-image: url(Sitepix/NavQ3-Board.png);
	background-position: 0px 0px;
	
}

a.n3:visited {
	display: block;
	width: 50px;
	height: 63px;
	background-image: url(Sitepix/NavQ3-Board.png);
	background-position: 0px 0px;
}

a.n3:active {
	display: block;
	width: 50px;
	height: 63px;
	background-image: url(Sitepix/NavQ3-Board.png);
	background-position: -100px 0px;
}

a.n3:hover {
	display: block;
	width: 50px;
	height: 63px;
	background-image: url(Sitepix/NavQ3-Board.png);
	background-position: -50px 0px;
}	/* End Quadrant 3 Board */




a.n4 {	/* Start Quadrant 4 Email */
	display: block;
	width: 50px;
	height: 63px;
	background-image: url(Sitepix/NavQ4-Email.png);
	background-position: 0px 0px;
	
}

a.n4:visited {
	display: block;
	width: 50px;
	height: 63px;
	background-image: url(Sitepix/NavQ4-Email.png);
	background-position: 0px 0px;
}

a.n4:active {
	display: block;
	width: 50px;
	height: 63px;
	background-image: url(Sitepix/NavQ4-Email.png);
	background-position: -100px 0px;
}

a.n4:hover {
	display: block;
	width: 50px;
	height: 63px;
	background-image: url(Sitepix/NavQ4-Email.png);
	background-position: -50px 0px;
}	/* End Quadrant 4 Email */

/* END Menu Building Items */