#js-wrapper {
	background: url(../images/jsbanner/js-bg.png) no-repeat;
	overflow: hidden;
	height: 275px;
	width: 962px;
	margin: 30px auto 0;
	position: relative;
}
/*	JS Header Content
--------------------------------------------------------------------*/

#js-wrapper a {}
#js-wrapper a span {}



/*	JS Header Menu Styles
--------------------------------------------------------------------*/

#js-wrapper ul.js-nav {
	list-style: none;
	right:10px;
	position: absolute;
	top: 14px;
}

#js-wrapper ul.js-nav li {
}

#js-wrapper ul.js-nav li a, #js-wrapper ul.js-nav li.active a, 
#js-wrapper ul.js-nav li.active a:hover, #js-wrapper ul.js-nav li a:hover
{
	background-image: url(../images/jsbanner/js-menu-bg.png);
	background-repeat: none;
	color: #4d4d4d;
	font: bold 12px/40px Arial, Helvetica, sans-serif;
	display: block;
	height: 40px;
	text-decoration: none;
	text-indent: 20px;
	width:241px;
}
#js-wrapper ul.js-nav li a {background-position: 0 -40px;}
#js-wrapper ul.js-nav li a:hover {background-position: -241px -40px;}
#js-wrapper ul.js-nav li a.active, #js-wrapper ul.js-nav li a.active:hover {background-position: -482px -40px;}

/*--first child styles --*/

#js-wrapper ul.js-nav li:first-child a {background-position: 0 0;}
#js-wrapper ul.js-nav li:first-child a:hover {background-position: -241px 0;}
#js-wrapper ul.js-nav li:first-child a.active, #js-wrapper ul.js-nav li:first-child a.active:hover {background-position: -482px 0;}

/*--last child styles --*/

#js-wrapper ul.js-nav li:last-child a {background-position: 0 -80px;}
#js-wrapper ul.js-nav li:last-child a:hover {background-position: -241px -80px; }
#js-wrapper ul.js-nav li:last-child a.active, #js-wrapper ul.js-nav li:last-child a.active:hover {background-position: -482px -80px;}

/*-- active font color --*/

#js-wrapper ul.js-nav li:last-child a.active,
#js-wrapper ul.js-nav li:first-child a.active,
#js-wrapper ul.js-nav li a.active {color: white;}

/*--active hover font color --*/

#js-wrapper ul.js-nav li:last-child a.active:hover, 
#js-wrapper ul.js-nav li:first-child a.active:hover, 
#js-wrapper ul.js-nav li a.active:hover  { color: #ffe2cb;}


/*	JS Image - Button - Text
--------------------------------------------------------------------*/

#js-content {
	display: block;
	height: 240px;
	left: 10px;
	position: absolute;
	width: 715px;
	top: 14px;
	z-index: 0;
        overflow : hidden;
}

/* -- I had to add this in for each slide BLF */
.js-content {
	display: block;
	height: 240px;
	width: 715px;
        position: relative;
}

.js-content-txt {
	left:25px;
	position: absolute; 
	top:25px;
}

.js-content-txt h2 {
	color: #01227C;
	font: bold 24px/24px Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
}

.js-content-txt p, #js-content-txt ul li  {
	font: normal 12px/16px Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
	width: 300px;
}

.js-content-txt ul {
	list-style:disc ;
	margin: 0px 0 10px 25px ;
	position: relative ;
}

.js-content-txt ul li {line-height: 16px;}

.js-content a {
	background: url(../images/jsbanner/js-actionbtn-left.png) no-repeat top left;
	bottom: 20px;
	display: block;
	float: left;
	height: 42px;
	left: 25px;
	position: absolute;
	text-decoration: none;
}
.js-content a em {
	background:url(../images/jsbanner/js-actionbtn.png) no-repeat top right;
	color: white;
	display: block;
	font: normal 13px/42px Helvetica, Arial, sans-serif;
	height: 42px;
	margin-left:10px;
	padding: 0 20px 0 10px;
}

.js-content a:hover {background: url(../images/jsbanner/js-actionbtn-left-hvr.png) no-repeat top left;}
.js-content a:hover em {background:url(../images/jsbanner/js-actionbtn-hvr.png) no-repeat top right;}