body {
	font-family: Arial, Helvetica, sans-serif; font-size: 100%;
	background: #FFFFFF; margin: 0; padding: 0;
}

.container {
	width: 950px; margin: 0 auto 0 auto;
}

#page { background: #F4F4F4; }
#logo { margin: 12px 0 0 12px; }

#content { padding-bottom: 12px; float: left; }

.column { width: 310px; margin-right: 10px; float: left; font-size: 75%; line-height: 150%; color: #666666; }
.column h2 {
	font-family: Georgia, Times New Roman, serif; font-weight: normal;
	font-size: 160%; margin: 0 0 0.5em 0; padding: 0;
}

.column h3 {
	font-weight: bold; font-size: 120%; margin: 0 0 0.5em 0; padding: 0;
}

.column.first { width: 267px; padding-left: 12px; clear: both; }
.column.last { width: 329px; padding-right: 12px; margin-right: 0; }
.column.full { width: 639px; padding-right: 12px; margin-right: 0; }
.column.half { width: 133px; margin-right: 10px; }

.column ul { margin: 1em 0 1em 1em; padding: 0; list-style-type: square; }
.column ol { margin: 1em 0 1em 1em; padding: 0; }
.column p { margin: 0.5em 0 0.5em 0; }
.column address { margin: 0.5em 0 0.5em 0; font-style: normal; }
.column a { color: #000000; }
.column a:hover { text-decoration: none; }
.column a.read-more { color: #333333; text-decoration: none; }
.column a.read-more:hover { text-decoration: underline; }

.page-column h2 { color: #52AC46; }
.events-column h2 { color: #457E9F; }
.column h2 a { color: #457E9F; text-decoration: none; }
.column h2 a:hover { text-decoration: underline; }
.comments-column h2 { color: #333333; }
.comments-column h2 a { color: #333333; text-decoration: none; }

ul.errorlist { color: #660000; margin: 0 0 0 200px; padding: 0; list-style-type: none; }

#upcoming-events { margin: 0; padding: 0; list-style-type: none; }
#upcoming-events li { margin-bottom: 1em; clear: both; font-size: 95%; line-height: 130%; }
#upcoming-events h3 { margin: 0; padding-top: 10px; font-weight: normal; color: #000000; font-size: 110%; }
#upcoming-events h3 a { color: #000000; text-decoration: none; }
#upcoming-events h3 a:hover { text-decoration: underline; }
#upcoming-events .event-date { color: #333333; margin-bottom: 0.5em; }

.event-thumbnail {
	width: 156px; height: 141px; padding: 10px; background: url('../img/event-thumbnail.jpg') top left;
	float: left; margin-right: 5px;
}

.event-thumbnail img { display: block; }

#latest-comment { background: url('../img/comment-header.jpg') no-repeat; padding: 16px 0 0 0; margin-bottom: 1em; }
#latest-comment .quote-mark { display: block; float: left; margin: 0 10px 0 0; }
#latest-comment blockquote {
	display: block; float: left; width: 297px; background: #FFFFFF url('../img/comment-body.jpg');
	margin: 0; padding: 8px 16px 8px 16px; color: #666666; font-size: 90%; line-height: 150%;
}
#latest-comment blockquote span { width: 254px; float: left; }
#latest-comment .footer {
	clear: both; background: #FFFFFF url('../img/comment-footer.jpg'); height: 16px;
}

ul#photo-list { width: 100%; margin: 0 0 1em 0; padding: 0; list-style-type: none; text-align: center; }
ul#photo-list li { display: inline; }

#twitter .quote-mark { display: block; float: left; margin-right: 5px; }
#twitter .tweet { width: 303px; float: left; }
#twitter .tweet a { color: #333333; text-decoration: none; }
#twitter .tweet a:hover { text-decoration: underline; }

table { width: 100%; }
th, td { text-align: left; font-size: 100%; vertical-align: top; }
tr { background: #FFFFFF; }
tr.alt { background-color: #F4F4F4; }
.date-column { white-space: nowrap; }
.events-table .date-column { width: 25%; }
.events-table .name-column { width: 40%; }

h2 .event-date { font-size: 65%; color: #999999; font-family: Arial, Helvetica, sans-seif; }

ol.form-fields { padding: 0; margin: 0; list-style-type: none; }
ol.form-fields li { margin-bottom: 0.5em; }
ol.form-fields label { display: inline; float: left; width: 190px; margin-right: 10px; }

input, textarea {
	border: 1px solid #CCCCCC; padding: 5px; width: 407px;
	font-family: Arial, Helvetica, sans-serif; font-size: 100%;
}

.field-error input, .field-error textarea { border-color: #660000; }

textarea { height: 6em; }
input.button { width: 11em; background: #660000; color: #FFFFFF; }
.form-column input.button { margin-left: 200px; }
.help-text {
	display: block; clear: both; color: #999999; font-style: italic;
	margin-left: 200px;
}

.notify_of_replies input { width: 16px; margin-left: 200px; display: inline; float: left; }

ol.child-list { display: block; margin: 0 0 0 -12px; padding: 0; list-style-type: none; }
.child-list li { margin-bottom: 5px; padding: 5px 12px 5px 12px; background-color: #D4D4D4; }
.child-list h3 { margin: 0; font-weight: normal; }
.child-list a { color: #333333; text-decoration: none; }
.child-list a:hover { text-decoration: underline; }
.child-list a.selected { color: #009900; }
.child-list ol { margin: 5px -12px -5px -12px; padding: 0; list-style-type: none; }
.child-list ol li { padding-left: 0; padding: 5px 12px 5px 12px; margin-bottom: 0; background-color: #F4F4F4; }

#site-explorer {
	clear: both; background: #DAE7EF url('../img/site-explorer.jpg') repeat-x; padding: 12px;
	font-size: 80%;
}

#site-explorer ol a { color: #333333; text-decoration: none; }
#site-explorer ol a:hover { text-decoration: underline; }
#site-explorer ol { margin: 0; padding: 0; list-style-type: none; float: left; width: 140px; margin-right: 10px; }
#site-explorer li { margin-bottom: 0.25em; }
#site-explorer ol ol { margin-top: 0.25em; }
#site-explorer ol ol a { color: #65696C; }
#site-explorer h3 { font-size: 100%; margin: 0; padding: 0; }

#footer { background: #333333; color: #CCCCCC; padding: 12px; font-size: 87.5%; }
#footer a { color: #FFFFFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }