body, html {
	background-color: #EBF5FF;
	font-family: Arial, Times new Roman, sans-serif;
}
.highlight { background-color: #e4f1fe;	}
#hide {	display: none; }
#page_container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}
#container {
	position: relative;
	background: transparent url('../img/site/main_back.jpg') no-repeat;
	width: 684px;
	height: 401px;
	margin: auto;
	text-align: left;
	top: 50px;
}
	#container #page_header{
		position: relative;
		top: 10px;
		margin-left: 10px;
	}
		#container #page_header h1 {
			font-size: 1.3em;
			margin: 0 0 0 40px;
			padding: 0;
			color: #024997;
		}
#main {
	position: relative;
	top: 25px;
	left: 25px;
	width: 460px;
	height: 330px;
	font-size: 0.75em;
	overflow: auto;
}
	#main h2 {
		font-size: 1.2em;
		color: #0090F2;
	}
	#main .center { text-align: center;	}
	#main #win_100 h3 {
		font-size: 1.5em;
		color: #0090F2;
		margin: 10px;
	}
	#main #main_nav {
		text-align: center;
		height: 30px;
	}
	#main #main_nav input {
		background-color: #508FE2;
		border: 1px solid #3069B4;
		color: white;
		font-weight: bold;
	}
	#main #points_list ul {	list-style: none; line-height: 20px; }
	#main #error { 
		color: #dd0000;
		font-weight: bold;
		text-align: center;
		margin-bottom: 5px;
		border: 1px solid #dd0000;
		background-color: white;
	}
#nav {
	position: relative;
	float: right;
	right: 10px;
	width: 160px;
	top: 10px;
	clear: none;
}
	#nav #round_num {
		width: 156px;
		height: 112px;
		background: transparent url("../img/site/round_num.jpg") no-repeat;
		position: relative;
		float: right;
		top: -52px;
		background-color: white;
		clear: none;
		font-size: 0.8em;
		font-weight: bold;
		text-align: center;
	}
		#nav #round_num #round {
			display: block;
			height: 18px;
			font-size: 0.75em;
			text-indent: 10px;
			width: 95%;
			margin: auto;
			text-align: left;
			line-height: 18px;
			font-weight: bold;
		}
		#round_num a {
			display: block;
			width: 100%;
			height: 100%;
			text-decoration: none;
			color: black;
		}
		#round_num a:hover {
			background-color: #0697ea;
			color: white;
		}
		#round_num .done {
			background-color: #bcf3bd;
		}
		#round_num .current {
			background-color: #639DEB;
			color: #fff;
		}
		#round_num .todo {
			background-color: #ececec;
			color: #BBBBBB;
		}
	#nav #main_nav {
		margin-top: 150px;
	}
	#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#nav ul li, #download_nav ul li {
			margin-bottom: 10px;
			font-size: 12px;
			height: 25px;
			line-height: 25px;
			text-indent: 5px;
		}
		#nav .enter a { color: #333333; }
		#nav .enter a:hover { color: #333333;	}
		#nav ul li p { margin: 0; }
		#download_nav { margin-top: 73px; }
		#download_nav ul li {
			height: 40px;
			width: 167px;
			line-height: 14px;
			text-indent: 0;
			margin-bottom: 0;
		}
			#nav ul li a, #download_nav ul li a {
				display: block;
				width: 100%;
				height: 100%;
				color: white;
				text-decoration: none;
				font-weight: bold;
			}
			#nav ul li a:hover, #download_nav ul li a:hover { text-decoration: underline; }
			#download_nav ul li #icon {
				float: right;
				height: 32px;
				width: 32px;
			}
			#download_nav ul li p { margin: 2px 0 0 5px; }

/* 
	Page 1 - first team selection 
									*/

#team_group {
	width: 48%;
	float: left;
	margin: 0 0 0 0;
	height: 90px;
	margin-bottom: 10px;
}
	#team_group table {
		border-collapse: collapse;
		padding: 0;
		width: 90%;
		margin: auto;
	}
	#team_group #headings {
		background-color: #0090F2;
	}
	#team_group th {
		margin: 0;
		font-size: 0.75em;
		font-weight: bold;
		color: white;
		text-align: left;
		padding: 2px;
	}
		#team_group th a {
			color: white;
			font-size: 0.8em;
			margin-right: 10px;
		}
		#team_group #radio {
			width: 28px;
		}
		#team_group #group {
			font-size: 1em;
			text-align: right;
			padding-right: 10px;
		}
	#team_group tr td {
		margin: 0;
		font-size: 0.9em;
		font-weight: normal;
	}
	#team_group #team_shirt {
		height: 30px;
		width: 30px;
		background-position: 1% 100%;
	}
	#team_final {
		width: 100%;
		text-align: center;
		margin-bottom: -10px;
	}
	#team_final table {
		width: 100%;
	}
	#team_full_shirt {
		height: 66px;
		width: 100px;
		margin: auto;
	}
	#versus {
		font-size: 2em;
		font-weight: bold;
		color: #0090F2;
	}
	#tiebreak {
		width: 60px;
		border: 1px solid #3069B4;
	}

/*
	Final page - i.e. completed the form
											*/

#finished {
	width: 95%;
	margin: 30px auto auto auto;

}
	#finished #world_cup {
		background: transparent url('../img/site/world_cup.gif') no-repeat;
		height: 156px;
		width: 73px;
		float: left;
		margin-right: 20px;
	}
	#finished li {
		margin-bottom: 10px;
	}

/*
	Pay page
				*/
#pay_form {
	width: 65%;
	margin: auto;
}
	#pay_form #field {
		font-weight: bold;
	}
	#pay_form input {
		border: 1px solid #1E7C03;
		font-size: 11px;
	}
#pay input {
	background-color: #508FE2;
	border: 1px solid #0A3E83;
	color: white;
	font-weight: bold;
	font-size: 12px;
}
#win_group {
}
	#win_div {
		width: 46%;
		border: 1px solid #ccc;
		float: left;
		margin: 1px;
		height: 40px;
		font-size: 0.9em;
	}
	.win_table {
		border-collapse: collapse;
		width: 95%;
	}
	.win_table h3 {
		margin: 0;
		font-size: 1em;
		background-color: #1188ff;
		color: white;
		text-indent: 5px;
		height: 20px;
		line-height: 20px;
	}
	.win_table td {
		border-collapse: collapse;
		padding: 0;
	}
	.next_num {
		font-size: 1.5em;
		font-weight: bold;
		color: #22aa00;
	}