body { background: #fff url('/images/bg.gif') repeat-y top left; color: #555; font: normal 12px/18px Arial, sans-serif; margin: 0px; padding: 0px; }

html, body { margin: 0px; padding: 0px; }

* { margin: 0px; padding: 0px; border: 0px; }

a:link { color: #39b03d; text-decoration: none; }

a:visited { color: #39b03d; text-decoration: none; }

a:hover { color: #39b03d; text-decoration: none; }

a:active { color: #39b03d; text-decoration: none; }

a:hover img { background-color: transparent; } 

h1 { color: #39b03d; font: normal bold 16px/16px Arial, serif; margin: 0 0 15px 0; }

h2 { color: #551292; font: normal normal 16px/16px Arial, serif; margin: 0 0 4px 0; }

.clearfloats { clear: both; }

#siteContainer { font: normal 14px/18px Arial, sans-serif; color: #000; }
#header { height: 202px; background: #fff url('/images/bgNav.gif') no-repeat top left; }
#headerLeft { width: 598px; float: left; }
#headerRight { width: 402px; float: left; }

#logoArea { width: 169px; padding: 15px 0px 0 30px; float: left; } 
#floatingImage { width: 203px; float: left; }

#leftArea { width: 465px; min-height: 700px; float: left; padding: 20px 40px 40px 83px; background: #fff; }
#rightArea { margin-left: 598px; min-height: 700px; }
#rightAreaContent { width: 220px; padding-top: 20px; float: left; }

.contentArea { font: normal bold 16px/20px Arial, serif; color: #551292; }
.contentArea span { color: #39b03d; }

.homeContentArea { border-bottom: 1px solid #bebebe; font: normal bold 18px/22px Arial, serif; color: #551292; padding: 0 20px 20px 20px; }
.homeContentArea span { color: #39b03d; }

#homeAnnouncements { width: 425px; border-bottom: 1px solid #bebebe; padding: 20px 20px 0 20px; margin-bottom: 20px; }
#homeAnnouncementsLeft { width: 118px; padding-right: 30px; float: left; }
#homeAnnouncementsRight { width: 220px; float: left; }
#homeMoreInfo { color: #551292; font: normal normal 16px/20px Arial, serif; margin: 4px 0 20px 0; }

#navAreaDecoration { width: 598px; height: 88px; margin-bottom: 11px; }

#navcontainer { margin-bottom: 6px; }
ul#navlist { margin-left: 30px; padding-left: 0; white-space: nowrap; }
#navlist li { display: inline; list-style-type: none; }
#navlist a { padding: 3px 10px; font: bold normal 18px/18px Arial, serif; }
#navlist a:link, #navlist a:visited { color: #000; background-color: #fff; text-decoration: none; }
#navlist a:hover { color: #000; background-color: #e7f5cd; text-decoration: none; }
#navlist li a#current, #navlist li a#current:link { color: #000; background-color: #e7f5cd; text-decoration: none; }

ul#subnavlist { margin-left: 30px; padding-left: 0; white-space: nowrap; }
#subnavlist li { display: inline; list-style-type: none; }
#subnavlist a { padding: 3px 10px; font: bold normal 12px/12px Arial, serif; }
#subnavlist a:link, #subnavlist a:visited { color: #551292; text-decoration: none; }
#subnavlist a:hover { color: #000; text-decoration: none; }
#subnavlist li a#subcurrent, #subnavlist li a#subcurrent:link { color: #000; text-decoration: none; }

.defaultWidgets { width: 220px; padding-bottom: 30px; font: normal normal 11px/14px Arial, sans-serif; color: #555; }
.defaultWidgets a { color: #551292; }
.defaultWidgets span { color: #551292; font-weight: bold; } 
.widgetImageSpacer { margin-bottom: 10px; }

.recentPhotosWidgets { width: 220px; margin-bottom: 30px; font: normal normal 11px/14px Arial, sans-serif; color: #555; }
.recentPhotosGallery { width: 239px; height: 182px; background: #fff url('/images/bgRecentPhotos.gif') no-repeat top left; }
.recentPhotos { padding: 15px 0px 0px 15px; }
.recentPhotos a { color: #551292; }
.recentPhotos span { color: #551292; font-weight: bold; } 

.calendarWidget { width: 220px; margin-bottom: 30px; font: normal normal 11px/14px Arial, sans-serif; color: #555; }
.calendarWidgetLeft { width: 62px; padding-right: 15px; float: left; }
.calendarWidgetRight { width: 143px; float: left; padding-top: 10px; text-transform: uppercase; }
.calendarWidget a { color: #39b03d; }

.upcomingEventsWidget { width: 220px; margin-bottom: 30px; font: normal normal 11px/14px Arial, sans-serif; color: #555; }
.upcomingEventsWidget .eventName { color: #551292; }
.upcomingEventsWidgetLeft { width: 62px; padding-right: 15px; float: left; }
.upcomingEventsWidgetRight { width: 143px; padding-top: 8px; float: left; }
.upcomingEventsWidget a { color: #39b03d; }


#footerArea { padding: 65px 0 0px 0px; color: #000; }
#footer { font: normal normal 10px/14px Arial, sans-serif; text-transform: uppercase; }
#footer a { color: #000; text-decoration: underline; }
#footer a#currentFooter { color: #fff; text-decoration: none; }


/* SPECIFIC PAGE CSS */
.newsletterFeatured { width: 465px; margin-bottom: 20px; padding-bottom: 10px; font: normal normal 11px/14px Arial, sans-serif; color: #555; border-bottom: 1px solid #bebebe; }
.newsletterFeaturedLeft { width: 82px; padding-right: 10px; float: left; }
.newsletterFeaturedRight { width: 373px; float: left; }

.newsletterArchive { width: 465px; margin-bottom: 20px; font: normal normal 11px/14px Arial, sans-serif; color: #555; }
.newsletterArchiveLeft { width: 28px; padding-right: 10px; float: left; }
.newsletterArchiveRight { width: 427px; float: left; }

.eventMonth { width: 465px; border-bottom: 1px solid #bebebe; margin-bottom: 30px; }
.events { width: 465px; margin-bottom: 20px; padding-bottom: 10px; font: normal normal 11px/14px Arial, sans-serif; color: #555; }
.eventsLeft { width: 160px; padding-right: 10px; float: left; }
.eventsRight { width: 295px; float: left; }
.eventTitle { color: #551292; font: normal normal 16px/16px Arial, serif; margin: 4px 0 4px 0; }
.eventDate { padding: 2px; font: normal normal 10px/16px Arial, serif; background: #cdebce; color: #551292; text-transform: uppercase; }


/* MODAL WINDOW */
#windowHeader { background: #fff; padding: 10px 20px; font: bold italic 21px/24px Arial, serif; color: #0f76bd; }
#windowClose { background: #f89827; padding: 5px 20px; font: bold italic 14px/14px Arial, serif; color: #fff; } 
#windowClose a { color: #fff; }
#windowContent { width: 410px; margin: 20px 0px; padding: 0 30px 20px 20px; height: 340px; overflow: auto; }
.withBullets ul { list-style: square; }
.withBullets ul li { margin-left: 14px; }


/* FORM DESIGNS */
.labelLarge { width: 460px; margin-bottom: 8px; font: normal normal 10px/12px Arial, sans-serif; text-transform: uppercase; }
.labelLeft { width: 225px; padding-right: 10px; margin-bottom: 8px; float: left; font: normal normal 10px/12px Arial, sans-serif; text-transform: uppercase; }
.labelRight { width: 225px; margin-bottom: 8px; float: left; font: normal normal 10px/12px Arial, sans-serif; text-transform: uppercase; }
.inputHelper { padding-top: 6px; font: normal 11px/14px Arial, sans-serif; }
.inputSm { width: 213px; padding: 5px; margin-top: 5px; font: normal normal 14px/18px Arial, sans-serif; border: 1px solid #838383; }
.textAreaLarge { width: 450px; padding: 5px; margin-top: 5px; font: normal normal 14px/18px Arial, sans-serif; border: 1px solid #898989; }
.textAreaSmall { width: 213px; padding: 5px; margin-top: 5px; font: normal normal 14px/18px Arial, sans-serif; border: 1px solid #898989; }
.selectSmall { width: 223px; padding: 0px; margin-top: 5px; font: normal normal 14px/18px Arial, sans-serif; border: 1px solid #898989; } 
.selectNoSize { color: #000; font: normal 11px/14px Arial, sans-serif; margin: 4px 0; border: 1px solid #abadb3; }
.submitBtn { font: normal normal 14px/18px Arial, sans-serif; padding: 6px; background: #39b03d; color: #fff; }


.errorArea { background-color: #f1f1f1; color: #333333; padding: 20px; width: 90%; margin: 20px 0; font-size: 12px; border: 1px solid #666; }
.errorText { color: #ff0000; }
.errorArea ul { margin-left: 15px; }