.container {
	width: 1024px;
	background: #000;
	margin-right: auto;
	margin-left: auto;
}
.header {
	background: url(images/st-johns-website_01.jpg);
	height: 177px;
	width: 1024px;
}
.nav {
	height: 60px;
	width: auto;
	background: #000;
	text-align: center;
}

.footer {
	height: 129px;
	width: 1024px;
	background: url(images/st-johns-website_04.jpg);
}
.bg-the-order {
	height: 700px;
	width: 404px;
	background: #984014 url(images/st-johns-website_03.jpg) no-repeat;
	padding: 40px 580px 0px 40px;
	margin: 0px;
}

p {
	color: #000;
	margin: 0px;
	padding: 0px 0px 8px;
	font: normal 14px/1.5em Arial, Helvetica, sans-serif;
}


.cynon {
	height: 700px;
	width: 384px;
	background: #984014 url(images/cynon-valley_03.jpg) no-repeat;
	padding: 40px 600px 0px 40px;
	margin: 0px;
}
.mining {
	height: 700px;
	width: 384px;
	background: #984014 url(images/mining_03.jpg) no-repeat;
	padding: 40px 600px 0px 40px;
	margin: 0px;
}
.war {
	height: 700px;
	width: 384px;
	background: #984014 url(images/wartime_03.jpg) no-repeat;
	padding: 40px 600px 0px 40px;
	margin: 0px;
}
.nhs {
	height: 700px;
	width: 384px;
	background: #984014 url(images/nhs_03.jpg) no-repeat;
	padding: 40px 600px 0px 40px;
	margin: 0px;
}
.hall {
	height: 700px;
	width: 384px;
	background: #984014 url(images/hall_03.jpg) no-repeat;
	padding: 40px 600px 0px 40px;
	margin: 0px;
}
.ceremony {
	height: 700px;
	width: 384px;
	background: #984014 url(images/ceremony_03.jpg) no-repeat;
	padding: 40px 600px 0px 40px;
	margin: 0px;
}
.cadets {
	height: 700px;
	width: 384px;
	background: #984014 url(images/cadets_03.jpg) no-repeat;
	padding: 40px 600px 0px 40px;
	margin: 0px;
}
.badgers {
	height: 700px;
	width: 384px;
	background: #984014 url(images/badgers_03.jpg) no-repeat;
	padding: 40px 600px 0px 40px;
	margin: 0px;
}
.today {
	height: 700px;
	width: 384px;
	background: #984014 url(images/today_03.jpg) no-repeat;
	padding: 40px 600px 0px 40px;
	margin: 0px;
}

.nav ul
{
	list-style: none;
	text-align: center;
}

.nav li
{
	float: left;
	text-align: center;
	margin-right: 0.2em;
	margin-left: 0.2em;
}
.nav li a
{
	float: left;
	width: 7.7em;
	display: block;
	border: 0.1em solid #936519;
	color: #FFF;
	text-decoration: none;
	background: #333;
	font: 11.5px Arial, Helvetica, sans-serif;
	height: 2.5em;
	padding-top: 4px;
	padding-bottom: 4px;
}

.nav li a:hover{
	background: #666;
}