body, html {
	width:			100%;
	height:			100%;
	margin:			0;
	border:			0;
	overflow:		hidden;
}

body{
	font-family:	arial;
	font-size:		small;
	background:		#000;
	color:			#FFF;
	margin:			0;
	padding:		0;
}

a img{
	border:			0px;
}

img.backgroundImage {
	width:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	z-index:		-2;
}

.clear{
	clear:			both;
	font-size:		1px;
	height:			1px;
	line-height:	1px;
}

.clearFix:after {
    content:		".";
    display:		block;
    height:			0;
    clear:			both;
    visibility:		hidden;
}
	.clearFix {display:	inline-block;}
	/* Hides from IE-mac \*/
	* html .clearFix {height: 1%;}
	.clearFix {display: block;}
	/* End hide from IE-mac */

#overlay{
	position:		absolute;
	width:			100%;
}

#header{
	padding:		40px;
}

	#logo{
		float:			left;
		display:		inline;
	}
	
		#menu{
			float:			left;
			display:		inline;
			padding:		55px 0 0 40px;
		}
		
			#menu ul{
				list-style:		none;
				margin:			0;
				padding:		0;
			}
			
				#menu ul li{
					display:		inline;
					padding:		0 20px 0 0;
				}
				
					#menu ul li a:link,
					#menu ul li a:visited{
						text-decoration:none;
						color:			#FFF;
					}
					
					#menu ul li a:hover,
					#menu ul li a:active{
						text-decoration:underline;
						color:			#FFF;
					}
			
#mainContent{
	clear:			both;
	padding:		300px 0 0 0;
}

	#eventList{
		background:		#FFF;
	}
	
		#eventList #eventCarousel{
			width:			1000px;
		}
	
		#eventList ul{
			list-style:		none;
			margin:			0;
			padding:		0;
		}
		
			#eventList ul li{
				display:		inline;
				padding:		0 20px 0 0;
				width:			255px;
			}
			
				#eventList ul li .eventItem{
					float:			left;
					display:		inline;
				}
				
					#eventList ul li .eventItem .eventImage{
						float:			left;
						display:		inline;
					}
					
						#eventList ul li .eventItem .eventImage img{
							display:		block;
							width:			100px;
							height:			100px;
						}
					
					#eventList ul li .eventItem .eventDetails{
						float:			left;
						display:		inline;
						padding:		3px 5px 3px 5px;
						width:			145px;
					}
					
						#eventList ul li .eventItem .eventDetails .eventTitle{
							
						}
						
							#eventList ul li .eventItem .eventDetails .eventTitle a:link,
							#eventList ul li .eventItem .eventDetails .eventTitle a:visited{
								color:			#27A8E3;
								text-decoration:none;
							}
							
							#eventList ul li .eventItem .eventDetails .eventTitle a:hover,
							#eventList ul li .eventItem .eventDetails .eventTitle a:active{
								color:			#27A8E3;
								text-decoration:none;
							}
						
						#eventList ul li .eventItem .eventDetails .eventDates{
							color:			#555;
						}
						
						#eventList ul li .eventItem .eventDetails .eventPrice{
							color:			#27A8E3;
						}
	
#videoPlayer{
	position:		absolute;
	width:			100%;
	height:			100%;
	z-index:		-1;
}







/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position:		relative;
}

.jcarousel-clip {
    z-index:		2;
    padding:		0;
    margin:			0;
    overflow:		hidden;
    position:		relative;
}

.jcarousel-list {
    z-index:		1;
    overflow:		hidden;
    position:		relative;
    top:			0;
    left:			0;
    margin:			0;
    padding:		0;
}

.jcarousel-list li,
.jcarousel-item {
    float:			left;
    list-style:		none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width:			255px;
    height:			100px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index:		3;
    display:		none;
}

.jcarousel-prev {
    z-index:		3;
    display:		none;
}

.jcarousel-skin-lowryEventCategory .jcarousel-container {
}

.jcarousel-skin-lowryEventCategory .jcarousel-container-horizontal {
    width:			100%;
}


.jcarousel-skin-lowryEventCategory .jcarousel-clip-horizontal {
    width:			100%;
    height:			100px;
}

.jcarousel-skin-lowryEventCategory .jcarousel-item {
    width:			100px;
    height:			100px;
}

.jcarousel-skin-lowryEventCategory .jcarousel-item-horizontal {
    margin-right:	0px;
}

.jcarousel-skin-lowryEventCategory .jcarousel-item-placeholder {
    background:		#FFF;
    color:			#000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-lowryEventCategory .jcarousel-next-horizontal {
    position:			absolute;
    top:				-40px;
    right:				5px;
    width:				32px;
    height:				32px;
    cursor:				pointer;
    background:			transparent url(/Templates/lowry/images/next-horizontal-large.png) no-repeat 0 0;
}

.jcarousel-skin-lowryEventCategory .jcarousel-next-horizontal:hover {
    background-position:-32px 0;
}

.jcarousel-skin-lowryEventCategory .jcarousel-next-horizontal:active {
    background-position:-64px 0;
}

.jcarousel-skin-lowryEventCategory .jcarousel-next-disabled-horizontal,
.jcarousel-skin-lowryEventCategory .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-lowryEventCategory .jcarousel-next-disabled-horizontal:active {
    cursor:				default;
    background-position:-96px 0;
}

.jcarousel-skin-lowryEventCategory .jcarousel-prev-horizontal {
    position:			absolute;
    top:				-40px;
    left:				5px;
    width:				32px;
    height:				32px;
    cursor:				pointer;
    background:			transparent url(/Templates/lowry/images/prev-horizontal-large.png) no-repeat 0 0;
}

.jcarousel-skin-lowryEventCategory .jcarousel-prev-horizontal:hover {
    background-position:-32px 0;
}

.jcarousel-skin-lowryEventCategory .jcarousel-prev-horizontal:active {
    background-position:-64px 0;
}

.jcarousel-skin-lowryEventCategory .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-lowryEventCategory .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-lowryEventCategory .jcarousel-prev-disabled-horizontal:active {
    cursor:				default;
    background-position:-96px 0;
}