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

@import url("phase2base.css");
h1.eventsDetailsHeader {
	background: url(img/subHeader_news.png) no-repeat 0px 0px;
	text-align: left;
	text-indent: -999em;
	float: left;
	height: 50px;
	width: 980px;
}
h1.eventsListHeader {
	background: url(img/subHeader_events.png) no-repeat 0px 0px;
	text-align: left;
	text-indent: -999em;
	float: left;
	height: 50px;
	width: 980px;
}
#eventsCol1 h4.viral {
	font-size: 11px;
	line-height: 28px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	margin-top: 28px;
	height: 28px;
	float: left;
	width: 100%;
}
#eventsCol1 h4.viral a {
	margin-right: 24px;
	padding-left: 23px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#eventsCol1 h4.viral a.email_link {
	background: url(img/icon_email.png) no-repeat left center;
}
#eventsCol1 h4.viral a.print_link {
	background: url(img/icon_print.png) no-repeat left center;
}
#eventsCol1 h4.viral a.share_link {
	background: url(img/icon_share.png) no-repeat left center;
}
#eventsCol1 p {
	font-size: 13px;
	line-height: 19px;
	margin-top: 15px;
}
#eventsCol1 p.breadcrumbs {
	margin-top:0px;
	font-size:11px;
}
#eventsListCol1  h2.eventsListSubHeader {
	font-size: 21px;
	line-height: 48px;
	color: #003e86;
	text-align: left;
	float: left;
	width: 100%;
	margin-top: 24px;
	position: relative;
}
#eventsListCol1 h2.eventsListSubHeader span {
	font-size: 11px;
	font-weight: normal;
	line-height: 48px;
	height: 48px;
	background: url(img/eventsCommunityIconSmall.png) no-repeat right center;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 28px;
	text-align: right;
	width: 200px;
}
#eventsShowing {
	float: left;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}
#eventsShowing h3 {
	font-size: 12px;
	font-weight: normal;
	line-height: 28px;
	float: left;
	width: 50%;
}
#eventsShowing form {
	text-align: right;
	float: right;
	width: 50%;
}
#eventsShowing select {
	padding: 4px;
	border: 1px solid #e2e2e2;
}
#eventsListCol1    ul, .relatedEvents {
	float: left;
	width: 592px;
}
#eventsListCol1   ul   li, .relatedEvents  li {
	border-bottom: 1px solid #e2e2e2;
	float: left;
	width: 560px;
	list-style: url(none) none;
	padding: 16px;
}
.relatedEvents li {
	border-top: 1px solid #cacaca;
	border-bottom-style: none;
}
.relatedEvents li.first {
	border-top-style: none;
	border-bottom-style: none;
}

#eventsListCol1     ul     li    a   img, .relatedEvents  li  a  img {
	float: right;
	padding: 2px;
	border: 1px solid #e2e2e2;
}
#eventsListCol1   ul   li   a:hover   img, .relatedEvents  li  a:hover  img {
	background:#FFFFFF;
	border: 1px solid #FFFFFF;
}
#eventsListCol1      ul      li      div.eventDate, .relatedEvents  li  div.eventDate {
	float: left;
	width: 41px;
	text-align: center;
	font-size: 12px;
}
#eventsListCol1   ul   li   div.bbEvent, .relatedEvents  li  div.bbEvent {
	background: url(img/eventsCommunityIconWhite.png) no-repeat center bottom;
	padding-bottom: 32px;
}
#eventsListCol1   ul   li   div.eventDate   strong, .relatedEvents  li  div.eventDate  strong {
	color: #CC0000;
	background: #FEE8E5;
	width: 41px;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
}
#eventsListCol1   ul   li   h1, .relatedEvents  li  h1 {
	color: #003e86;
	font-size: 14px;
	margin-right: 84px;
	margin-left: 55px;
}
#eventsListCol1   ul   li   p, .relatedEvents  li  p {
	font-size: 13px;
	margin-right: 84px;
	margin-left: 55px;
	margin-top: 2px;
}
#eventsListCol1   ul   li   h5, .relatedEvents  li  h5 {
	font-size: 11px;
	color: #909090;
	margin-top: 2px;
	font-weight: normal;
	margin-right: 84px;
	margin-left: 55px;
}
#eventsListCol1   ul   li   h6, .relatedEvents  li  h6 {
	font-size: 11px;
	margin-top: 8px;
}
#eventsListCol1   ul   li   a, .relatedEvents  li  a {
	color: #003e86;
}
#eventsListCol1   ul   li   h6   a    {
	text-transform: uppercase;
	background: url(img/smallRedArrow.png) no-repeat left center;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 11px;
}
p.rlink {
	font-size: 12px;
	line-height: 36px;
	text-align: right;
	font-weight: bold;
	float: left;
	width: 100%;
}
p.rlink a {
	color: #003E86;
	text-decoration: none;
	background: url(img/smallRedArrow.png) no-repeat left center;
	padding-left: 12px;
}
p.rlink a:hover {
	text-decoration: underline;
}

