.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0px 0px 0px 0px;
}
		
		/* THE IMPORTANT STUFF STARTS HERE */
		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		width: 298px;
		position: relative;
		margin: 0px 0;
}

#col1 .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		width: 460px;
		position: relative;
		margin: 0px 0;
}

		/* These 2 lines specify style applied while slider is loading */
.svw {
	width: 50px; height: 20px; background: #fff; overflow: hidden;
}

.svw ul {
	position: relative; left: -999em;
}

.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
/* this is the border. should have the same value for the links */
			margin: auto;
			width: 298px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: auto;
			clear: both;
			background-color: #ECECED;
			border:1px solid #C1C1C1;
		}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			-moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */
		}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			width: 300px; /* Also specified in  .stripViewer  above */
			height: 100%;
}

#col1 .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			width: 460px; /* Also specified in  .stripViewer  above */
			height: 100%;
}

#col1 .stripViewer { /* Each panel is arranged end-to-end */
			float:left;
			width: 460px; /* Also specified in  .stripViewer  above */
			height: 100%;
			background-color:#ffffff;
			border-top:0px;
			border-left:0px;
			border-right:0px;
			border-bottom:1px solid #C1C1C1;
}
		
#col1 .subcolum5 .stripViewer { /* Each panel is arranged end-to-end */
			float:left;
			width: 458px; /* Also specified in  .stripViewer  above */
			height: 100%;
			background-color:#ffffff;
			border:1px solid #C1C1C1;
			margin-bottom:10px;
}
	
#col1 .subcolum5 .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			width: 458px; /* Also specified in  .stripViewer  above */
			height: 100%;
			margin-bottom:5px;
}	
	
#col1 .subcolum5 .stripNav {/* This is the div to hold your nav (the UL generated at run time) */
	padding:0px 1px 0px 0px;
	border-top:1px solid #C1C1C1;
	border-left:1px solid #C1C1C1;
	border-right:1px solid #C1C1C1;
	height:20px;
	margin: auto;
	width:457px;
	background-color:#ECECED;
}
	
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 0px;
}
		
#col1 .stripNav {/* This is the div to hold your nav (the UL generated at run time) */
	padding:1px 1px 1px 0px;
	border: 0px;
	height:20px;
	margin: auto;
	width:100%;
	background-color:#ECECED;
}
	
.stripNav {/* This is the div to hold your nav (the UL generated at run time) */
	padding:0px 0px 0px 0px;
	border-top: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	height:20px;
	margin: auto;
	width:100%;
}
		
.stripNav ul { /* The auto-generated set of links */
		list-style: none;
		padding: 0px 0px 0px 0px;
		float:right;
		width:auto;
}
		
.stripNav ul li {
			float:left;
			margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
}
		
.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0px;
}
		
.stripNav a:hover {
}
		
.stripNav a.current {
	color: #000000;
}