body {
	margin: 0;
	padding: 0;
	background-color: #ebeffd;
	background-image: url(../images/SkyGradient.png);
	background-attachment: fixed;
	background-repeat: repeat-x;
}
/* ! Generic Styles */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
}

/* ! Page Styles */
#PageWrapper {
	margin: 0;
	padding: 0;
	background-image: url(../images/Clouds.png);
	background-attachment: fixed;
	background-position: center -25px;
	background-repeat: no-repeat;
}
#Page,
.page {
	width: 960px;
	margin: auto;
	padding: 0;
}
/* ! SiteHeader Bar Styles */
#SiteHeader {
	position: relative;
	margin: 0;
	padding: 1em 0 0 0;
	text-align: center;
}
#SiteHeader .left {
	width: 44%;
}
#SiteHeader .center,
#SiteHeader .right {
	position: absolute;
	top: .75em;
	width: 28%;
	padding-top: .5em;
	font-size: .85em;
}
#SiteHeader .center{
	left: 44%;
}
#SiteHeader .right {
	right: 0;
	top: 1em;
}
#SiteHeader h1,
#SiteHeader h2,
#SiteHeader h3 {
	margin: 0;
}
#SiteHeader h2 {
	margin-bottom: 1em;
}
#SiteHeader ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#SiteHeader .center > ul {
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
}
#SiteHeader .center ul li {
	font-weight: bold;
}
#SiteHeader .center ul ul li {
	font-weight: normal;
}
/* ! Seasonal Features */
#SeasonalFeatures {
	clear: both;
	margin: .75em 0;
	padding: .25em;
	color: #808080;
	text-align: center;
	background-color: #ffffff;
	opacity: .5;
	-webkit-border-radius: 1em;
}
#SeasonalFeatures h3 {
	display: inline;
	font-size: 1em;
}
#SeasonalFeatures h3:after {
	content: ":";
}
#SeasonalFeatures ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
#SeasonalFeatures ul li {
	display: inline;
}
#SeasonalFeatures ul li:not(:last-child):after {
	content: ",";
}
/* ! Content Styles */
#Content {
	margin: 0;
	padding: 1em 1em 60px 1em;
	background-color: #ffffff;
	-webkit-border-radius: 1em;
}
#Content.floatLayout {
	overflow: hidden;
}
#LeftContent {
}
#RightContent {
}
#Content.floatLayout #RightContent {
	float: left;
	width: 100%;
	margin: 0 0 1em 1em;
}

.section {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #a0a0a0;
	-webkit-border-radius: 8px;
}
.section.green {
	background-color: #dfe8cb;
	border-color: #cedfa7;
}
.section.blue {
	background-color: #dfe7f5;
	border-color: #d0dbef;
}

/* ! Weekly Offerings */
.offerings {
	margin: 0;
	padding: 1em;
}
.offerings * {
	margin: 0;
}
.offerings ul {
	font-size: .85em;
}

/* ! Music */
.music {
}
.music * {
	margin: 0;
}

/* ! Events */
.events {
}
.events * {
	margin: 0;
}

/* ! Vendor Styles */
.vendors {
	padding-bottom: 1px;
}

/* ! Sponsor Styles */
.sponsors {
	padding-bottom: 1px;
}



/* ! Footer Styles */
#Footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
	color: #ffffff;
	font-size: .75em;
	background-image: url(../images/Grass.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#Footer .page {
	padding: 3em 0 0 0;
}
#Footer p {
	margin: 0;
	padding: .5em 1.25em;
}
#Footer .right {
	float: right
}



/* ! Button Styles */
ul.buttons {
	list-style: none;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
ul.buttons li {
	margin: 0 1%;
	padding: 1%;
}
ul.buttons.vertical li {
	margin: .5em 0;
}
ul.buttons.three li {
	float: left;
	width: 29%;
	margin: 0 1%;
	padding: 1%;
}
ul.buttons.four li {
	float: left;
	width: 21%;
	margin: 0 1%;
	padding: 1%;
}
.button {
	font-family: "Lucida Grande", "Arial", sans-serif;
	background-color: #b0b0b0;
	border: 1px solid #a0a0a0;
	background: -webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#909090));
	-webkit-border-radius: 8px;
}
.button a,
.button a:active,
.button a:visited {
	color: #325a9e;
	text-decoration: none;
}
.button a:hover {
	color: #ffffff;
}
.button.green {
	background-color: #bddb86;
	border-color: #a2bc73;
	background: -webkit-gradient(linear, left top, left bottom, from(#bddb86), to(#a2bc73));
}
.button.blue {
	background-color: #acc2e8;
	border-color: #7499d6;
	background: -webkit-gradient(linear, left top, left bottom, from(#acc2e8), to(#7499d6));
}

/* ! Colorbox Styles */
#MapContainer {
	margin: 0;
	padding: 5px;
	background-color: #ffffff;
}
#MapContainer h1 {
	font-size: 1.5em;
}
#MapContainer p.right {
	margin: 0;
	padding: 0;
	font-size: .75em;
	text-align: right;
}
.map.canvas {
	width: 880px;
	height: 500px;
}