html, body {

		margin: 0;

		padding: 0;

		border: 0;

		width: 100%;

		height: 100%;

	}

	body {

	background: black;

	color: white;

	font-family: Arial, sans-serif;

	font-size: 12px;

	}

	p {

		font-family: Arial, sans-serif;

		font-size: 12px;

		color: white;

	}

	a {

		color: white;

		font-family: Arial, sans-serif;

		font-size: 12px;

		text-decoration: underline;

	}

	a:hover {

		color: #F9C127;

		text-decoration: underline;

	}

	ol li{

		margin-bottom: 5px;

	}

	ol .letter{

		list-style-type: upper-alpha;

	}

	ol .roman{

		list-style-type:lower-roman;

	}

	ol .small_letter {

		list-style-type:lower-alpha;

		font-size: 80%;

	}

	ol .answer {

		list-style-type: decimal;

		color: gray;

		font-size: 80%;

	}

	br {

		clear: both;

	}

	hr {

		height: 3px;

		background-color: #F9C127;

		border: 1px solid #F9C127;

	}

	table {

		border: 2px solid #F9C127;

	}

	tr {

		width: 100%;

	}

	table a{

		color: gray;

		text-align: left;

		font-size: 100%;

	}

	table a:hover {

		color: white;

	}

	td {

		top: 0;

		width: 14%;

		border: 1px solid #F9C127;

		height: 100px;

	}

	h5 {

		margin-top:-10px;

		margin-bottom: 5px;

		color: #ac851e;

		font-weight: bold;

		font: 120% sans-serif;

	}

	h4 {

		margin-bottom: 3px;

	}





/*Header Elements*/

div#header {

	float: left;

	z-index: 1;

	}

div#contact{

	position: absolute;

	top: 140px;

	width: 925px;

	text-align: right;

	color: white;

	font: normal 14px Arial sans-serif;

	z-index: 100;

	}	

div#navigation {

	position: absolute;

	top: 265px;

	left: 280px;

	z-index: 50;

}

div#navigation-2 {

	position: absolute;

	top: -20px;

	left: 342px;

	z-index: 50;

}

/*Main Content*/

	#main {

		position: absolute;

		top: 400px;

		left: 190px;

		width: 740px;

		z-index: 49;

}

	#flash {

	background-color: gray;

	width: 740px;

	height: 480px;

	z-index: 48;

}

	#one_column {

	width: 360px;

}

	.column1 {

	float: left;

	width: 45%;

	height: 100%;

}

	.column2 {

	float: left;

	margin-left: 50px;

	width: 45%;

	

	}

	.column2nd {

	float: left;

	margin-left: 50px;

	margin-top: 35px;

	width: 45%;

	}

.float {

	float: left;

	margin-right: 10px;

}

.subcontent {

	height: 100%;

}

#query input {

	position: absolute;

	left: 100px;

}

#query div {

	float: left;

	margin-left: 100px;

	margin-bottom: 10px;

}

#directions {

	float: left;

	height: 100%;

	width: 38%;

}

#google_map {

	background: gray;

	padding: 10px;

	margin-bottom: 100px;

	float: right;

	height: 100%;

}



/*Styles within the Calendar*/

.event{

		margin-top: -70px;

		font: 75% Verdana, sans-serif;

		text-align: left;

	}

.date {

	width: 100%;

	height: 20px;

	margin-bottom: 75px;

	background-color: #F9C127;

	color: black;



}

/*Student Guide Styles*/

#quiz {

	position: absolute;

	top: 400px;

	left: 190px;

	width: 740px;

}

#quiz li{

	font-size: 115%;

}

#quiz p{

	color: #F9C127;

}

.answer li{

	color: #F9C127;

	font-size: 100%;

}	



/*Back to Top and Footers*/

.uptop {

	text-align: right;

	bottom: 0%;

}

div#footer {

	

	margin-left: -200px;

	z-index: 100;

}

div#footer-tiny {

	margin-top: 10%;

	margin-left: -200px;

	z-index: 100;

}



div#footer-private {

	margin-top: 20%;

	margin-left: -200px;

	z-index: 100;

}



div#footer-team {

	margin-top: 25%;

	margin-left: -200px;

	z-index: 100;

}

div#footer-tourney {

	margin-top: 2%;

	margin-left: -200px;

	z-index: 100;

}

div#footer-test {

	margin-top: 45%;

	margin-left: -200px;

	z-index: 100;

}



div#footer-parent {

	margin-top: 55%;

	margin-left: -200px;

	z-index: 100;

}



#videos {

	

	margin-left: 190px;

}

/* =Hoverbox Code

----------------------------------------------------------------------*/



.hoverbox

{

	cursor: default;

	list-style: none;

}



.hoverbox a

{

	cursor: default;

}



.hoverbox a .preview

{

	display: none;

}



.hoverbox a:hover .preview

{

	display: block;

	position: absolute;

	top: -33px;

	left: -45px;

	z-index: 1;

}



.hoverbox img

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	width: 100px;

	height: 100px;

}



.hoverbox li

{

	background: #f9c836;

	border-color: #f9c836;

	border-style: solid;

	border-width: 3px;

	color: inherit;

	display: inline;

	float: left;

	margin: 10px;

	position: relative;

}



.hoverbox .preview

{

	border-color: gray;

	width: 200px;

	height: 200px;

}