#calendarPanel {
	float: left;
	width: 300px;
	background: url(img/homeCol3Shadow.png) no-repeat left bottom;
	padding-bottom: 25px;
	margin-top: 24px;
}
#calendarWrapper {
	background: #FFFFFF;
	padding: 2px;
	float: left;
	width: 294px;
	border: 1px solid #cacaca;
}
div.calendar {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 294px;
	clear: left;
	text-align: left;
	background: url(img/bg_calendar_date.png) repeat-y left top;
	border-top: 1px solid #cacaca;
	border-right-color: #cacaca;
	border-bottom-color: #cacaca;
	border-left-color: #cacaca;
}
div.calendar_header {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 294px;
	clear: left;
	color: #003e86;
	background: url(img/bg_calendar_header.png) repeat-x 0px 0px;
	border-bottom: 1px solid #D1E5F8;
}

div.calendar_arrow_left, div.calendar_arrow_right {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 42px;
	line-height: 46px;
}

div.calendar_arrow_left a, div.calendar_arrow_right a {
	text-indent: -999em;
	float: left;
	height: 46px;
	width: 42px;
}
div.calendar_arrow_left a {
	background: url(img/calendar_arrows_sprite.png) no-repeat 0px -46px;
}
div.calendar_arrow_left a:hover {
	background: url(img/calendar_arrows_sprite.png) no-repeat 0px 0px;
}
div.calendar_arrow_right a {
	background: url(img/calendar_arrows_sprite.png) no-repeat -42px -46px;
}
div.calendar_arrow_right a:hover {
	background: url(img/calendar_arrows_sprite.png) no-repeat -42px 0px;
}
div.calendar_month {
	background: url(img/calendar_cheader_bg.png) repeat-x;
	font-size: 16px;
	text-transform: uppercase;
	height: 46px;
	width: 210px;
	line-height: 46px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
}
div.date, div.outdate {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 33px;
	width: 42px;
	border-bottom: 1px solid #cfcfcf;
	font-size: 12px;
	line-height: 33px;
	font-weight: bold;
	text-align: center;
	background: url(img/bg_calendar_date.png) repeat-y right top;
}
div.outdate {
	color: #ccc;
}
div.date a {
	float: left;
	height: 31px;
	width: 39px;
	color: #cc0000;
	text-decoration: none;
	background: #fee8e5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	line-height: 31px;
}
div.date a:hover {
	color: #fff;
	text-decoration: none;
	background: #CC0000;
}
#eventLinks {
	float: left;
}
#eventLinks li {
	width: 294px;
	border-top: 1px solid #fff;
	float: left;
}
#eventLinks a {
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	float: left;
	height: 28px;
	width: 294px;
	background: url(img/bg_calendar_links_sprite.png) repeat-x 0px 0px;
	text-transform: uppercase;
	text-decoration: none;
}
#eventLinks a:hover {
	background: url(img/bg_calendar_links_sprite.png) repeat-x 0px -28px;
}
#eventTopBreakout {
	float: left;
	width: 582px;
	border: 5px solid #b2d1f2;
	margin-top: 24px;
}
#eventTopBreakout div {
	background: #fff url(img/bg_eventTopBreakout.png) repeat-x 0px 0px;
	padding: 10px;
	float: left;
	width: 560px;
	border: 1px solid #fff;
}
#eventTopBreakout div img {
	float: right;
}
#eventTopBreakout div h2 {
	font-size: 21px;
	font-weight: normal;
	color: #003e86;
	margin-right: 164px;
}
#eventTopBreakout div h3 {
	font-size: 12px;
	margin-top: 8px;
	margin-right: 164px;

}
#eventTopBreakout div p {
	font-size: 12px;
	margin-top: 8px;
	margin-right: 164px;
}
#eventTopBreakout div a {
	color: #003E86;
	text-decoration: none;
}
#eventTopBreakout div a:hover {
	color: #CC0000;
	text-decoration: underline;
}

#eventsSocial {
	border:1px solid #cadef3;
	float:left;
	margin-top:24px;
	width:203px;
	margin-right: 24px;
}

