body {
	background-color: #C2C2C2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
#PageFooter {
	background-color: #3b3021;
	color: #FFFFFF;
	padding: 20px;
	text-align: center;
}
#PageHeader {
	background-color: #4B3021;
}
#PageHeader nav {
	text-align: center;
	padding-top: 20px;
}

#PageFooter p a {
	color: #FF9731;
}
#PageHeader nav ul li {
	display: inline-block;
}
#PageHeader nav ul li a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
#PageHeader #Logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}
#PageBanner  {
	height: 300px;
	background-image: url(../images/banner.jpg);
	background-size: cover;
	background-position: center center;
	padding-top: 200px;
	padding-left: 100px;
}
#PageBanner h1  {
	color: white;
	font-size: 40px;
	margin-bottom: 5px;
}
#PageBanner h1 strong {
	margin-bottom: 5px;
	font-size: 70px;
	color: #E07D0E;
	display: block;
	font-family: "Brush Script MT";
	font-weight: lighter;
}
#PageBanner p {
	color: white;
	font-size: 20px;
}
#PageHeader #Logo {
	margin-bottom: -100px;
	margin-right: auto;
}
#PageHeader #Logo img {
	width: 200px;
	height: auto;
}
#PageMain {
	background-color: white;
	max-width: 1200px;
	margin-left: auto;
	padding: 20px;
	margin-right: auto;
}
.typography h2 {
	font-size: 26px;
	line-height: 1.4;
}

.typography h3 {
	color: #4b3021;
	border-bottom: 2px solid #4B3021;
	padding-bottom: 4px;
	line-height: 1.4;
	margin-top: 20px;
	margin-bottom: 5px;
	width: 80%;
}

.typography h4 {
	font-size: 20px;
	margin-bottom: 4px;
	line-height: 1.4;
	width: 80%;
}

.typography p,
.typography li {
	line-height: 1.4;
	font-size: 20px;
}

.typpgraphy p {
	margin-bottom: 20px;
}.typography .float-right {
	float: right;
	border-bottom: 2px solid #E07D0E;
}
#PageHeader nav ul li a.current {
	color: #E07D0E;
}
