body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
color:#666666;
background:url(images/bg.jpg);
background-repeat:no-repeat;
background-color:#000000
}

img {border:0px}

/* main layout*/ 
#box {
width:800px;
margin: 0px auto;
padding:0px
}

.spacer {clear:both}

#header {height:214px;}

#content {background-color:#dcceb3;}

#nav {height:90px;width:800px;;background:#dcceb3}

#column1 {
float:left;
width:313px;
margin-left:10px;
padding:5px;
height:515px;
padding-top:140px;
background:url(../images/bg_text.jpg);
}

#column1 p {margin-bottom:3px;margin-top:3px}

#column2 {
float:left;
width:447px;
text-align:center;
margin-left:10px;
background:#000
}

.range_box {
width:137px;
height:124px;
color:#630D0D;
padding-left:280px;
padding-right:20px;
text-align:left;
margin-bottom:20px;
font-size:90%
}

.training {
background-image:url(../images/training_range.jpg)
}

.jurassic {
background-image:url(../images/jurassic_range.jpg)
}

.fantasy {
background-image:url(../images/fantasy_range.jpg)
}

.agincourt {
background-image:url(../images/agincourt_range.jpg);
background-repeat:no-repeat;
}

#footer{
width:800px;
height:40px;
background:url(../images/footer_torn_edge.jpg);

}

/* text*/ 
.title {text-align:center}

h1,h2,h3,h4 {margin:0px;padding:0px}

#torn_holder {
	width:750px;
	margin: 0px auto;
padding:0px}


#torn_edge_top {
	width:750px;
	height:40px;
	background:url(../images/torn_edge_top.jpg)}
	
	#torn_edge_bottom {
	width:750px;
	height:40px;
	background:url(../images/torn_edge_bottom.jpg)}
	
	#torn_bg {
		width:730px;
		background:url(../images/torn_edge_bg.jpg);
		padding:10px}

.red_text {
	color:#CB0E12}
	
#scroll_container {
	background:url(../images/scroll_top.jpg);
	padding-top:20px;
width:627px;
margin: 0px auto;

}



.scroll_score {
	text-align:center;
width:607px;
padding:10px

}

.high_score_heading {
	color:#039;
	font-size:14px;
	font-weight:bold;
	}
	
.high_score {
	color:#DD0021;
	font-size:14px;
	font-weight:bold}
	
	}
	
	#contentForm {
  display: block;
  width: 500px;
  margin: 70px auto;/*this line will center the page*/
  padding: 25px;
  border: 1px solid black;
  background-color: white;
}

/* and now the form formatting itself */
label {
  display: block;
  float: left;
  clear: left;
  Width: 150px;
  line-height: 20px;
  margin-bottom: 10px;
  margin: 5px 0;
}

input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #666666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

input.button {
	cursor: pointer;
	border: none;
	font-weight: bold;
  background: url (../images/submit.jpg);
	width: 90px;
	height: 28px;
	margin-left: 150px;
	background-image: url(../images/submit.jpg);
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url (images/stop.gif);
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}