body {
	background-color: black;
}

/*sets the position of the banner logo*/
#banner {
	position: absolute;
	top: -285px;
	left: 0px;
}



/*sets the position of the top corners on the the main div*/
#topcorn {
	position: absolute;
	top: -25px;
	left: 0px;
}


/*sets the position of the bottom corner*/
#bottomcorn {
	position: absolute;
	top: 360px;
	left: 0px;
	padding-bottom: 20px;
}

/*sets the position of the bottom corner om the about asit*/
#bottomcorn2 {
	position: absolute;
	top: 935px;
	left: 0px;
	padding-bottom: 20px;
}

/*sets the position of the bottom corner om the about me*/
#bottomcorn4 {
	position: absolute;
	top: 720px;
	left: 0px;
	padding-bottom: 20px;
}

/*sets the position of the bottom corner om the feedback*/
#bottomcorn3 {
	position: absolute;
	top: 1610px;
	padding-bottom: 20px;
	left: -5px;
}

/*sets the position of the bottom corner om the kif page*/
#bottomcorn5 {
	position: absolute;
	top: 1110px;
	left: 0px;
	padding-bottom: 20px;
}

/*sets the position of the bottom corner om the ko page*/
#bottomcorn6 {
	position: absolute;
	top: 1110px;
	left: 0px;
	padding-bottom: 20px;
}

/*sets the position of the bottom corner om the phee page*/
#bottomcorn7 {
	position: absolute;
	top: 1825px;
	left: 0px;
	padding-bottom: 20px;
}

/*sets the position of the bottom corner om the feedback page*/
#bottomcorn8 {
	position: absolute;
	top: 1730px;
	left: -5px;
	padding-bottom: 20px;
}

#bottomcorn9 {
	position: absolute;
	top: 1235px;
	left: 0px;
	padding-bottom: 20px;
}

#bottomcorn10 {
	position: absolute;
	top: 850px;
	left: 0px;
	padding-bottom: 20px;
}

/*sets the elements for the main div*/
#main {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 285px;
	width: 800px;
	height: 325px;
	background: white;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
	font-family: arial;
}


/*sets the elements for the main div for the about a-sit page*/
#main2 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 285px;
	width: 800px;
	height: 895px;
	background: white;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
	font-family: arial;
	font-weight: normal;
}

/*sets the elements for the main div for the about me page*/
#main3 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 285px;
	width: 800px;
	height: 680px;
	background: white;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	font-family: arial;
	text-align: center;
}

/*sets the elements for the main div for the feedback page*/
#main4 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 285px;
	width: 800px;
	height: 1730px;
	background: white;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	font-family: arial;
}

/*sets the elements for the main div for the phee page*/
#main4a {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 285px;
	width: 800px;
	height: 1790px;
	background: white;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	font-family: arial;
}

/*sets the elements for the main div for the kif page*/
#main5 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 285px;
	width: 800px;
	height: 1080px;
	background: white;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	font-family: arial;
}

/*sets the elements for the main div for the kif page*/
#main6 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 285px;
	width: 800px;
	height: 1070px;
	background: white;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	font-family: arial;
}

#main7 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 285px;
	width: 800px;
	height: 1200px;
	background: white;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	font-family: arial;
}

/*sets the elements for the main div for the about me page*/
#main8 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 285px;
	width: 800px;
	height: 810px;
	background: white;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	font-family: arial;
	text-align: justify;
}

#listPad {
	padding: 10px;
}


/*sets the width of the text in the main div*/
#textmain {
	position: absolute;
	left: 0px;
	width: 790px;
	margin-left: 5px;
}


/*sets the width of the text in the main div*/
#textmain2 {
	position: absolute;
	top: 293px;
	left: 0px;
	width: 785px;
	margin-left: 7px;
	text-align:justify;
}

/*sets the width of the text in the main div*/
#textmain3 {
	position: absolute;
	top: 190px;
	left: 0px;
	width: 785px;
	margin-left: 7px;
	text-align:justify;
}

/*sets the width of the text in the main div*/
#textmain4 {
	position: absolute;
	top: 260px;
	left: 0px;
	width: 785px;
	margin-left: 7px;
	text-align:justify;
}

/*sets the width of the text in the main div*/
#textmain5 {
	position: absolute;
	top: 340px;
	left: 0px;
	width: 785px;
	margin-left: 7px;
	text-align:justify;
}

/*navigation bar*/
#navBar{
	position: absolute;
	width: 800px;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border: 1px black solid;
}

/*elements for the indervidual links */
#navBar a {
	width: 83px;
	list-style: none;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid black;
	padding: 10px 5px 7px 10px;
	display: block;
	background-color: #993399;
	color:white;
	text-align: center;
	font-weight: bold;
}

/* elements to happen on mouse over link */
#navBar a:hover {
	font-weight: bold;
	width: 83px;
	list-style: none;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid black;
	padding: 10px 5px 7px 10px;
	display: block;
	color: black;
	background-color: #FFFF00;
}

#navBar li {
	float: left;
	width: em;
}

/*set the position of the picture of the ace card*/
#ace {
	position: absolute;
	top: 70px;
	left: 600px;
}

#lel {
	position: absolute;
	top: 90px;
	left: 15px;
}

