#header {
  background: url(images/mountainHead.jpg) no-repeat top center;
}
#container {
height: 1500px;
border: none;
}
#content {
width: 100%;
text-align:center;
}

.resultsHead {
margin: 0px 0px 0px 0px;
}

.resultsHead h1 {
color: #306EFF;
font-family: georgia, arial, helvetica, sans-serif;
font-size: 22pt;
font-weight: bold;
text-align: center;
text-indent: 0px;
display: inline;
}
.resultsHead h2 {
color: 	#696969;
font-family: georgia, arial, helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
text-align: center;
text-indent: 0px;
}

.resultsKey {
float: right;
margin: 50px 0px 0px 0px;
padding: 0px;
border: inherit;
width: 17%;
}

.resultsKey h1 {
color: red;
font-family: georgia, arial, helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
text-align: center;
text-indent: 0px;
display: inline;
}

table.resultsKey {
background-colour: white;
font-size: 8pt;
float: left;
padding: 10px 0px 0px 0px;
margin: auto;
width: 100%;
border-style: inherit;
}

table.resultsKey td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.results {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: #E8E8E8;
	width: 80%;
	float:left;
	margin: 10px 0px 15px 0px;
}

table.results td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 20px 5px 20px;
	font-size: 8pt;
}
#gold {
font-size: 12pt;
color: gold;
font-weight: bold;
}
#silver {
font-size: 12pt;
color: #888888;
font-weight: bold;
}
#bronze {
font-size: 12pt;
color: darkgoldenrod;
font-weight: bold;
}

.resultsTableHead {
border: inherit;
text-align: left;
text-indent: none;
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 12pt;
width: 80%;
font-weight: bold;
color: 	#306EFF;
font-family: georgia, arial, helvetica, sans-serif;
}