@charset "UTF-8";

.clearout {
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0px;
	padding: 0px;
}



/*--------------------------------- EVENT TAB STYLES ------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/


body.page_hacenter.subpage_event .events_tabs ul.subnav li.tab.active {
	color: #be1d23;
}

body.page_hacenter.subpage_event .events_tabs ul.subnav li.tab.active a,
body.page_hacenter.subpage_event .events_tabs ul.subnav li.tab.active a:visited,
body.page_hacenter.subpage_event .events_tabs ul.subnav li.tab.active a:active {
	color: #be1d23;
	background-color: #FFFFFF;
}
body.page_hacenter.subpage_event .events_tabs ul.subnav li.tab.active a:hover {
	color: #be1d23;
	background-color: #FFFFFF;
}




/*--------------------------------- SLIDESHOW STYLES -----------------------------------------*/
/*--------------------------------------------------------------------------------------------*/


/*------- SCROLLER -----------*/

body.page_calendar div.scroller {
	position: relative;
	clear: both;
	width: 525px;
	margin-top: 6px;
}

/*body.page_calendar div.scroller {
	clear: both;
	position: absolute;
	width: 525px;
	left: 0px;
	top: 328px;
	z-index: 101;
}*/

body.page_calendar .scrollshell {
	/*clear: both;*/
}


body.page_calendar .scrollarea {
	position: relative;
	/*width: 420px;*/
	width: 525px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	float: left;
	/*background-image: url(../images/bg2.jpg);*/
	background-repeat: repeat;
	background-position: left top;
	background-color: #CCCCCC;
}

body.page_calendar .scrollsubshell {
	position: absolute;
	left: 0px;
	/*width: 420px;*/
	width: 525px;
	height: 60px;
	overflow: hidden;
}

body.page_calendar .scroll {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 20000px;
	height: 60px;
	overflow: hidden;
}

body.page_calendar .scrollsection {
	float: left;
}

body.page_calendar ul.scrollitems {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

body.page_calendar ul.scrollitems li {
	display: block;
	/*width: 100px;*/
	width: 103px;
	height: 60px;
	font-size: 0;
	line-height: 0;
	/*text-indent: -9999px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-width: 0 2px 0 0;
	border-color: #FFFFFF;
	border-style: solid;
	float: left;
}

body.page_calendar ul.scrollitems li a,
body.page_calendar ul.scrollitems li a.default {
	display: block;
	/*width: 100px;*/
	width: 103px;
	height: 60px;
	font-size: 0;
	line-height: 0;
	/*text-indent: -9999px;*/
	outline: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: none;
	float: left;
	overflow: hidden;
}

body.page_calendar ul.scrollitems li a:hover,
body.page_calendar ul.scrollitems li a.selected {
	width: 99px;
	height: 56px;
	border-width: 2px 2px 2px 2px;
	border-color: #BE1D23;
	border-style: solid;
}

body.page_calendar ul.scrollitems li a img,
body.page_calendar ul.scrollitems li a.default img {
	/*width: 100px;*/
	width: 103px;
	height: auto;
	min-height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: none;
}

body.page_calendar ul.scrollitems li a:hover img,
body.page_calendar ul.scrollitems li a.selected img {
	margin: -2px 0px 0px -2px;
}

body.page_calendar .scrollback {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 12px;
	height: 60px;
	background-image: url(../images/scrollbar_back.jpg);
	/*top: 20px;
	left: -5px;
	width: 20px;
	height: 20px;
	background-image: url(../images/arrow_back_n.png);*/
	background-repeat: no-repeat;
	background-position: center center;
}
body.page_calendar .scrollback:hover {
	/*background-image: url(../images/arrow_back_u.png);*/
}

body.page_calendar .scrollback a {
	/*background-image: url(../images/arrow_back_n.png);*/
}
body.page_calendar .scrollback a:hover {
	/*background-image: url(../images/arrow_back_u.png);*/
}

body.page_calendar .scrollfwd {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 12px;
	height: 60px;
	background-image: url(../images/scrollbar_fwd.jpg);
	/*top: 20px;
	right: -5px;
	width: 20px;
	height: 20px;
	background-image: url(../images/arrow_fwd_n.png);*/
	background-repeat: no-repeat;
	background-position: center center;
}
body.page_calendar .scrollfwd:hover {
	/*background-image: url(../images/arrow_fwd_u.png);*/
}

body.page_calendar .scrollback, .scrollfwd {
	visibility: hidden;
	z-index: 15;
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
}

body.page_calendar .scrollfwd a {
	/*background-image: url(../images/arrow_fwd_n.png);*/
}
body.page_calendar .scrollfwd a:hover {
	/*background-image: url(../images/arrow_fwd_u.png);*/
}

body.page_calendar .scrollback a, body.page_calendar .scrollfwd a {
	display: block;
	width: 15px;
	height: 60px;
	/*width: 20px;
	height: 20px;*/
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	outline: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

body.page_calendar #scrollernav {
	font-weight: bold;
	text-align: right;
}


/*------- SLIDES -----------*/

body.page_calendar #slideshow {
	position: relative;
		/*width: 420px;*/
		/*height: 258px;*/
	width: 525px;
	margin: 0px;
	padding: 0px 0px 50px 0px;
	background-color: none;
}

