/*style for activities slider */
#slider {
	POSITION: relative; LINE-HEIGHT: 1.4em; MARGIN: 0px auto; WIDTH: 850px; FONT-FAMILY: calibri; FONT-SIZE: 18px
}

.scroll {
	POSITION: relative; OVERFLOW-X: hidden; WIDTH: 800px; BACKGROUND: url(white_trans_bg.png) left top; HEIGHT: 480px; COLOR: #333333; CLEAR: left; OVERFLOW: auto
}
.scrollContainer DIV.panel {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 800px; PADDING-RIGHT: 0px; HEIGHT: 480px; PADDING-TOP: 2px
}

UL.navigation {
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
UL.navigation LI {
	DISPLAY: inline; MARGIN-RIGHT: 3px; font-size:12px;
}
UL.navigation A {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #666666; TEXT-DECORATION: none; PADDING-TOP: 8px
}
UL.navigation A:hover {
	BACKGROUND-COLOR: #f6f6f6; color:#000000;
}
UL.navigation A.selected {
	BACKGROUND-COLOR: #99CF17; color:#ffffff;
}
UL.navigation A:focus {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium
}
.scrollButtons {
	POSITION: absolute; TOP: 270px; CURSOR: pointer
}
.scrollButtons.left {
	LEFT: -2px
}
.scrollButtons.right {
	RIGHT: -2px
}
.hide {
	DISPLAY: none
}