/*sets the picture of lel on the about me page*/
#lelly {
	position: absolute;
	left: 0px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*sets the text to fit around the image of lel on the about me page*/
#text_wrap {
	position: absolute;
	top: -20px;
	width: 520px;
	left: 265px;
}

/*sets the posiotion of the text underneath the picture of lel on the about me page*/
#text_wrap2 {
	position: absolute;
	top: 325px;
	left: 0px
}

/*sets the position of the field picture on the about asit page*/
#field {
	border: 1px solid;
}

/*sets the shaded background of the comments on hte feedback page*/
#shade {
	background-color: #993399;
	border-left: 3px solid black;
	border-right: 3px solid black;
}

/*set the font in for the online signuture on the thankyou page*/
#signiture {
	font-family: "Bradley Hand ITC";
	font-weight: bold;
	font-size: 20px;
}

#sigCent {
	text-align: center;
}

/*sets where the picture of scrappy will be on the purplr posse page*/
#scrap {
	position: relitive;
	float: left;
	margin-left: 7.5px;
}

/*sets where the picture of phee is on the purple posses page*/
#kif {
	position: relitive;
	float: left;
}

/*sets the position of the picture on the purplr posse page*/
#ko {
	position: relitive;
	float: left;
}

/*sets the position ofthe sprite picture on the purplr posse page*/
#sprite {
	position: relitive;
	float: left;
}

/*sets the position of the phee picture on the purple posse page*/
#phee {
	position: relitive;
	float: left;
}

/*sets the position of the hex picture on the purple posse page*/
#hex {
	position: relitive;
	float: left;
}

/*sets the position of all the dog pictures on the purple posse page*/
#dogselection {
	position: absolute;
	top: 95px;
	left: 10px;
	margin-right: 10px;
}

/*sets the position of the picture of hex on the hex page*/
#hex_jump {
	position: absolute;
	top: 40px;
	left: 7px;
}

/*sets the position of the detail of hex details next he the picture of her on the hex page*/
#hex_details {
	position: absolute;
	left: 210px;
	text-align: left;
}

/*sets the position of the detail of hex details next he the picture of her on the ko page*/
#ko_details {
	position: absolute;
	left: 190px;
	text-align: left;
}

/*sets the position of the detail of hex details next he the picture of her on the phee page*/
#phee_details {
	position: absolute;
	left: 190px;
	text-align: left;
}

/*sets the position of the detail of hex details next he the picture of her on the scrappy page*/
#scrappy_details {
	position: absolute;
	left: 340px;
	text-align: left;
}

/*sets the position of the detail of hex details next he the picture of her on the sprite page*/
#sprite_details {
	position: absolute;
	left: 270px;
	text-align: left;
}

/*floats text to the left*/
#floating_left {
	text-align: left;
}

/*sets an indent for the text that is posintioned left*/
#indent {
	position: absolute;
	top: px;
	left: 20px;
	text-align: left;
}

/*sets an indent for the text that is posisitoned left*/
#indent2 {
	position: absolute;
	left: 20px;
	text-align: left;
}

/*sets an indent for the text that is posisitoned left*/
#indent3 {
	position: absolute;
	left: 20px;
	text-align: left;
}

/*sets the position on the sprite page*/
#indent4 {
	position: absolute;
	left: 20px;
	text-align: left;
	width: 390px;
}

/*floats to the right*/
#right {
	position: absolute;
	left: 450px;
	text-align: left;
}

/*floats the kif achivments to the right*/
#right2 {
	position: absolute;
	left: 450px;
	text-align: left;
}

/*floats the kif achivments to the right*/
#right3 {
	position: absolute;
	left: 450px;
	text-align: left;
}

/*sets the position of the div on the sprite page*/
#right4 {
	position: absolute;
	left: 390px;
	text-align: left;
	width: 390px;
}

/*sets the location of the image of kif on his page*/
#kifer {
	position: relitive;
	float: left;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*sets the font on in the table on the links page*/
#links_page {
	position: absolute;
	left: 150px;
	top: 45px;
	text-align: left;
}

/*sets the font on in the table on the links page*/
#links_page2 {
	text-align: right;
}

#background {
	position: absolute;
	top: 725px;
	left: 8px;
	width: 780px;
	height: 200px;
	background-color: #92278f;
	border-left: 1px black solid;
	border-right: 1px black solid;
}

#background2 {
	position: absolute;
	top: 840px;
	left: 8px;
	width: 780px;
	height: 200px;
	background-color: #92278f;
	border-left: 1px black solid;
	border-right: 1px black solid;
}

#background3 {
	position: absolute;
	top: 760px;
	left: 2px;
	width: 770px;
	height: 200px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #92278f;
	border-left: 1px black solid;
	border-right: 1px black solid;
}

#background4 {
	position: absolute;
	top: 1580px;
	left: 8px;
	width: 770px;
	height: 200px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #92278f;
	border-left: 1px black solid;
	border-right: 1px black solid;
}

#background5 {
	position: absolute;
	top: 600px;
	left: 2px;
	width: 770px;
	height: 200px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #92278f;
	border-left: 1px black solid;
	border-right: 1px black solid;
}

#background6 {
	position: absolute;
	top: 440px;
	left: 2px;
	width: 770px;
	height: 220px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #92278f;
	border-left: 1px black solid;
	border-right: 1px black solid;
}