body.page_calendar #slideshell {
		/*width: 420px;*/
		/*height: 258px;*/
	width: 525px;
	/*height: 650px;*/
	height: 322px;
	position: relative;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

body.page_calendar div.slide {
	position: absolute;
	top: 0px;
	left: 0px;
		/*width: 420px;*/
		/*height: 258px;*/
	width: 525px;
	/*height: 650px;*/
	height: 322px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	z-index: 9;
	visibility: visible;
	/*display: none;*/
}

body.page_calendar div.slide.active {
	z-index: 10;
	display: block;
}

body.page_calendar #slideshow .morelink {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	color: #CC6600;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

body.page_calendar #slideshow #slideshell_aux {
		/*width: 420px;*/
	width: 525px;
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow: visible;
	/*float: left;*/
}


/* ------------  styles for large image and caption ----------- */

body.page_calendar #slideshow #slideshell div.image {
	position: relative;
		/*width: 420px;
		height: 258px;*/
	width: 525px;
	height: 322px;
	padding: 0px;
	text-align: center;
	overflow: hidden;
	/*float: left;*/
}

body.page_calendar #slideshow #slideshell div.image img {
		/*width: 420px;*/
	/*width: 525px;*/
	padding: 0px;
	margin: 0px auto 0px auto;
	border-width: 0px;
	/*clip: rect(0ex, 0ex, 258px, 0px);*/
}

body.page_calendar #slideshow #slideshell div.image img.horiz {
	width: 525px;
}

body.page_calendar #slideshow #slideshell div.image img.vert {
	height: 322px;
}

body.page_calendar #slideshow #slideshell div.image .caption {
	position: absolute;
		/*width: 400px;*/
	width: 505px;
	left: 0px;
	bottom: 0px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	overflow: hidden;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 12px;
	text-align: right;
	color: #FFFFFF;
	background-repeat: repeat;
	background-position: left top;
	background-image: url(../images/bg_layer_dark.png);
}


/* ------------  styles for content text area ----------- */

body.page_calendar #slideshow #slideshell div.content {
		/*width: 420px;*/
	width: 525px;
	margin: 80px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow: visible;
	/*float: left;*/
}

body.page_calendar #slideshow #slideshell h3 {
	margin: 0px 0px 5px 0px;
}

body.page_calendar #slideshow #slideshell div.slide2 {}

body.page_calendar #slideshow #slideshell_aux div.slide2 h3 {
	margin: 0px 0px 5px 0px;
}


/* ------------------------ preload styles ------------------------ */

div.slideshow_preload {
	height: 0px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: -9999px top;
}

/*div.slideshow_preload .plimg1 { background-image: url(../images/arrow_back_n.png); }
div.slideshow_preload .plimg2 { background-image: url(../images/arrow_back_u.png); }
div.slideshow_preload .plimg3 { background-image: url(../images/arrow_fwd_n.png); }
div.slideshow_preload .plimg4 { background-image: url(../images/arrow_fwd_u.png); }*/