* {

	margin: 0;

	} 

html {

	background-color: rgb(205,133,63);

	}

/*Start of Layout*/

div#container {

	width: 1000px;
	height: 651px;
	position: relative;
	background-image: url("ring.jpg");
	background-repeat: no-repeat;
	margin: 10px auto 10px auto;
	
	}


div#header {

	position: absolute;
	top: 20px;
	left: 30px;
	width: 750px;
	height: 75px;
	
	}

div#ring {

	position: absolute;
	width: 600px;	
	height: 535px;
	top: 110px;
	left: 120px;
		
	}

div#nav {
		
	position: absolute;
	top: 50px;
	margin-left: 725px;
	width: 200px;

	}


/*End of Layout*/


/*Start of Navigation*/

a {

    outline: none;

    }

#navigation {

	position: absolute;
	width: 203px; /* Extra 3px to accommodate IE6 3px text jog bug */
	height: 525px;
	list-style: none;

	}


#navigation li {
	
	width: 100px;
	height: 75px;
	
	}

#navigation li#school {
	
	display: inline; /*Ensures float works in IE6 for eight and two*/
	
	}

#navigation li#contact {
	
	display: inline; /*Ensures float works in IE6 for eight and two*/
	
	}


#navigation li a {

	display: block;
	text-indent: -9999px;
	width: 100px;
	height: 75px;
	background-image: url("hopScotch.gif");
	background-repeat: no-repeat;

	}



#navigation li#home a,
#navigation li#home a:link, 
#navigation li#home a:hover,
#navigation li#home a:focus,
#navigation li#home a:active {

	margin-left: 50px;

	}

#navigation li#home a,
#navigation li#home a:link {

	background-position: -50px 0px;

	}

#navigation li#home a:hover,
#navigation li#home a:focus,
#navigation li#home a:active {

	background-position: -250px 0px;

	}



#navigation li#eight {

	background-image: url("hopScotch.gif");
	background-repeat: no-repeat;
	background-position: 0px -75px;
	float: left;
		
	}



#navigation li#school a,
#navigation li#school a:link,
#navigation li#school a:hover,
#navigation li#school a:focus,
#navigation li#school a:active {

	margin-left: 100px;
		
	}

#navigation li#school a,
#navigation li#school a:link {

	background-position: -100px -75px;

	}

#navigation li#school a:hover,
#navigation li#school a:focus,
#navigation li#school a:active {

	background-position: -300px -75px;

	}

#navigation li#news a,
#navigation li#news a:link,
#navigation li#news a:hover,
#navigation li#news a:focus,
#navigation li#news a:active {

	margin-left: 50px;

	} 

#navigation li#news a,
#navigation li#news a:link {

	background-position: -50px -150px;

	}

#navigation li#news a:hover,
#navigation li#news a:focus,
#navigation li#news a:active {

	background-position: -250px -150px;

	}

#navigation li#comm {

	float: left;
	
	}


#navigation li#comm a,
#navigation li#comm a:link {

	background-position: 0px -225px;

	}

#navigation li#comm a:hover,
#navigation li#comm a:focus,
#navigation li#comm a:active {

	background-position: -200px -225px;

	}

#navigation li#six {

	background-image: url("hopScotch.gif");
	background-repeat: no-repeat;
	background-position: -100px -225px;
	margin-left: 100px;
	
	}

#navigation li#jobs a,
#navigation li#jobs a:link,
#navigation li#jobs a:hover,
#navigation li#jobs a:focus,
#navigation li#jobs a:active {

	margin-left: 50px;

	}


#navigation li#jobs a,
#navigation li#jobs a:link {

	background-position: -50px -300px;

	}

#navigation li#jobs a:hover,
#navigation li#jobs a:focus,
#navigation li#jobs a:active {

	background-position: -250px -300px;

	}

#navigation li#two {

	background-image: url("hopScotch.gif");
	background-repeat: no-repeat;
	background-position: 0px -375px;
	float: left;
	
	}

