@charset "UTF-8";
/* CSS Document */

/*
########################################
  Slideshow Rules
########################################
*/

#slideshow * {
	margin: 0;
	padding: 0;
}  

#slideshow {
	display: block;
	float: left;
	width: 538px;
	height: 408px;
	background-color: #F5F5F5;
	border: 1px solid #ffffff;
}  
  
#slideshow ul {  
	display: block;
	float: left;
	list-style-type: none;
	height: 1%; /* IE fix */
}

#slideshow ul:after { 
/* This is a float clearing rule */
	display: block;
	content: ".";  
	clear: both;  
	height: 0;  
	visibility: hidden;
}             


/*
########################################
  Slideshow: Slide Rules
########################################
*/

#slideshow .slides {  
	display: block;
	float: left;  
	width: 538px;
	height: 376px;
	overflow: hidden;  
}  
  
#slideshow .slides ul {  
	/* total width of all slides - 
	538px multiplied by 5 in this case */  
	width: 538px; /* HAH! This makes the slides "chase" each other out of the screen */ 
	height: 376px;
/*	background: url(images/messageSlide.jpg) 0 0 no-repeat; Which means that this is useless */
}  
  
#slideshow .slides li {  
/* Height & width are reduced to accommodate the 20px padding */
	display: block;
	float: left;  
	width: 498px;  
	height: 336px;
	padding: 20px;
	background: url(images/genericSlide.jpg) 0 0 no-repeat; 
}
  
#slideshow .slides h3 {  
	margin-top: 0;
}  


/*
########################################
  Slideshow: Navigation
########################################
*/

#slideshow .slides-nav {
	display: block;
	float: left;
	width: 538px;
	height: 32px;
	background-color: #003250;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}  


#slideshow .slides-nav li {  
	display: block;
	float: left;  
	width: 58px;
/*	height: 30px; This was the original setting when the #slideshow .slides-nav had a 2px border-top */
	height: 32px;
	margin-right: 2px;
	text-align: center;
}

#slideshow .slides-nav li.listLast {
	margin-right: 0;
}

#slideshow .slides-nav li a {
	display: block;
	width: 38px;
	height: 25px;
	padding: 7px 10px 0;
	outline: none;
	background: url(images/58x32_slideshowNav.png) 0 0 no-repeat;
	color: #dddddd;
	line-height: 18px;
	text-decoration: none;
}

#slideshow .slides-nav li a:hover {
	background: url(images/58x32_slideshowNav.png) 0 -32px no-repeat;
	color: #ffffff;
}

.js #slideshow .slides-nav li.on, .js #slideshow .slides-nav li.on a {  
	background: url(images/58x32_slideshowNav.png) 0 -64px no-repeat;
	color: #ffffff;
}


/*
########################################
  Slideshow: Individual Slide Rules
########################################
*/

#slideshow li.imageSlide {
	padding: 0; /* Padding set to accomodate full image */
	width: 538px;  
	height: 376px;
	background-image: none;
	background-color: #cccccc;
}