/* basic html attributes ------------------------------------------------------------------------------ */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #000000 url(bg.jpg) no-repeat 50% 0;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 16px;
	color: #333333;
	}
p, td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	}
a:link, a:visited {
	text-decoration: underline;
	color: #ffffff;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #ffffff;
	}
small {
	font-size: 10px;
	color:#fff;
	}
.small {
	font-size: 10px;
	}

.small2 {
	font-size: 10px;
	color: #000000;
	}

.quiz {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	}


.zip {
	width: 70px;
	margin: 0px 0px 0px 0px;
	}


	.roster {
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	color: #000000;
	}


div, form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/* container ------------------------------------------------------------------------------------------ */
#container {
	background: #f5ece3;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #ffffff
	}

/* header --------------------------------------------------------------------------------------------- */
#header {
	background: #000000 url(header_1.jpg) no-repeat 50% 0;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 28px;
	}

	#header2 {
	background: #000000 url(header_2.jpg) no-repeat 50% 0;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 104px;
	}



/* espn network --------------------------------------------------------------------------------------- */
#network {
	float:left;
	height: 15px;
	padding: 5px 0px 0px 255px;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	}
#network a:link, #network a:visited {
	text-decoration: underline;
	color: #000000;
	font-size: 10px;
	}
#network a:hover, #network a:active {
	text-decoration: underline;
	color: #ffffff;
	font-size: 10px;
	}


	/* rules --------------------------------------------------------------------------------------------- */

body#popup {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #056254  no-repeat;
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	}

body#popup p {
	padding: 0px 0px 0px 10px;
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	}
body#popup h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 30px;
	line-height: 35px;
	color: #ffffff;
	}



/* locator--------------*/

#locator{
	padding: 89px 0px 0px 300px;
	}

	#locator2{
	padding: 82px 0px 0px 300px;
	}

	#locator3{
	padding:17px 0px 0px 300px;
	}

	#locator4{
	padding:114px 0px 0px 300px;
	}

	#locator5{
		padding:65px 0px 0px 300px !important; padding-top: 35px
	}

	#locator6{
		padding:120px 0px 0px 300px;
	}

/* error--------------------------------------------------------------------------------------- */


#error{
	background:  url(content_error.jpg) no-repeat 50% 0;
	float:left;
	width: 479px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#fff;
	line-height: 20px;
	}

	#error_field {
	padding: 200px 10px 0px 27px;
	height:150px !important; height: 380px
	}

/* sidebar--------------------------------------------------------------------------------------- */


#sidebar {
	background:  url(content_right.jpg) no-repeat 50% 0;
	float: right;
	width: 421px;
	height: 450px;
	padding: 0px 0px 0px 0px;
	}


	#sidebar2 {
	background:  url(locker_right.jpg) no-repeat 50% 0;
	float: right;
	width: 421px;
	height: 450px;
	padding: 0px 0px 0px 0px;
	}

	#sidebar3 {
	background:  url(locker_back.jpg) no-repeat 50% 0;
	float: right;
	width: 421px;
	height: 450px;
	padding: 0px 0px 0px 0px;
	}



/* login --------------------------------------------------------------------------------------- */

	#login_content{
	background:  url(content_login.jpg) no-repeat 50% 0;
	float:left;
	width: 479px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}

	#loggedin_content{
	background:  url(content_loggedin.jpg) no-repeat 50% 0;
	float:left;
	width: 479px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}

	#login_field {
	padding: 225px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	}



	#login {
	padding: 0px 0px 0px 130px;
	margin: 0px 0px 0px 0px;
	width: 775px;
	text-align: left;
	}

	login p, td {
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #ffffff;
	}


	#login a:link, #login a:visited {
	text-decoration: underline;
	color: #ffffff;
	}
	#login a:hover, #login a:active {
	text-decoration: underline;
	color: #ffffff;
	}


	#login_button {
	float:left;
	padding: 20px 0px 0px 165px;
	margin: 0px 0px 0px 0px;
	height: 33px;
	width: 102px;
	text-align: center;
	}





/* confirm--------------------------------------------------------------------------------------- */


#confirm_content{
	background:  url(content_confirm.jpg) no-repeat 50% 0;
	float:left;
	width: 479px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}



	#confirm_field {
	padding: 200px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}

	#confirm_field  p, td {
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 16px;
	color: #ffffff;
	}



	#confirm_button {
	float:left;
	padding: 10px 0px 0px 155px;
	margin: 0px 0px 0px 0px;
	height: 33px;
	width: 102px;
	text-align: center;
	}

	#send_field {
	padding: 48px 0px 0px 225px;
	margin: 0px 0px 0px 0px;
	width: 500px;
	}

	#send_button {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 340px;
	width: 175px;
	text-align: center;
	}



/* thanks----------------------------------------------*/



#thanks_content{
	background:  url(content_thanks.jpg) no-repeat 50% 0;
	float:left;
	width: 479px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}


	#thanks_content p {
	width: 400px;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	color: #ffffff;
	}


	#thanks_coupon{
	background:  url(content_coupon.jpg) no-repeat 50% 0;
	width: 479px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float:left;
	}

	#thanks_coupon p {
	width: 400px;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	color: #ffffff;
	}


#thanks_text {
	padding: 0px 0px 0px 145px;
	margin: 0px 0px 0px 0px;
	}


	#thanks_field {
	padding: 190px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}



	#thanks_field .textfield {
	padding: 0px 0px 0px 185px;
	text-align:left;
	font-size: 11px;
	width: 100px;
	}



	#thanks_button {
	padding: 25px 0px 0px 170px;
	margin: 0px 0px 0px 0px;
	height: 33px;
	width: 102px;
	text-align: center;
	}


#locker_content{
	height: 408px;
	margin: 14px 0px 0px 20px;
	}


/* footer --------------------------------------------------------------------------------------------- */



#footer {
	float:left;
	background: url(footer.jpg) no-repeat 50% 0;
	width: 900px;
	height: 271px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#footer p {
	width: 800px;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 80px 0px 0px 30px;
	text-align: center;
	color: #ffffff;
	}

#footer a:link, a:visited {
	text-decoration: underline;
	color: #ffffff;
	}
#footer a:hover, a:active {
	text-decoration: underline;
	color: #ffffff;
	}
</style>