@charset "UTF-8";
/* CSS Document */

@import "light.css";
h4.extraInfo{ margin-top: 25px; }
#contentBody{ margin-top: 15px; }

#contentHolder .overview{ float: none; color: #444; padding: 20px 0; line-height: 1.5em;
	font: italic 18px Georgia, "Times New Roman", Times, serif; }
#contentHolder .overview a{ color: #950; text-decoration: none; font: italic 18px Georgia, "Times New Roman", Times, serif; }

#news, #feedback{ padding: 0px 0; margin: 0 11px; }

#news p.right{ padding-right: 25px; }
#news p.right, #news p.right a{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #888; font-size: 11px; text-decoration: none; }
#news p.right a:hover{ text-decoration: underline; }
#events{ padding: 15px 0; margin: 0 15px; }



.newsItem{ clear: both; padding: 0px 0; border-bottom: 1px solid #e4e8e8; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify }
.eventItem{ clear: both; padding: 15px 0; border-bottom: 1px solid #e4e8e8; }
.eventItem p{ line-height: 1.5em; }

.eventItem h2{ font-size: 14px; color: #005c8b; }
.newsItem > img{ float: left; display: inline; margin-right: 15px; border: solid 7px #BBA; }
.newsItem p, .eventItem p{ margin: 10px 6px 0 0; }
#newsFooter{ clear: both; padding: 12px 0 ; background: url(newsDots.gif) repeat-x left bottom; }

#feedbackContent{ padding: 12px 35px 12px 160px; background: url(bg-feedback.jpg) no-repeat left top; clear: both; }
#feedbackContent h3{ font: italic 18px Georgia, "Times New Roman", Times, serif; color: #444; line-height: 150%; }
#feedbackContent p, #feedbackContent p a{ font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; color: #444; }
#feedbackContent p a{ color: #A60; text-decoration: none; }
#feedbackContent p a:hover{ text-decoration: underline; }

#featuredEvent{ background: #FEA url(header-featuredEvent.gif) no-repeat left top; margin-top: 5px;; margin-left:-1px }
*html #featuredEvent{ background: #FEA url(header-featuredEvent.gif) no-repeat left top; margin-top: 5px; width:230px ; margin-right:-30px }


.featuredEventItem{ padding: 0 10px; margin: 0; }

*html .featuredEventItem{ padding: 0 10px; margin: 0; }
.imageHolder{ background: url(bg-image-top.gif) no-repeat left top; padding-top: 10px; margin: 12px 0 ; }
.imageHolder img{ border-left: 10px solid #d1c38b; border-right: 10px solid #d1c38b; }
.imageFooter{ width: 206px; height: 10px; background: url(bg-image-bottom.gif) no-repeat left bottom; line-height: 1px; margin: 0; padding: 0; }
.featuredEventNav{ width: 70px; margin-right: 12px; display: inline; }
.featuredEventNav .next, .featuredEventNav .prev{ text-indent: -5000px; display: block; width: 30px; height: 30px; 
	background-image: url(prev-next.gif); background-repeat: no-repeat; }
.featuredEventNav .next{ background-position: -30px top; margin-left: 5px; }	
.featuredEventNav .next:hover{ background-position: -30px -30px; }
.featuredEventNav .prev{ background-position: left top; }	
.featuredEventNav .prev:hover{ background-position: left -30px; }
#findMoreEvents{ background: #555 url(header-find-events.gif) no-repeat 12px 15px; padding: 30px 0 0; }
.selection{ display: block; width: 100%; height: 31px; margin-top: 2px; 
	background: transparent url(selection.gif) no-repeat left top; }
.selection input{ margin: 8px 10px 0 15px; }
.selection label{ }


.dateInput{ display: block; padding: 5px 0 5px 12px; background-color: #606060; margin-top: 5px; }
.dateInput.last{ margin-bottom: 12px; }
.startStop{ float: left; display: inline; width: 45px; height: 15px; line-height: 15px;
	background-image: url(start-stop.gif); text-indent: -5000px; margin: 12px 5px 0 0; }
#startDate{ background-position: left top; }
#stopDate{ background-position: left -15px; }
.dark-input-120{ border: medium none; color: #666; height: 15px; width: 94px; padding: 11px 13px; margin-right: 5px;
	background: transparent url(input-120.gif) no-repeat scroll left top; }
.selectCalendar{ margin-top: 8px; }
.findEventsFooter{ background-color: #FFF; margin-top: 5px; }
.findEventsFooter p{ margin: 5px 0 0 12px; color: #888; }
.findEventsFooter p a{ color: #888; text-decoration: none; }
.findEventsFooter p a:hover{ text-decoration: underline; }
.btnGo{ float: right; display: inline; text-indent: -5000px; height: 35px; width: 85px; margin-top: -5px;
	background: url(btn-go.gif) no-repeat left top; }
.btnGo:hover{ background-position: left -35px; }

#contentHolder p, table{ color: #444; margin: 22px 20px 0 0;
	font: 14px Georgia, "Times New Roman", Times, serif; line-height: 1.5em; }


.more{ float: right; width: 54px; height: 21px; text-indent: -5000px; display: inline;
	background: url(moreNews.gif) no-repeat left top; margin-top: 10px; }
.more:hover{ background-position: left -21px; }