/*css for the homepage */

/*
 * The Page Content 
*/
#page_content
{
	position:relative;
	width: 955px;
	height: 382px;
	/*height: 382px;*/
	
	margin-left:0;
	margin-top:-3px;
}

/* 
 * the homepage slideshow 
*/
#homepage_slideshow
{
	position:absolute;
	width: 725px;
	left:0;
	background-image:url('../../../SiteCollectionImages/JPIC/homepage/homepage_preload.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	
}

#homepage_slideshow img {
	display:none;
	position:absolute;
	width: 725px;
	height: 382px;
	top:0; 
	left:0;
}

#homepage_slideshow div
{
	position: absolute;
	top: 0;
	left: 0;
}

/*Controlling WEBPART LATESTNEWS*/

/* all link colors in body of the site */
.ms-WPBody a:link, .link-item, .link-item a:link, .link-item a:visited, .ms-WPBody a:visited, .ms-WPBody td.ms-vb a, td.ms-addnew a{
	color:#CC6600;
	font-size:1.1em;
	font-weight:bold;		
	text-decoration: none;		
}
		
/* all link hovers */
.ms-WPBody a:hover, .link-item a:hover, td.ms-vb a:hover, td.ms-addnew a:hover {			
	color:#CC6600;
	text-decoration:underline;
}
		
/* all colors in body of the site */
.description{	
	color:white;
	font-weight:lighter;		
	text-decoration: none;
}

/**************EVENTS ********************/

#page_content ul#events_list{
	position:absolute;
	margin-top:0px;
	padding-top:0px;
	/*background-image: url("/SiteCollectionImages/JPIC/homepage/homepage_right_panel.png");*/
	left:682px;
	width:233px;
	height:190px;
	overflow:hidden; 	
	list-style:none;
	clear:both;
}

#page_content ul#events_list li { 
	display: block;
	overflow:hidden;
	background-color:#2a6ebb;
	background-position: top left;
	float:right;
	width: 225px;
	height: 178px;
	margin-left: 0px;
	padding-left:4px;	
	list-style:none;
	clear:both;
}

#page_content ul#events_list li h1
{
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:bold;
}

#page_content ul#events_list li p
{
 	color:#FFF;
	font-size:0.96em;
	font-weight:lighter;	
}

#page_content ul#events_list li a
{
	text-decoration:none;
	color:#FFF;
}

#page_content ul#events_list li a:hover
{
	text-decoration:underline;
}

/* event slider styles */
#page_content ul#events_list li div.events_slider
{
	margin: -6px;
	position: relative;
}

/* the play/pause controls */
#page_content ul#events_list li div.events_slider ul.play_pause
{
	position: absolute;
	bottom: -20px;
	right: 0;
	width: 32px;
	height: 32px;
	z-index: 9999999999;
}
#page_content ul#events_list li div.events_slider ul.play_pause li,
#page_content ul#events_list li div.events_slider ul.play_pause li a
{
	position: relative;
	display: block;
	width: 19px;
	height: 19px;
}
#page_content ul#events_list li div.events_slider ul.play_pause li.pause
{
	background-image: url('/SiteCollectionImages/JPIC/homepage/events_pause.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#page_content ul#events_list li div.events_slider ul.play_pause li.play
{
	background-image: url('/SiteCollectionImages/JPIC/homepage/events_play.png');
	background-position: top left;
	background-repeat: no-repeat;
}

/* the slider scrolling section */
#page_content ul#events_list li div.events_slider div.scroll
{
	width: 233px;
	height: 116px;
	overflow: hidden;
	position: relative;
	margin: 0;
}

/* the sliding panel */
#page_content ul#events_list li div.events_slider div.scroll div.scrollContainer div.panel
{
	width: 226px;
	height: 104px;
	margin: 0;	
}


#page_content ul#popular_links
{
	position:absolute;
	padding-top:0px;
	margin-top:0px;		
	top:180px;		
	left:682px;
	width:233px;
	height:220px;
	overflow:hidden;
	list-style:none;
}


#page_content ul#popular_links li
{
	overflow: hidden;
	display: block;
	background-color:#2a6ebb;
	background-position: top left;
	float: right;
	width: 225px;
	height: 202px;
	margin-left: 0px;
	padding-left: 4px;	
	list-style:none;
}
	
#page_content ul#popular_links li h1
{
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:bold;
}

#page_content ul#popular_links li p
{
	color:#FFF;
	font-size:0.96em;
	font-weight:lighter;}

#page_content ul#popular_links li a
{
	color:#FFFFFF;
	text-decoration:none;
}

#page_content ul#popular_links li a:hover
{
	text-decoration:underline;
}


/**************** BOTTOM BUTTONS **************/
.bottom_buttons{
	width:955px;
	margin-left:5px;
	margin-top:-40px;
	padding: 0;
	background-color: #FFF;
	display:block;
	position:relative;
	right:5px;
	float:right;
	list-style:none;

}
.bottom_buttons li{
	display: block;
	float:right;
	width: 155px;
	height: 108px;
	margin-left: 1px;
	margin-right: 1px;	
	overflow: hidden;
	list-style:none;	
}
/*Original images*/
.bottom_buttons li img {
	border-style:none;
	width:151px;
	height:103px;
	z-index:8;	
}