/*
* {
	margin: 0;
	padding: 0;
}
*/

a:focus {
	outline: none;
}

/*
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}
*/

div#slider {
	display: block;
	height: auto;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	width: 590px;
	margin: 0;
	position: relative;
    height: 100%;
	overflow: hidden;
}

/* Show only to IE6 */
* html .slider-wrap { 
	overflow: visible;
}

/* These 2 lines specify style applied while slider is loading */
.csw {
	width: 100%; 
	height: 460px; 
	background: #FFFFFF; 
	overflow: scroll;
}

.csw .loading {
	margin: 200px 0 300px 0;
	text-align: center;
}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow-x: hidden; 
	border: 0px solid #e4e4e4; /* this is the border. should have the same value for the links */
	background: #FFFFFF url("/images/bg-slider-view-area.png") 0 0 no-repeat;
	margin: 0 auto;
	width: 590px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	min-height: 486px;
	height: auto !important;
    height: 486px; /* IE6 Hack */
	clear: both;
}

.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; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
		
.stripViewer .panelContainer .panel { 
/* Each panel is arranged end-to-end */
	float: left;
	height: 100%;
	position: relative;
	width: 590px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { 
/* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 20px 18px;
}
		
.stripNav { 
/* This is the div to hold your nav (the UL generated at run time) */
	margin: 0 ;
}
		
.stripNav ul { 
/* The auto-generated set of links */
	list-style: none;
	width: 590px;
	height: 26px;
	border-bottom: 1px solid #e4e4e4;
	padding: 0;
	margin: 0;
}
		
.stripNav ul li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	background-image: none;
/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
		
.stripNav a { /* The nav links */
	display: block;
    overflow: hidden;
	width: 145px;
	height: 26px;
	line-height: 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 800;
	color: #4d4c4c;
	text-align: center;
	text-decoration: none;
	padding: 0;
	background: url("/images/bg-slider.png") 0 0 no-repeat;
}
		
.stripNav li.tab1 a {
}

.stripNav li.tab2 a {
}

.stripNav li.tab3 a {
}

.stripNav li.tab4 a {
}

.stripNav li a:hover {
	text-decoration: underline;
}
		
.stripNav li a.current {
	background: url("/images/bg-slider-current.png") 0 0 no-repeat;
	color: #4D4C4C;
	border-bottom: 1px solid #FFFFFF;
}

.stripNav li.tab1 a.current {
	background: url("/images/bg-slider-current-left.png") 0 0 no-repeat;
	height: 27px;
	border-bottom: none;
}

.stripNav li.tab4 a.current {
	background: url("/images/bg-slider-current-right.png") 0 0 no-repeat;
	height: 27px;
	border-bottom: none;
}

/* Arrows Below: Not Using Arrows At Present */

.stripNavL, .stripNavR {
/* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
	display: none;
}
		
.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}
		
.stripNavL {
	left: 0;
}
		
.stripNavR {
	right: 0;
}
		
.stripNavL {
	background: url("/images/arrow-left.gif") no-repeat center;
}
		
.stripNavR {
	background: url("/images/arrow-right.gif") no-repeat center;
}


/* NEWS SLIDER STYLES BELOW */

body#home div#slider {
	/* display: block; */
	float: left;
	clear: right;
	height: auto;
}

body#home .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	width: 592px;
	margin: 0;
	position: relative;
    height: 37px;
	overflow: hidden;
}

/* These 2 lines specify style applied while slider is loading */
body#home .csw {
	width: 592px; 
	height: 37px; 
	background: none; 
	overflow: hidden; /* scroll */
}

body#home .csw .loading {
	margin: 200px 0 300px 0;
	text-align: center;
}

body#home .stripViewer { /* This is the viewing window */
	position: relative;
	left: 74px;
	overflow: hidden; 
	border: 0px solid #e4e4e4; /* this is the border. should have the same value for the links */
	background: url("/images/bg-news.png") repeat-x 0 0;
	margin: 0;
	width: 518px; /* Also specified in  .stripViewer .panelContainer .panel  below */
    height: 37px;
	clear: both;
}

body#home .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; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
		
body#home .stripViewer .panelContainer .panel { 
/* Each panel is arranged end-to-end */
	float: left;
	height: 100%;
	position: relative;
	width: 518px; /* Also specified in  .stripViewer  above */
}
		
body#home .stripViewer .panelContainer .panel .wrapper { 
/* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0 40px 0 20px;
}
		
body#home .stripNav { 
/* This is the div to hold your nav (the UL generated at run time) */
	margin: 0 ;
}
		
body#home .stripNav ul { 
/* The auto-generated set of links */
	display: none;
}
		
body#home .stripNav ul li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	background-image: none;
/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
		
body#home .stripNav a { /* The nav links */
	display: none;
}

body#home .stripNavL, body#home .stripNavR {
/* The left and right arrows */
	display: block;
	position: absolute;
	top: 0;
	text-indent: -9000em;
}

/*
body#home .stripNavL a, body#home .stripNavR a {
	display: block;
	height: 37px;
	width: 38px;
}
*/

body#home .stripNavL, body#home .stripNavL a {
	display: block;
	height: 37px;
	width: 36px;
	left: 0;
}
		
body#home .stripNavR, body#home .stripNavR a {
	display: block;
	height: 37px;
	width: 38px;
	left: 36px;
}
		
body#home .stripNavL {
	background: url("/images/slider-news-left-arrow.png") no-repeat 0 0;
}
		
body#home .stripNavR {
	background: url("/images/slider-news-right-arrow.png") no-repeat 0 0;
}