/* root element for scrollable */
div.scrollable.vertical {  	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 185px;	 
	width: 340px;	
	padding:0px 50px; 
	margin:50px 0 0 0; 
/*  	top:60px;  */
	
}

/* root element for scrollable items */
div.scrollable.vertical div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* override item style defined in scrollable.css */
div.scrollable div.items div {
	float:none;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* background image */
	/* background: #000 url(images/white.jpg) no-repeat 0 0; */
	
	
	/* text/font settings */
	color:#999;
	text-align:left;
	width:340px;
	height:185px;
	/*  padding:25px 0px;
	font-size:70px; */
	margin-right: 10px;	
	cursor:pointer;
}


/* mouseover state */
div.scrollable div.items div:hover {	
	background-position:-178px 0px;
}

/* clicked state */
div.scrollable div.items div:active {	
	background-position:-356px 0;
}

/* active item */
div.scrollable div.items div.active {	
	background-position:-534px 0;
	cursor:default;
}

div.RotatingNewsFeed
{
	background-position:center;
	background-repeat:no-repeat; 
	background-image:url(images/homepg2_r2_c8.gif);
	float:left;
	height:300px;
	width:450px;
}

div.RotatingNewsFeed div a
{
	padding: 0 2px; 
}

.newsFeedTitle
{
	font-weight:bold; 
	color:#333333;
	
}

.newsFeedBody
{
	color:#666666;
	padding:0px 0px 7px 0px; 
	line-height:18px; 		
}

.newsFeedDate
{
	color:#333333;
	padding:0px 0px 7px 0px; 
	height: 33px;
}
.newsFeedReadMore
{
	font-size:10px; 
	padding:0px 0px 0px 0px; 
	white-space:nowrap
}


/*********************************
	Bottom Scrolling Div  
**********************************/

/* root element for scrollable */
div.scrollableBottom {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	
	float:left;
	/* vertical scrollers have typically larger height than width */	
	height: 240px;	 
	width: 900px;	
	padding:0px 0px; 
	margin:0px 0 0 0; 
/*  	top:60px;  */
	
}

/* root element for scrollable items */
div.scrollableBottom div.itemsBottom {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:275px;	
	margin: 0px;
}


/* single scrollable item */
div.scrollableBottom div.itemsBottom div {
	float:left;
	padding: 0 12px; 
	/* text/font settings */
	color:#999;
	text-align:left;
	width:190px;
	height:240px;
	margin-right: 10px;	
	cursor:pointer;

	border-left-style:dotted; 
	border-left-width: 1px; 
	border-left-color:#999999; 
}

/* mouseover state */
div.scrollableBottom div.itemsBottom div:hover {	
	background-position:-178px 0px;
}

/* clicked state */
div.scrollableBottom div.itemsBottom div:active {	
	background-position:-356px 0;
}

/* active item */
div.scrollableBottom div.itemsBottom div.active {	
	background-position:-534px 0;
	cursor:default;
}




/*********************************
*	       Timeline				 *
*********************************/

/* root element for scrollable */
div.timeline {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	
	float:left;
	/* vertical scrollers have typically larger height than width */	
	height: 170px;	 
	width: 740px;	
	padding:0px 0px; 
	margin:0px 0 0 0; 
/*  	top:60px;  */
	
}

/* root element for scrollable items */
div.timeline div.itemsBottom {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:275px;	
	margin: 0px;
}


/* single scrollable item */
div.timeline div.itemsBottom div {
	float:left;
	padding: 0 12px; 
	/* text/font settings 
	color:#999;*/
	text-align:left;
	/*  margin-right: 10px;	*/
	cursor:pointer;
	
	border-bottom-style:solid;
	border-bottom-width: 4px; 
	border-bottom-color: #E9E9E9;
}
div.timeLineItems div.itemsBottom div {	width:120px; height:165px;}
/* mouseover state */
div.timeline div.itemsBottom div:hover {	
	
	border-bottom-style: solid;
	border-bottom-width: 4px; 
	border-bottom-color: #0099FF;
	color:#0099FF;
}

/* clicked state */
div.timeline div.itemsBottom div:active {	
	

}

/* active item */
div.timeline div.itemsBottom div.active {	
	
	cursor:default;
	border-bottom-style: solid;
	border-bottom-width: 4px; 
	border-bottom-color: #0099FF;
	color:#0099FF;
}

a.topNext
{
	cursor:pointer;
}

div.messageDisplay
{
	width: 745px; height:256px; 
}

div.facilitySplash
{
	width: 456px; height:304px; 
}

div.facilitytime div.itemsBottom div 
{
    width:98px;
    height:74px;
}

/*********************************
*	       End Timeline			 *
*********************************/