#eventsSocial div {
	background:#F6F6F6 url(img/bg_eventsSocial.png) no-repeat 0px 0px;
	border:1px solid #FFF;
	float:left;
	padding-bottom:8px;
	padding-top:51px;
	width:201px;
	text-align: center;
	height: 80px;
}
#eventsLowerBreakout {
	background: #fff;
	float: left;
	height: 141px;
	width: 361px;
	border: 1px solid #cadef3;
	margin-top: 24px;
}
#eventsLowerBreakout div {
	float: left;
	height: 139px;
	width: 359px;
	border: 1px solid #fff;
	background: #f1f8ff;
}
#eventsLowerBreakout div h3 {
	font-size: 17px;
	line-height: 33px;
	color: #003e86;
	margin-left: 8px;
	margin-right: 8px;
	background: url(img/eventsCommunityIcon.png) no-repeat 220px center;
	margin-top: 8px;
}
#eventsLowerBreakout div p {
	font-size: 12px;
	margin-right: 8px;
	margin-left: 8px;
	margin-top: 12px;
}
#eventsLowerBreakout div a {
	color: #003E86;
	text-decoration: none;
}
#eventsLowerBreakout div a:hover {
	color: #CC0000;
	text-decoration: underline;
}
#eventsListCol1     p.eventsListPaging {
	background: url(img/bg_homeBlueHeader.png) repeat-x left top;
	text-align: right;
	float: left;
	width: 582px;
	padding-right: 10px;
	font-size: 12px;
	height: 38px;
	margin-top: 0px;
	padding-top: 14px;
}
#eventsListCol1    p.eventsListPaging    a {
	background: #fff;
	padding: 4px 8px;
	margin-right: 4px;
	border: 1px solid #369;
	margin-top: 12px;
}
#eventsListCol1  p.eventsListPaging  a:hover {
	color: #fff;
	text-decoration: none;
	background: #003e86;
	border: 1px solid #003e86;
}
#eventsListCol1  p.eventsListPaging  a.current, #eventsListCol1  p.eventsListPaging  a.current:hover {
	color: #494949;
	background: transparent;
	padding: 5px 9px;
	border-style: none;
	cursor: default;
	font-weight: bold;
}
.eventDetailsDiv  {
	float: left;
	width: 393px;
	margin-top: 16px;
	margin-right: 55px;
}
.eventDetailsDiv h2 {
	font-size: 21px;
	font-weight:bold;
	color: #003E86;
	line-height: normal;
	float: left;
	width: 393px;
}
.eventDetailsDiv    h3   {
	font-size: 12px;
	line-height: 28px;
	color: #7f7f7f;
	background: #f6f6f6;
	border-bottom: 2px solid #d6d6d6;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 16px;
	float: left;
	height: 28px;
	width: 377px;
}
.eventDetailsDiv ul {
	float: left;
	width: 393px;

}

.eventDetailsDiv ul li {
	font-size: 12px;
	line-height: normal;
	border-bottom: 1px solid #d6d6d6;
	float: left;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}
.eventDetailsDiv ul li.end {
	border-bottom-style: none;
}

.eventDetailsDiv ul li strong {
	width: 107px;
	float: left;
	padding-left: 8px;
}
.eventDetailsDiv  ul  li  div {
	float: right;
	width: 278px;
	clear: none;
}




.eventDetailsImageDiv {
	float: left;
	width: 144px;
	margin-top: 16px;
}
.eventDescriptionDiv {
	float: left;
	width: 100%;
	padding-bottom: 16px;
}
.eventDescriptionDiv h3 {
	padding-left: 8px;
	font-size: 12px;
	color: #7f7f7f;
	line-height: 28px;
	background: #f6f6f6;
	border-bottom: 2px solid #d6d6d6;
}
#eventsCol1  .eventDescriptionDiv p {
	font-size: 12px;
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 8px;
	line-height: normal;
}


.bbEvent2 {
	background: url(img/eventsCommunityIconWhite.png) no-repeat left bottom;
}
.bbEvent2 span {
	display: block;
	font-size: 11px;
	color: #003E86;
	margin-top: 16px;
	margin-left: 38px;
}
#eventsCol1 h2.eventsAlso {
	text-align: left;
	clear: left;
	font-size: 19px;
	color: #003e86;
	border-top: 1px solid #cacaca;
	padding-top: 16px;
	font-weight:normal;
}
#eventsCol1 h6.eventsAlso {
	font-size: 12px;
	color: #CC0000;
	margin-left: 16px;
	clear: left;
	padding-top: 16px;
	border-top: 1px solid #cacaca;
}
#eventsCol1 h6.first {
	border-top-style: none;
}