#navigation li#contact a,
#navigation li#contact a:link,
#navigation li#contact a:hover,
#navigation li#contact a:focus,
#navigation li#contact a:active {

	margin-left: 100px;

	}


#navigation li#contact a,
#navigation li#contact a:link {

	background-position: -100px -375px;

	}

#navigation li#contact a:hover,
#navigation li#contact a:focus,
#navigation li#contact a:active {

	background-position: -300px -375px;

	}

#navigation li#links a,
#navigation li#links a:link,
#navigation li#links a:hover,
#navigation li#links a:focus,
#navigation li#links a:active {

	margin-left: 50px;

	}

#navigation li#links a,
#navigation li#links a:link {

	background-position: -50px -450px;

	}

#navigation li#links a:hover,
#navigation li#links a:focus,
#navigation li#links a:active {

	background-position: -250px -450px;

	}


/*End of navigation*/

/*Start of links*/

ul#linksNav {

	position: relative;
	list-style: none;
	width: 554px;
	height: 410px;
			
	}

ul#linksNav li a#link1  {

	position: absolute;
	display: block;
	text-indent: -9999px;
	height: 170px;
	width: 70px;
	top: 230px;
	left: 190px;
				
	}

a#link1 span, a#link2 span, a#link3 span,
a#link4 span, a#link5 span, a#link6 span {

	position: absolute;
	display: none;
	width: 470px;
	height: 130px;
	
	}

a#link1:hover span {
	
	display: block;
	top: -240px;
	left: -40px;
	background-image: url("linkOne.gif");
	background-repeat: no-repeat;

	}

ul#linksNav li a#link2 {

	display: block;
	text-indent: -9999px;
	height: 200px;
	width: 75px;
	position: absolute;
	top: 195px;
	left: 330px;	
		
	}

a#link2:hover span {
	
	display: block;
	top: -217px;
	left: -182px;
	background-image: url("linkTwo.gif");
	background-repeat: no-repeat;

	}

ul#linksNav li a#link3 {

	display: block;
	text-indent: -9999px;
	height: 200px;
	width: 65px;
	position: absolute;
	top: 135px;
	left: 263px;
			
	}

a#link3:hover span {
	
	display: block;
	top: -147px;
	left: -119px;
	background-image: url("linkThree.gif");
	background-repeat: no-repeat;

	}

ul#linksNav li a#link4 {

	display: block;
	text-indent: -9999px;
	height: 175px;
	width: 100px;
	position: absolute;
	top: 295px;
	left: 20px;
			
	}

a#link4:hover span {
	
	display: block;
	top: -315px;
	left: 130px;
	background-image: url("linkFour.gif");
	background-repeat: no-repeat;

	}

ul#linksNav li a#link5 {

	display: block;
	text-indent: -9999px;
	height: 190px;
	width: 60px;
	position: absolute;
	top: 185px;
	left: 125px;	
		
	}

a#link5:hover span {
	
	display: block;
	top: -195px;
	left: 20px;
	background-image: url("linkFive.gif");
	background-repeat: no-repeat;

	}

ul#linksNav li a#link6 {

	display: block;
	text-indent: -9999px;
	height: 175px;
	width: 125px;
	position: absolute;
	top: 105px;
	left: -20px;
	
	}

a#link6:hover span {
	
	display: block;
	top: -120px;
	left: 169px;
	background-image: url("linkSix.gif");
	background-repeat: no-repeat;

	}


/*End of links*/


/*Start of Image Replacement*/

h1 {
	text-indent: -9999px;
	background-image: url("links.gif");
	background-repeat: no-repeat;
	width: 127px;
	height: 52px;
	margin-left: 35px;
	margin-top: 17px;
	float: left;

	}

p#click {

	text-indent: -9999px;
	background-image: url("click.gif");
	background-repeat: no-repeat;
	width: 160px;
	height: 101px;
	margin-left: 440px;
	margin-top: -275px;
	
	}


img#logo {
	
	float: left;

	}