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

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers.*/
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #FFFFFF;
}


#content
{
	width: 830px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#content .topBanner{
	width: 810px;
	height:75px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 5px;
}

#content .topBannerLogo{
	width: 470px;
	height:75px;
	float:left;
	text-align: left;
	}

#content .topBannerSelect{
	width: 300px;
	height:75px;
	float:right;
	padding-right: 2px;
	padding-top: 2px;
}

#content .shadowBoxContainer{
	width: 600px;
}

#content .shadowBoxMiddle{
}

#content .shadowBoxTop{
	width: 800px;
	height:5px;
	background-image: url(/SplashImages/backs/BoxShadowTop.png);
	background-repeat: no-repeat;
}

#content .shadowBoxBottom{
	width: 800px;
	height:5px;
	background-image: url(/SplashImages/backs/BoxShadowBottom.png);
	background-repeat: no-repeat;
}

#content .footerLogo{
	text-align: right;
	padding-right: 50px;
}

/* slideshows
*/


#content .SlideShow {
	width: 320px;
	height:375px;
	float:left;
	top: 0;
	border: 0px;
	text-align: left;
	position:relative;
}

#content .imageElement {
	position:relative;
}

/* captions
*/
#content .captions {
	width: 270px;
	float:left;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#content .captionsLeftDrop {
	width: 20px;
	height:375px;
	float:left;
	top: 0;
	border: 0px;
	text-align: left;
	background-image: url(/SplashImages/backs/CaptionsLeftDrop.png);
	background-repeat: no-repeat;
}


#content .captionsText {
	background-color: transparent;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

#content .captionsMonth {
	font-size: 16px;
	font-weight: bold;
	color: #900;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content .captionsDate {
	font-size: 12px;
	font-weight: bold;
}

#content .captionsTitle {
	font-size: 12px;
}

#content .captionsBody  {
	height: 220px;	
	}

#content .captionsReadMore {
	font-weight: bold;
	text-align: right;
	color: #900;
	background-image: url(/includes/images/goArrow.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 25px;
}

#content .captions .captionsText h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #900;
	font-weight: bold;
	font-size: 16px;
	text-transform: none;
}
#content .captions .captionsText p {
	font-family: Arial, sans-serif;
	font-weight: normal;
	width:240px;
	font-size:100%;
}
#content .captions a{color:#900;}

/* locations */
#content .showLocations {
	width: 780px;
	height:375px;
	float:left;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #996;
}

/* thumbs
*/


/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {
	width:600px;
	display:block;
	position:relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{
	display:block;
	position:absolute;
	cursor:pointer;
	width:25px;
	height:140px;
	bottom:0px;
	right:5px;
	background-image: url(/SplashImages/slideitmoo_forward.png);
	background-repeat: no-repeat;
	background-position: center;
}
#SlideItMoo_outer .SlideItMoo_back {
	left:5px;
	background-image: url(/SplashImages/slideitmoo_back.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{
	position:relative;
	overflow:hidden;
	width:600px; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:0px 0px 0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items {
	width:600px;
	display:block;
	position:relative;
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element {
	display:block;
	position:relative;
	font-size:11px;
	width:140px;
	text-align:center;
	color:#FFFFFF;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: none;
	float: left;
}
#SlideItMoo_items a {
	padding:0px;
	clear:both;
	display:block;
	float:left;
	padding:0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#SlideItMoo_items a img{ border:none; }


#content .thumbContainer {
	width: 600px;
	height: 140px;
	background-repeat: no-repeat;
	margin-left: 0px;
}

/* general classes
*/
.clearFloats {
	clear: both;
}

.detailsLeftPanel {
	width: 340px;
	float:left;
	background:transparent;
}

.detailsRightPanel {
	width: 200px;
	float:left;
	background:transparent;
}

.detailsEventTitle {
	font-size: 16px;
	font-weight: bold;
	color: #900;
	padding-bottom:12px;
}

.detailsEventSubtitle {
	font-size: 14px;
	font-weight: bold;
	padding-bottom:12px;
}

.detailsEventSubtitleType {
	font-size: 14px;
	font-weight: bold;
}

.detailsEventBody {
	font-size: 12px;
	color: #666;
	padding-bottom:12px;
}